/* 
 Font mixin usage

  @include font-face(OpenSans, "../fonts/OpenSans-Light", 300, normal, ttf);
  @include font-face(OpenSans, "../fonts/OpenSans-Regular", normal, normal, ttf);
  @include font-face(OpenSans, "../fonts/OpenSans-Medium", 500, normal, ttf);
  @include font-face(OpenSans, "../fonts/OpenSans-Bold", bold, normal, ttf);
  
 */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");
body {
  font-family: "Noto+Sans", sans-serif;
  font-size: 18px; }

h1 {
  font-weight: bold;
  font-size: 40px;
  font-family: "Noto+Sans", sans-serif;
  margin-top: 50px;
  color: #0050B5; }
  h1 .field--name-field-product-title {
    font-size: 46px;
    color: #fff; }
  h1 sup {
    top: -1.3em;
    font-size: 40%; }

h2 {
  font-weight: bold;
  font-size: 55px;
  font-weight: 700;
  line-height: 56px; }
  h2 sup {
    top: -1.5em;
    font-size: 30%; }

h3 {
  font-weight: bold; }

h4 {
  font-weight: bold; }

h5 {
  font-weight: bold; }

h6 {
  font-weight: bold; }

.h1 {
  font-weight: bold; }

.h2 {
  font-weight: bold; }

.h3 {
  font-weight: bold; }

.h4 {
  font-weight: bold; }

.h5 {
  font-weight: bold; }

.h6 {
  font-weight: bold; }

p {
  line-height: 28px; }

.internal-banner .container {
  padding-top: 3.5%; }
  @media (max-width: 768px) {
    .internal-banner .container {
      padding-top: 12%; } }

.header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  padding: 35px 0;
  color: #fff;
  height: auto; }
  .header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .header .container {
    position: relative;
    z-index: 2; }
  .header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.12;
    z-index: 1; }
.reviews {
    margin: 30px 0;   
}
.mb-20 {
  margin-bottom: 20px; }

article.faq {
  background-color: #F4F4F4; }

.navbar {
  margin-bottom: 0;
  border: 0; }
  .navbar .logo {
    background-color: #0050B5;
    padding: 0 15px; }
    .navbar .logo img {
      padding: 6px 45px; }

.navbar-btn {
  margin: 0; }

.vertical-align {
  display: flex;
  align-items: center; }

.relatedProducts {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  padding: 60px 0;
  color: #fff;
  height: auto;
  margin-bottom: 0px;
  border: none;
  height: 260px; }

.productAdvisorLink {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  padding: 60px 0;
  color: #fff;
  height: auto;
  border: none;
  height: 260px;
  height: 400px;
  background-position: center;
  margin-bottom: 0px;
  background-image: url(/sites/default/files/2019-02/relatedBanner.png); }
  .productAdvisorLink h2 {
    color: #fff;
    margin-bottom: 30px; }
  .productAdvisorLink p {
    margin-bottom: 30px; }

.page-node-type-nutrition .header {
  padding: 139px; }

.home-plant-based-section {
  text-align: center;
  padding-bottom: 50px;
  background-color: #FAFAFA; }
  .home-plant-based-section h2 {
    color: #0050B5;
    padding: 60px 0 20px;
    font-size: 55px;
    line-height: 56px; }
  .home-plant-based-section .descrip {
    padding-bottom: 50px; }
    .home-plant-based-section .descrip p {
      font-size: 18px;
      line-height: 26px;
      font-family: "Roboto", sans-serif;
      color: #0050B5; }
  .home-plant-based-section .images .field {
    display: inline-block;
    width: 22%;
    padding: 1%;
    text-align: center; }
    .home-plant-based-section .images .field a {
      background: #D31773;
      color: #fff;
      border-color: #D31773;
      padding: 10px 26px; }
    .home-plant-based-section .images .field img {
      max-width: 100%; }

.videoArea {
  background-color: #F4F4F4;
  padding-top: 75px;
  padding-bottom: 75px; }
  .videoArea h2 {
    font-family: "Noto+Sans", sans-serif;
    font-size: 40px;
    text-align: center;
    margin: 0 0 40px; }

.productAdvisor {
  padding: 70px 0; }
  .productAdvisor h2 {
    font-family: "Noto+Sans", sans-serif;
    font-size: 40px;
    text-align: center;
    margin: 0 0 40px; }
  .productAdvisor .quiz div.wrap {
    min-height: 560px;
    text-align: center; }
    .productAdvisor .quiz div.wrap:focus {
      outline: none !important; }
  .productAdvisor .advisor div.wrap {
    min-height: 560px;
    text-align: center; }
    .productAdvisor .advisor div.wrap:focus {
      outline: none !important; }

.quizNav {
  top: 130px;
  position: relative; }

.quizButton {
  color: #fff;
  padding: 15px 60px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.path:hover {
  cursor: pointer; }

.back {
  background: #AEAEAE; }

.next {
  background: #D0021B; }

.quiz h2 a span {
  display: none; }

.quiz div.wrap h2 {
  margin: 30px 0 60px; }

.footer {
  border-top: 0;
  margin-top: 0px;
  background-color: #0050B5; }
  .footer .footercol a img {
    text-align: center; }

.path-frontpage .productAdvisorLink {
  display: none; }

.page-node-type-quiz .productAdvisorLink {
  display: none; }

.slick-prev {
  left: 10px;
  z-index: 2000;
  width: 25px;
  height: 35px;
  background: url(images/previous.png) no-repeat; }
  .slick-prev:hover {
    background: url(images/previous.png) no-repeat; }
  .slick-prev:focus {
    background: url(images/previous.png) no-repeat; }
  .slick-prev:before {
    color: transparent; }

.slick-next {
  right: 10px;
  z-index: 2000;
  width: 25px;
  height: 35px;
  background: url(images/next.png) no-repeat; }
  .slick-next:hover {
    background: url(images/next.png) no-repeat; }
  .slick-next:focus {
    background: url(images/next.png) no-repeat; }
  .slick-next:before {
    color: transparent; }

.relatedProductsItems .slick-next {
  right: -15px; }

.relatedProductsItems .slick-prev {
  left: -15px; }

.relatedProductsBackground {
  background-color: #FAFAFA;
  padding: 80px 0; }

.relatedProductTitle {
  color: #0050B5;
  margin-bottom: 50px; }

.advisor div.wrap h2 {
  margin: 30px 0 60px; }

.advisor .relatedProductsItem {
  border: 1px solid #979797;
  -webkit-box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.75); }

.questionNumber {
  margin-top: 80px; }

.dogName {
  background-color: #F8F8F8;
  border: 1px solid #c7c7c7;
  padding: 19px;
  color: #7C7C7C;
  width: 320px; }

.catName {
  background-color: #F8F8F8;
  border: 1px solid #c7c7c7;
  padding: 19px;
  color: #7C7C7C;
  width: 320px; }

.home-page .header {
  height: 650px;
  margin-bottom: 0; }
  .home-page .header h1 {
    font-family: "Noto+Sans", sans-serif;
    font-size: 65px;
    line-height: 70px;
    font-weight: bold;
    color: #0050B5; }

.measurement {
  display: inline-block;
  margin: 30px 15px; }

.buttonIcon {
  display: flex;
  flex-wrap: wrap; }

.buttonLinkParent {
  width: 25%;
  display: block;
  position: relative;
  overflow: hidden; }

.buttonLink {
  display: block;
  background-size: cover;
  background-position: center;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }
  .buttonLink:hover {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .buttonLink:focus {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .buttonLink:before {
    content: "";
    display: block;
    padding-top: 100%; }

.buttonLabel {
  position: absolute;
  top: 5%;
  left: 5%;
  font-family: "Noto+Sans", sans-serif;
  font-size: 40px;
  color: #fff;
  line-height: 42px; }

.page-node-type-store-locator .productAdvisorLink {
  margin-top: 50px; }

.page-node-type-store-locator .superFood {
  display: none; }

.ps-container {
  margin-top: 20px; }

.text-center img {
  display: inline; }

.text-center .icon-replace {
  display: none;
  cursor: pointer; }

.productImg {
  text-align: center;
  display: none; }

.productImages {
  margin-top: 30px;
  margin-bottom: 30px; }
  .productImages img {
    width: 500px; }

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

.slick-dots {
  bottom: -20px; }
  .slick-dots li button:before {
    font-size: 10px;
    color: #fff; }
  .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1; }

.slick-dotted.slick-slider {
  margin-bottom: 70px; }

ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #E6E6E6;
  font-family: "Noto+Sans", sans-serif; }
  ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    background-color: #E6E6E6;
    width: 33%;
    text-align: center;
    border-right: solid 1px #FBFBFB;
    border-left: solid 1px #B8B8B8;
    position: relative;
    margin-right: -4px;
    font-size: 18px;
    font-weight: bold;
    color: #9D9D9D; }
    ul.tabs li:first-child {
      border-left: none; }
    ul.tabs li:last-child {
      border-right: none; }
  ul.tabs li.current {
    background-color: #F4F4F4;
    color: #222;
    border-top: solid #D0021B;
    color: #000000; }

.tab-content {
  display: none;
  background: #ededed;
  padding: 15px; }
  .tab-content .vertical-align {
    margin: 25px 0; }

.tab-content.current {
  display: block;
  background-color: #F4F4F4; }

.relatedHeader {
  font-family: "Noto+Sans", sans-serif;
  font-size: 48px;
  font-weight: normal; }

.advisorHeader {
  font-family: "Noto+Sans", sans-serif;
  font-size: 40px;
  font-weight: normal; }

.productAdvisorButton {
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 10px 50px;
  text-decoration: none;
  border: 1px solid #fff; }
  .productAdvisorButton:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-decoration: none; }

.MadeByLogo {
  color: #fff;
  font-family: "Noto+Sans", sans-serif;
  font-size: 28px;
  background-color: #FCE7FF;
  padding: 20px 0; }
  .MadeByLogo img {
    max-width: 90%; }

.relatedProductsItem {
  position: relative;
  display: inline-block;
  width: 320px;
  text-align: center;
  max-width: 100%; }

.relatedProductImage {
  max-width: 100%;
  text-align: center;
  padding: 0;
  transition: all 1s ease; }
  .relatedProductImage:hover {
    transform: scale(1.05); }

.relatedProductsName {
  font-family: "Noto+Sans", sans-serif;
  text-align: center;
  margin-bottom: 40px;
  height: 30px; }
  .relatedProductsName a {
    color: #4A4A4A;
    font-family: "Noto+Sans", sans-serif;
    line-height: 24px;
    font-size: 18px; }
    .relatedProductsName a:hover {
      text-decoration: none; }

.relatedProductButton {
  color: #fff;
  background: #D0021B;
  display: block;
  padding: 10px;
  text-align: center;
  margin: 20px 50px;
  text-transform: uppercase;
  -moz-border-radius: 2px;
  -webkit-border-radius: 3px;
  border-radius: 2px;
  font-size: 13px; }
  .relatedProductButton:hover {
    text-decoration: none;
    background: #B40016;
    color: #fff; }
  .relatedProductButton:focus {
    color: #fff; }

.buyNow {
  color: #fff;
  background: #D0021B;
  display: block;
  padding: 10px;
  text-align: center;
  margin: 20px 50px;
  text-transform: uppercase;
  -moz-border-radius: 2px;
  -webkit-border-radius: 3px;
  border-radius: 2px;
  font-size: 13px;
  margin: 0;
  display: inline-block;
  padding: 10px 50px;
  margin-top: 40px; }
  .buyNow:hover {
    text-decoration: none;
    background: #B40016;
    color: #fff; }
  .buyNow:focus {
    color: #fff; }

.visibility-hidden {
  visibility: hidden; }

.accordion {
  color: #444;
  cursor: pointer;
  padding: 30px 50px 30px 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  background-color: #fff;
  font-family: "Noto+Sans", sans-serif;
  font-weight: bold;
  margin-bottom: 0;
  border-top: 4px solid #B1B1B1;
  background: #fff url(images/down.png) no-repeat;
  background-position: calc(100% - 20px); }
  .accordion:hover {
    background-color: #fff;
    border-top: 4px solid #C80D14; }

.accordion.active {
  background-color: #fff;
  border-top: 4px solid #C80D14;
  background: #fff url(images/up.png) no-repeat;
  background-position: calc(100% - 20px); }

.faqInfo {
  padding: 0 60px 0 30px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: none; }
  .faqInfo p:last-child {
    margin-bottom: 30px; }

.productInfo {
  padding: 0 60px 0 30px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: none;
  background-color: #F4F4F4; }

.productInfoWrap .accordion {
  background-color: #EBEBEB;
  margin-top: 0;
  font-family: "Noto+Sans", sans-serif;
  color: #9D9D9D; }
  .productInfoWrap .accordion:hover {
    color: #000000; }

.productInfoWrap .accordion.active {
  color: #000000; }

.mb-100 {
  margin-bottom: 100px; }

.m-50 {
  margin: 50px 0; }

.videoList {
  margin: 50px auto;
  max-width: 100%;
  text-align: center;
  display: inline-flex; }

.petPath {
  max-width: 100%;
  margin: 20px 0; }

.videoImage {
  display: block;
  overflow: hidden; }

.video {
  width: 320px;
  height: auto;
  display: block;
  position: relative;
  max-width: 100%;
  margin: 10px;
  background-color: #fff; }
  .video .videoImage img.videoImg {
    transition: all 1s; }
  .video:hover .videoImage img.videoImg {
    transform: scale(1.1); }

.videoText {
  margin: 15px 2px;
  height: 49px; }
  .videoText a {
    color: #222222; }
    .videoText a:hover {
      text-decoration: none; }

.watchNowBtn {
  display: inline-block;
  cursor: pointer;
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  padding: 10px 50px;
  text-decoration: none;
  border: 1px solid #000;
  transition: all 0.2s; }
  .watchNowBtn:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #000000;
    text-decoration: none; }
  .watchNowBtn:focus {
    background-color: rgba(0, 0, 0, 0.2);
    color: #000000;
    text-decoration: none; }

.watchNow {
  margin: 10px 10px 20px 10px; }

.playVideoButton {
  position: absolute;
  top: 65px;
  left: 130px; }

.videoTitle {
  padding: 10px 5px;
  color: #222222;
  text-align: left;
  background-color: #fff; }
  .videoTitle:hover {
    color: #222222; }
  .videoTitle:focus {
    color: #222222; }

.page-node-type-videos .videoList {
  display: block; }

.field--name-body {
  margin: 20px 0;
  color: #fff;
  margin-bottom: 50px; }

.field--name-field-contact-image {
  visibility: hidden; }
  .field--name-field-contact-image img {
    width: 100%; }

.contactContainer {
  background-color: #FFF;
  padding: 100px 0; }
  .contactContainer h2 {
    font-family: "Noto+Sans", sans-serif;
    font-size: 35px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #424242; }
  .contactContainer label {
    font-size: 19px;
    line-height: 22px;
    font-family: "Noto+Sans", sans-serif;
    font-weight: 700;
    color: #424242; }
  .contactContainer button {
    font-size: 15px;
    line-height: 19px;
    font-family: "Noto+Sans", sans-serif;
    font-weight: 600;
    color: #424242;
    border: 2px solid #424242; }

.contactImage {
  padding-left: 0;
  display: block;
  background-size: cover;
  background-position: center; }

.contactRow {
  background-color: #fff;
  display: flex; }

.contactForm {
  padding: 50px;
  background-color: #F2F2F2; }

label {
  font-weight: normal; }

.btn-primary {
  background-color: transparent;
  border: none;
  padding: 8px 45px; }
  .btn-primary:hover {
    color: #0050B5;
    background-color: transparent;
    border-color: #0050B5; }
  .btn-primary:active {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #0050B5; }

.margin-80 {
  margin: 25px 0 40px; }

.padding-bottom-100 {
  margin-bottom: 100px; }

.sitemap a {
  color: #000000; }
  .sitemap a strong {
    color: #000000;
    margin: 40px 0 0;
    display: block;
    text-transform: uppercase; }
  .sitemap a:hover {
    color: #000000; }
    .sitemap a:hover strong {
      color: #000000; }

.sitemap .sitemapbottom {
  margin-top: 50px; }
  .sitemap .sitemapbottom a strong {
    margin: 0; }

.view-content {
  margin: 80px 0; }
  .view-content li {
    background-color: #fff;
    display: inline-block;
    width: 320px;
    margin: 25px 3px;
    max-width: 100%; }
  .view-content ul {
    list-style: none;
    padding: 0;
    text-align: center; }

.views-field-title {
  color: #0050B5;
  height: 55px;
  padding: 0px 1px 20px; }
  .views-field-title .field-content a {
    color: #4A4A4A;
    font-family: "Noto+Sans", sans-serif;
    line-height: 24px;
    font-size: 18px; }
    .views-field-title .field-content a:hover {
      text-decoration: none; }

.navbar-nav {
  margin-left: 9%;
  margin-top: 30px;
  margin-top: 46px; }
  .navbar-nav > li {
    height: 50px; }
    .navbar-nav > li > a {
      padding: 0;
      margin: 10px 12px;
      font-weight: bold;
      font-size: 15px;
      line-height: 19px; }

.about .header {
  background-color: #FD5B23; }

.navbar-default .navbar-nav > .active > a {
  border-bottom: 4px solid #0050B5;
  color: #0050B5;
  background: transparent; }
  .navbar-default .navbar-nav > .active > a:hover {
    border-bottom: 4px solid #0050B5;
    color: #0050B5;
    background: transparent; }
  .navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 4px solid #0050B5;
    color: #0050B5;
    background: transparent; }

.navbar-default .navbar-nav > li > a {
  color: #0050B5;
  text-transform: uppercase;
  font-weight: 600; }
  .navbar-default .navbar-nav > li > a:hover {
    border-bottom: 4px solid #0050B5;
    color: #0050B5; }
  .navbar-default .navbar-nav > li > a:focus {
    border-bottom: 4px solid #0050B5;
    color: #0050B5; }

.navbar-default .navbar-collapse {
  background-color: #fff; }

.navbar-default .navbar-form {
  background-color: #fff; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 5px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: none;
  border: none;
  border-radius: 0; }
  .dropdown-menu > li > a {
    text-transform: uppercase;
    color: #0050B5;
    font-weight: bold;
    padding: 15px 20px; }
    .dropdown-menu > li > a:hover {
      color: #0050B5;
      background-color: transparent; }
    .dropdown-menu > li > a:focus {
      color: #0050B5;
      background-color: transparent; }
  .dropdown-menu div {
    display: inline-grid;
    padding: 20px 50px; }
    .dropdown-menu div li a {
      width: auto;
      display: block;
      color: #fff;
      text-transform: uppercase;
      line-height: 1.8em; }
  .dropdown-menu > .active > a {
    background-color: #0050B5; }
    .dropdown-menu > .active > a:hover {
      background-color: #0050B5; }
    .dropdown-menu > .active > a:focus {
      background-color: #0050B5; }

.input-group .form-control::placeholder {
  color: #0050B5;
  font-weight: bold; }

.main-container {
  margin-top: 100px; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.toolbar-tray-open .fixed-top {
  top: 79px; }

.field--widget-string-textfield .form-group,
.field--widget-email-default .form-group {
  width: 48%;
  float: left;
  padding: 3% 0; }

.field--widget-string-textfield .form-item-field-first-name-0-value,
.field--widget-string-textfield .form-item-field-email-0-value,
.field--widget-email-default .form-item-field-first-name-0-value,
.field--widget-email-default .form-item-field-email-0-value {
  margin-right: 2%; }

.form-item-field-last-name-0-value,
.form-item-field-phone-0-value {
  margin-left: 2%; }

@media (min-width: 1024px) {
  .menu--footer {
    padding: 0 46px; } }

@media (min-width: 768px) {
  .footercol.col-sm-2 {
    width: 20%; } }

.footercol .social-icon {
  width: 30px;
  height: 30px;
  display: block; }
  .footercol .social-icon.facebook {
    width: 30px;
    height: 30px;
    display: block;
    background-repeat: no-repeat; }

.footercol:last-child .menu li a {
  text-transform: uppercase;
  padding: 3px 0px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 18px;
  font-size: 14px;
  color: #FFF;
  margin-bottom: 16px;
  display: block;
  max-width: 130px; }

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

.footercol > a {
  text-transform: uppercase;
  padding: 3px 0px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  line-height: 19px;
  font-size: 15px;
  color: #FFF;
  margin-bottom: 10px;
  display: block;
  max-width: 130px; }

.footercol .menu li a {
  font-size: 14px;
  color: #D5D5D5;
  text-transform: uppercase;
  padding: 3px 0px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 6px; }
  .footercol .menu li a:hover {
    background-color: transparent;
    text-decoration: underline; }
  .footercol .menu li a:focus {
    background-color: transparent;
    text-decoration: underline; }

.footercol.endcol .menu li.first a {
  margin-bottom: auto; }

.footercol.endcol .menu li a {
  color: #D8D8D8;
  line-height: 2em; }

.footercol.endcol a:hover {
  text-decoration: none; }

.footercol.endcol a img {
  padding: 5px; }

.year {
  background-color: #01327C; }
  .year p {
    font-size: 14px;
    padding: 20px;
    color: #F2F2F2;
    font-family: "Roboto", sans-serif;
    font-weight: 400; }

footer.footer {
  padding: 80px 20px 100px; }

.messages__wrapper {
  z-index: 20000000000000;
  display: block;
  position: fixed;
  width: 100%; }

.category {
  display: inline-block;
  text-align: center;
  background-color: #fff;
  margin: 3px 5px; }
  .category img {
    width: 320px;
    max-width: 100%; }

.productCategories {
  text-align: center;
  margin: 50px 0; }

.topLevelCategory {
  padding: 65px 0; }
  .topLevelCategory p {
    padding-right: 120px;
    line-height: 26px;
    font-family: "Roboto", sans-serif; }
  .topLevelCategory img {
    max-width: 280px; }
  .topLevelCategory h2 {
    font-size: 45px;
    line-height: 55px; }
  .topLevelCategory a {
    background: #D31773;
    color: #fff !important;
    background: #D31773;
    min-width: 200px; }

.categoryTitle {
  height: 55px;
  padding: 0px 1px 20px; }
  .categoryTitle a {
    color: #4A4A4A;
    font-family: "Noto+Sans", sans-serif;
    line-height: 24px;
    font-size: 18px;
    text-decoration: none; }

.categoryImg {
  overflow: hidden; }
  .categoryImg img {
    transition: all 1s; }
  .categoryImg:hover img {
    transform: scale(1.1); }

.page-node-type-product-categories-top-level {
  background-color: #F4F4F4; }

.breadcrumbs {
  background: rgba(255, 255, 255, 0.15);
  text-transform: uppercase;
  display: inline-block;
  padding: 10px;
  font-size: 14px; }
  .breadcrumbs a {
    color: #fff; }

.videoImg {
  width: 100%; }

.views-field-field-product-images {
  overflow: hidden; }
  .views-field-field-product-images img {
    transition: all 1s ease; }
  .views-field-field-product-images:hover img {
    transform: scale(1.05); }

.mobileSocial {
  display: none; }

.path-search .search-form {
  display: none; }

.path-search h3 {
  margin: 100px; }

.path-search ol {
  list-style: none;
  padding-left: 0; }
  .path-search ol li {
    padding: 15px 0; }
    .path-search ol li h3 {
      margin: auto;
      color: #D0021B; }
      .path-search ol li h3 a {
        color: #337ab7; }

.path-search h2 {
  margin: 50px 0 25px;
  color: #4A4A4A; }
.path-search .main-container div.region {
margin-top: 200px;
    padding: 0 2%;    
}

.pagination > .active > a {
  background-color: #D0021B;
  border-color: #B10016; }
  .pagination > .active > a:hover {
    background-color: #D0021B;
    border-color: #B10016; }
  .pagination > .active > a:focus {
    background-color: #D0021B;
    border-color: #B10016; }

.pagination > .active > span {
  background-color: #D0021B;
  border-color: #B10016; }
  .pagination > .active > span:hover {
    background-color: #D0021B;
    border-color: #B10016; }
  .pagination > .active > span:focus {
    background-color: #D0021B;
    border-color: #B10016; }

.pagination > li > a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #B10016;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }
  .pagination > li > a:hover {
    z-index: 2;
    color: #B10016;
    background-color: #eeeeee;
    border-color: #B10016; }
  .pagination > li > a:focus {
    z-index: 2;
    color: #B10016;
    background-color: #eeeeee;
    border-color: #B10016; }

.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #B10016;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }
  .pagination > li > span:hover {
    z-index: 2;
    color: #B10016;
    background-color: #eeeeee;
    border-color: #B10016; }
  .pagination > li > span:focus {
    z-index: 2;
    color: #B10016;
    background-color: #eeeeee;
    border-color: #B10016; }

body.ps-open .ps-lightbox.ps-open {
  top: 180px !important; }

.ps-widget[ps-sku] {
  margin-bottom: 50px; }

.ps-widget[data-ps-sku] {
  margin-bottom: 50px; }

.field--name-field-about-summary {
  padding: 90px 50px 0 50px; }
  .field--name-field-about-summary h2 {
    font-size: 35px;
    line-height: 38px;
    color: #FD5B23; }

.field--name-field-food-and-nutrition {
  padding: 50px 0; }
  .field--name-field-food-and-nutrition img {
    width: 350px;
    max-width: 100%; }

.vertical-align-middle {
  display: flex;
  align-items: center; }

.vertical-align-middle.ultimateColor {
  align-items: flex-start; }

.homeSection {
  width: 50%; }
  .homeSection p {
    line-height: 26px;
    font-family: "Roboto", sans-serif; }
  .homeSection a {
    background-color: #fff;
    color: #0050B5 !important; }

.homeSection.padding {
  padding: 80px 10%; }

.purpleBackground {
  background-color: #0050B5;
  color: #fff; }

.smaller {
  width: 214px; }

.superFoodInfo {
  display: none;
  position: absolute;
  width: 100%;
  padding: 65px 0;
  left: 0;
  overflow: hidden;
  background: #F0F0F0;
  text-align: left;
  border-radius: 5px; }
  .superFoodInfo .smaller {
    width: 250px; }
  .superFoodInfo img.maxWidth {
    padding-left: 0; }

.nutritionInfo {
  margin: 80px 0; }

.field--name-field-about-us {
  margin: 80px 0; }
  .field--name-field-about-us h2 {
    color: #0050B5; }

.margin-bottom-100 {
  margin-bottom: 100px; }

.navbar-toggle {
  border: none; }

.field--name-field-caloriesmart-ethos h2 {
  color: #0050B5;
  color: #0050B5; }

.field--name-field-caloriesmart-squareimage img {
  width: 100%; }

.field--name-field-about-image img {
  width: 100%; }

.no-padding {
  padding: 0; }

.field--name-field-header-info {
  padding-right: 66%; }
  .field--name-field-header-info h2 {
    color: #fff; }
  .field--name-field-header-info .productAdvisorButton {
    margin-top: 40px; }

.SuperFoods {
  color: #0050B5; }

.superFoodsLearnMore .button {
  background-color: #0050B5;
  color: #fff;
  font-weight: bold; }
  .superFoodsLearnMore .button:hover {
    color: #fff; }
  .superFoodsLearnMore .button:active {
    color: #fff; }

.page-node-type-privacy-policy h1 {
  margin-top: 80px;
  margin-bottom: 80px; }

.page-node-type-privacy-policy .superFood {
  display: none; }

.page-node-type-privacy-policy .testimonalHidden {
  display: none; }

.field--name-field-privacy-policy {
  margin-bottom: 100px; }

.page-node-type-about .header {
  padding: 0;
  min-height: 400px;
  margin-bottom: 90px;
  background-color: #FD5B23;
  background-size: cover; }
  .page-node-type-about .header .field--name-field-header-info {
    margin-top: 172px;
    padding-right: 0; }
  .page-node-type-about .header h2 {
    font-size: 55px;
    line-height: 70px; }

.page-node-type-about .abput-background {
  background-color: #FAFAFA; }

.page-node-type-about .superFood {
  display: none; }

.page-node-type-about h3 {
  font-size: 30px;
  line-height: 36px;
  color: #0050B5; }

.page-node-type-about p {
  font-size: 18px;
  line-height: 26px;
  font-family: "Roboto", sans-serif;
  color: #424242; }

.page-node-type-home-page .superFood {
  display: none; }

.page-node-type-top-level-categories .superFood {
  display: none; }

.path-dog-treats .superFood {
  display: none; }

.path-toppers .superFood {
  display: none; }

.path-cat-treats .superFood {
  display: none; }

.page-node-type-superfood .superFood {
  display: none; }

.page-node-type-faqs .superFood {
  display: none; }

.page-node-type-testimonials .superFood {
  display: none; }

.page-node-type-testimonials .testimonalHidden {
  display: none; }

.page-node-type-products .testimonalHidden {
  display: none; }

.testimonialFooter {
  margin: 40px 0 80px; }
  .testimonialFooter a:hover {
    text-decoration: none; }
  .testimonialFooter h2 {
    color: #D31773;
    font-family: "Noto+Sans", sans-serif;
    margin: 75px 0 40px;
    font-size: 45px;
    line-height: 55px; }
  .testimonialFooter img {
    width: 24%; }

#glass {
  background-color: transparent; }

.menu--nutrition {
  margin-bottom: 20px; }

.testimonials {
  margin: 5px 3px; }

.fullWidth {
  width: 100%; }

.fixed-max-width {
  max-width: 1170px;
  margin: 0 auto; }

.custom-background {
  background: linear-gradient(90deg, red 50%, yellow 50%); }

.icon {
  cursor: pointer; }

.icon-replace {
  display: none;
  cursor: pointer; }

.logo img {
  height: 100px; }

h1.productTitle {
  color: #0050B5; }

.iconContainer {
  display: inline-block;
  margin: 30px; }
  .iconContainer:hover .icon {
    display: none; }
  .iconContainer:hover .icon-replace {
    display: inline-block; }
  .iconContainer .button {
    padding: 9px 35px; }

.iconContainer.active {
  height: 680px; }
  .iconContainer.active .icon {
    display: none; }
  .iconContainer.active .icon-replace {
    display: inline; }

.active .superFoodInfo {
  display: block;
  position: absolute;
  width: 100%; }

.active .triangle {
  visibility: visible; }

.field--name-field-caloriesmart-summary {
  padding: 50px; }

.imgContainer {
  display: inline; }

.xout {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer; }

.views-field-view-node.button {
  padding: 0;
  display: block;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #0050B5;
  margin-top: 0;
  margin-top: 0; }
  .views-field-view-node.button .field-content a {
    color: #0050B5;
    font-weight: bold;
    padding: 9px 39px;
    display: inline-block;
    border: 2px solid #0050B5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #0050B5;
    margin-top: 0;
    font-size: 13px; }

.field--name-field-icon-lists {
  margin-top: 20px; }

.form-actions .btn {
  text-transform: uppercase;
  font-weight: bold; }

.form-actions .btn.icon-before {
  display: none; }

.button {
  padding: 8px 25px;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #0050B5;
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-family: "Noto+Sans", sans-serif;
  font-size: 15px;
  line-height: 19px a;
    line-height-color: #0050B5;
    line-height-font-weight: bold; }
  .button.pink {
    color: #fff;
    background: #D31773;
    border: 2px solid #D31773; }
    .button.pink:hover {
      color: #fff;
      text-decoration: none; }

.field--name-field-button-link a {
  padding: 14px 60px;
  display: inline-block;
  border: 2px solid #0050B5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #0050B5;
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-family: "Noto+Sans", sans-serif;
  font-size: 15px;
  border: 2px solid #FFF;
  color: #fff;
  line-height: 19px; }

a.button:hover {
  color: #0050B5; }

.maxWidth {
  max-width: 100%; }

.triangle {
  text-align: center;
  margin-top: -30px;
  position: relative;
  visibility: hidden; }

.purple {
  background-color: #FEF4FF;
  padding: 50px;
  margin: 50px auto; }

.center-block {
  float: none; }

.faqTitle {
  font-weight: bold;
  font-size: 18px;
  list-style-type: circle;
  display: list-item;
  color: #0050B5;
  list-style-type: disc; }

.faq {
  padding: 10px 40px; }

.field--name-field-super-food-summary h2 {
  color: #0050B5;
  margin-top: 40px; }

.field--name-field-summary {
  margin: 20px 0; }

.home .field--name-field-button-link a {
  background: #D31773;
  color: #fff;
  border-color: #D31773; }

.home .field--name-field-header-info p {
  padding: 20px 0 25px;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: #0050B5;
  width: 91%; }

.tm {
  font-size: 25px;
  top: -20px;
  position: relative; }

@media (max-width: 767px) {
  .vertical-align {
    display: block; }
  .container-fluid.customBackground {
    padding: 0; }
  .buttonLinkParent {
    width: 50%; }
  .testimonialFooter img {
    width: 45% !important; }
  .testimonialFooter h2 {
    font-size: 26px !important;
    line-height: 32px !important; }
  .button {
    font-size: 18px;
    line-height: 26px; } }

.single-bar-block sup {
  font-size: 12px;
  vertical-align: 1em; }

@media (max-width: 991px) {
  .buttonLabel {
    font-size: 25px; }
  .contactRow {
    display: block; }
  .field--name-field-contact-image {
    visibility: visible; }
  .vertical-align-middle {
    display: block; }
  .homeSection {
    width: 100%; }
  .homeSection.padding {
    padding: 10% 10%; }
  .field--name-field-caloriesmart-image {
    margin: 20px 0; } }

@media (min-width: 1200px) {
  .home-page .header {
    padding: 4em 0;
    margin-top: -1px; }
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block; }
  .activateSearch {
    background-color: #DDDDDD;
    float: right;
    padding: 25px 20px 26px;
    border-radius: 0px; }
    .activateSearch:hover {
      background-color: #CCCCCC; }
    .activateSearch:active {
      background-color: #BBBBBB; }
      .activateSearch:active:hover {
        background-color: #BBBBBB; }
  .activateSearch.active {
    background-color: #AAA; }
    .activateSearch.active:hover {
      background-color: #AAA; }
  .glyphicon-search {
    top: 3px;
    font-size: 25px;
    color: #878787; }
  #navbar-collapse .search-block-form {
    right: 0;
    position: absolute;
    transition: all 0.15s ease-out; }
  #navbar-collapse .search-block-form.active {
    display: block;
    visibility: visible;
    opacity: 1;
    height: 80px;
    transition: all 0.15s ease-out; }
  .form-type-search .input-group {
    top: 18px;
    margin-left: 10px; }
    .form-type-search .input-group .form-control {
      height: 46px;
      border-radius: 0;
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      font-weight: bold;
      color: #0050B5;
      font-size: 15px;
      margin-top: 23px;
      background-image: url(/themes/bootstrap/images/magnify.png);
      background-repeat: no-repeat;
      background-position: 10px;
      padding-left: 33px;
      width: 150px;
      transition: background-color 1s ease; }
      .form-type-search .input-group .form-control:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        background-color: #fff;
        border: 1px solid #ccc;
        transition: background-color 1s ease; }
      .form-type-search .input-group .form-control::placeholder {
        height: 46px;
        border-radius: 0;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        font-weight: bold;
        color: #0050B5; }
  .form-type-search .input-group-btn .btn-primary {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    padding: 9px 35px;
    margin-left: 10px;
    margin-top: 0;
    display: none; }
  .form-type-search button.js-form-submit .sr-only {
    position: relative;
    width: auto;
    height: auto;
    padding: 0;
    margin: auto;
    overflow: hidden;
    clip: auto;
    border: 0;
    text-transform: uppercase; }
  .form-type-search button.js-form-submit .glyphicon-search {
    display: none; } }

@media (max-width: 768px) {
  .field--name-field-caloriesmart-summary {
    padding: 50px 0; }
  .field--name-field-about-summary {
    padding: 50px 0; }
  .topLevelCategory h2 {
    font-size: 26px !important;
    line-height: 32px !important; }
  .topLevelCategory p {
    padding-right: 0px;
    font-size: 16px;
    line-height: 24px; }
  .topLevelCategory a {
    font-size: 18px; }
  .field--name-field-header-info {
    padding-right: 0px; }
    .field--name-field-header-info .productAdvisorButton {
      width: auto; }
  .home .field--name-field-button-link a {
    width: 100%;
    font-size: 18px; }
  .button {
    width: 100%;
    padding: 8px 25px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px; }
    .button.mobile-short {
      max-width: 162px;
      padding: 8px 24px; }
  .page-node-type-about .header {
    min-height: 350px;
    background-size: cover;
    background-position-x: 6px;
    margin-bottom: 0; }
    .page-node-type-about .header h2 {
      width: 20%;
      font-size: 33px !important;
      line-height: 32px !important; }
    .page-node-type-about .header .field--name-field-header-info {
      margin-top: 126px; }
  .page-node-type-about h3 {
    font-size: 26px;
    line-height: 32px; }
  .page-node-type-about p {
    font-size: 16px;
    line-height: 24px; }
  .page-node-type-about .contactContainer {
    padding: 0; }
    .page-node-type-about .contactContainer h2 {
      color: #A15725;
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      font-size: 26px !important;
      line-height: 26px !important; }
    .page-node-type-about .contactContainer label {
      font-family: "Roboto", sans-serif;
      font-weight: 700;
      color: #424242; }
    .page-node-type-about .contactContainer button {
      font-size: 18px;
      line-height: 26px;
      color: #424242;
      border-color: #424242; }
  .field--name-field-button-link a {
    width: 100%;
    padding: 11px 50px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  h2 {
    font-size: 33px !important;
    line-height: 30px !important; }
  .iconContainer.active {
    height: 1270px; }
  .header.Dog.Health {
    background-position: 25%; }
  .tm {
    font-size: 15px;
    top: -8px;
    position: relative; }
  .relatedProductsItems .slick-next {
    right: 5px; }
  .relatedProductsItems .slick-prev {
    left: 10px; }
  .breadcrumbs {
    display: none; }
  .nascLogo {
    float: right; }
  .nutrivetLogo {
    margin-top: 20px; }
  .header video {
    left: 20%; }
  .home-page .header {
    height: auto;
    background-color: #E7ECF2;
    background-image: none !important; }
    .home-page .header h1 {
      font-size: 36px;
      line-height: 42px;
      margin-top: 0 !important; }
  .home-page .mobile-header-image {
    min-height: 424px;
    background-position: right;
    background-size: cover;
    background-position-x: 90%; }
  .home-plant-based-section h2 {
    padding-top: 40px; }
  .home-plant-based-section .images .field {
    display: inline-block;
    width: 100%; }
    .home-plant-based-section .images .field a {
      max-width: 50%; }
  .home-plant-based-section .descrip p {
    font-size: 16px; }
  .homeSection p {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px; }
  .productAdvisorButton {
    width: 90%; }
  .field--name-field-used-for-blurb {
    margin: 15px 0; }
  .field--name-field-product-facts-blurb {
    margin: 15px 0; }
  .field--name-field-guidelines-for-use-blurb {
    margin: 15px 0; }
  .productAdvisorLink {
    height: 400px;
    background-position: center;
    margin-bottom: 0px;
    background-image: url("/themes/bootstrap/images/mobileProductSelectorImage.png"); }
  .relatedProductButton {
    margin: 10px 40px; }
  .buyNow {
    margin: 10px 40px; }
  .relatedProductsName {
    height: 33px; }
  .navbar .logo {
    max-width: 45%; }
    .navbar .logo img {
      padding: 8px 26px; } }

@media (max-width: 1200px) {
  .petPath {
    margin: 0; }
  .navbar-header {
    float: none; }
  .navbar-left {
    float: none !important; }
  .navbar-right {
    float: none !important; }
  .navbar-toggle {
    display: block;
    margin-top: 20px; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
    .navbar-nav > li {
      float: none;
      border-bottom: 1px solid #EEE;
      height: auto; }
      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px; }
    .navbar-nav .open .dropdown-menu {
      position: relative;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: #EEEEEE;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 20px 0; }
  .collapse.in {
    display: block !important; }
  .navbar-default .navbar-collapse {
    background-color: #fff; }
  .navbar-default .navbar-nav > li > a {
    color: #0050B5;
    font-weight: Bold; }
    .navbar-default .navbar-nav > li > a:hover {
      color: #0050B5;
      text-decoration: underline;
      border-bottom: none; }
    .navbar-default .navbar-nav > li > a:focus {
      color: #0050B5;
      text-decoration: underline;
      border-bottom: none; }
  .navbar-default .navbar-nav > li > a.dropdown-toggle {
    background: url(/sites/default/files/downPurple.png) no-repeat;
    background-position: calc(100% - 20px); }
  .navbar-default .navbar-nav > .active > a {
    border-bottom: none;
    color: #0050B5;
    background-color: #FFF; }
    .navbar-default .navbar-nav > .active > a:hover {
      border-bottom: none;
      color: #0050B5;
      background-color: #FFF; }
    .navbar-default .navbar-nav > .active > a:focus {
      border-bottom: none;
      color: #0050B5;
      background-color: #FFF; }
  .navbar-default .navbar-nav > .open > a {
    border-bottom: none;
    color: #0050B5;
    background-color: #FFF; }
    .navbar-default .navbar-nav > .open > a:hover {
      border-bottom: none;
      color: #0050B5;
      background-color: #FFF; }
    .navbar-default .navbar-nav > .open > a:focus {
      border-bottom: none;
      color: #0050B5;
      background-color: #FFF; }
  .navbar-default .navbar-nav > li.open > a.dropdown-toggle {
    background: url(/sites/default/files/upPurple.png) no-repeat;
    background-position: calc(100% - 20px); }
  .caret {
    display: none; }
  .header {
    background-position: 42%; }
  .relatedProducts {
    background-position: 42%; }
  .dropdown-menu {
    top: auto; }
    .dropdown-menu li {
      margin: 5px 0; }
    .dropdown-menu div {
      padding: 0px 30px; }
  .search-block-form {
    margin-top: 15px;
    margin-bottom: 5px; }
    .search-block-form .js-form-submit.btn-primary {
      background-color: #FFF;
      margin-top: 0; 
    border: 2px solid}
  .form-type-search .input-group {
    padding: 0; }
  .form-type-search .btn-primary {
    padding: 5px 25px; }
  .mobileSocial {
    display: block;
    border-top: 1px solid #B00015;
    margin: 0 -15px;
    padding: 16px;
    border-bottom: 1px solid #B00015; }
  .socialFacebook {
    margin-right: 10px; } }

@media (min-width: 768px) {
  .search-block-form {
    padding: 0 15px; }
  .mobileSocial {
    padding-left: 30px; }
  body {
    margin-top: 0; } }

@media (max-width: 992px) {
  .field--name-field-header-info {
    padding-right: 0px; }
  .header {
    padding-top: 48px; }
    .header video {
      left: 30%; }
  .videoList {
    display: block; }
  .video {
    display: inline-block; }
  .iconContainer.active {
    height: 1370px; }
  .home .field--name-field-header-info p {
    padding: 0 0; } }

@media (max-width: 500px) {
  .iconContainer.active {
    height: 1070px; }
  .nascLogo {
    float: right;
    width: 46%; }
  .nutrivetLogo {
    width: 46%; }
  .header video {
    left: 0%; } }

@media (max-width: 415px) {
  .header video {
    left: -30%; }
  .navbar .logo {
    width: 240px; }
    .navbar .logo img {
      width: 100%;
      height: auto;
      max-height: 70px; }
  .main-container {
    margin-top: 70px; } }

@media (min-width: 1500px) {
  .home-page .header {
    padding: 3em 0; }
  .header video {
    left: 50%; }
  .navbar-nav > li > a {
    margin: 10px 25px; } }

.welcome {
  padding: 3rem 1.5rem;
  text-align: center; }

.product-banner {
  padding-top: 30px;
  padding-bottom: 100px; }
  .product-banner h1.productTitle {
    font-family: "Noto+Sans", sans-serif;
    font-weight: bold;
    font-size: 50px;
    line-height: 56px;
    color: #0050B5; }
  .product-banner p,
  .product-banner li {
    color: #424242;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 26px; }
  .product-banner .field--name-body {
    margin-right: 48px; }
  .product-banner .productImages img {
    width: auto;
    height: auto;
    max-height: 490px;
    min-height: 390px; }
  .product-banner .slick-dots {
    bottom: -62px; }
    .product-banner .slick-dots button:before {
      width: 15px;
      height: 15px;
      border: 2px solid #0050B5;
      border-radius: 50%;
      color: transparent;
      content: ''; }
  .product-banner .padding-right {
    padding-right: 12%; }
  @media (max-width: 767px) {
    .product-banner {
      padding-bottom: 0; }
      .product-banner h1.productTitle {
        font-size: 26px;
        line-height: 32px; }
      .product-banner p,
      .product-banner li {
        font-size: 16px;
        line-height: 24px; }
      .product-banner .padding-right {
        padding: 0 32px; }
      .product-banner .field--name-body {
        margin-right: 0; } }

.two-columns-content {
  display: table;
  width: 100%; }
  .two-columns-content h4 {
    font-family: "Noto+Sans", sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 60px;
    color: #fff;
    text-align: center; }
  .two-columns-content .field--name-field-did-you-know h3,
  .two-columns-content .field--name-field-ingredients h3 {
    color: #0050B5; }
  .two-columns-content p {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px; }
  .two-columns-content .homeSection {
    display: table-cell;
    min-height: 547px; }
    .two-columns-content .homeSection.padding {
      padding: 76px 6% 76px 14%; }
    .two-columns-content .homeSection:nth-child(2).padding {
      padding: 76px 14% 76px 6%; }
  .two-columns-content .field--type-image {
    margin-bottom: 34px; }
  @media (max-width: 991px) {
    .two-columns-content h4 {
      font-size: 26px;
      line-height: 32px;
      font-weight: bold; }
    .two-columns-content p {
      font-size: 16px;
      line-height: 24px; }
    .two-columns-content .homeSection {
      min-height: auto;
      display: block; }
      .two-columns-content .homeSection img {
        margin: 0 auto; }
      .two-columns-content .homeSection.padding {
        padding: 46px 9%; }
      .two-columns-content .homeSection:nth-child(2).padding {
        padding: 46px 9%; } }

.products-block {
  background: #FAFAFA;
  padding: 57px 0; }
  .products-block h2.relatedProductTitle {
    font-family: "Noto+Sans", sans-serif;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 79px; }
  .products-block p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0px; }
    .products-block p.same-size {
      min-height: 52px;
      max-width: 190px;
      margin: 0 auto; }
  .products-block.extra-padding {
    padding-top: 90px; }
  .products-block .shorter {
    padding: 0 119px; }
    .products-block .shorter.two-column {
      padding: 0 274px; }
    .products-block .shorter.one-column {
      padding: 0 430px; }
  .products-block .product-col {
    padding: 0 10px;
    margin-bottom: 34px; }
  .products-block .product-card {
    background: #fff;
    padding: 40px 10px; }
  .products-block .img-wrapper {
    max-height: 234px;
    min-height: 203px;
    margin-bottom: 20px; }
    .products-block .img-wrapper img {
      max-height: 234px; }
  @media (max-width: 1024px) {
    .products-block .shorter {
      padding: 0; }
      .products-block .shorter.two-column {
        padding: 0 100px; }
      .products-block .shorter.one-column {
        padding: 0 100px; } }
  @media (max-width: 768px) {
    .products-block {
      padding: 25px 0 0; }
      .products-block .relatedProductTitle {
        font-size: 26px !important;
        line-height: 28px; }
      .products-block .button {
        max-width: 162px; }
      .products-block .shorter {
        padding: 30px; }
        .products-block .shorter.two-column {
          padding: 0 25px; }
        .products-block .shorter.one-column {
          padding: 0 25px; } }

.internal-banner {
  height: 355px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .internal-banner h1 {
    max-width: 56%;
    font-size: 55px;
    line-height: 56px; }
  .internal-banner .page-title {
    color: #fff;
    font-family: "Noto+Sans", sans-serif;
    font-weight: bold;
    font-size: 55px;
    line-height: 56px;
    margin-left: 49px;
    margin-top: 44px; }
  .internal-banner .descrip {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-left: 50px;
    margin-top: 19px;
    max-width: 480px; }
  @media (max-width: 768px) {
    .internal-banner {
      height: auto;
      min-height: 350px;
      padding-bottom: 30px; }
      .internal-banner .page-title {
        font-size: 33px;
        line-height: 32px;
        margin-left: 10px;
        margin-top: 59px;
        max-width: 70%; }
      .internal-banner .descrip {
        font-size: 16px;
        margin-left: 12px;
        margin-top: 12px;
        max-width: 70%; }
        .internal-banner .descrip p {
          line-height: 24px; } }

.full-with-image {
  padding: 25px 0 48px;
  background-color: #E8FAFF; }
  .full-with-image h2 {
    color: #0050B5;
    font-family: "Noto+Sans", sans-serif;
    font-size: 35px;
    line-height: 38px;
    margin-bottom: 45px; }
  .full-with-image img {
    max-width: 100%; }
  .full-with-image .content-wrapper {
    text-align: center; }
  @media (max-width: 767px) {
    .full-with-image h2 {
      font-size: 26px;
      line-height: 32px; } }

.single-bar-block {
  background-color: #0D8CE1;
  padding: 15px 0; }
  .single-bar-block p {
    color: #fff;
    font-family: "Noto+Sans", sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px; }
  @media (max-width: 768px) {
    .single-bar-block p {
      font-size: 26px;
      line-height: 36px; } }