﻿/* pageID: 6960 */
/* language: Great Britain English */
@import url(//fonts.googleapis.com/css?family=Indie+Flower&text=HollyPewterPītereHolija);
@font-face {
  font-family: 'latobold';
  src: url("/swf/fonts/lato_bold_webfont.eot");
  src: url("/swf/fonts/lato_bold_webfont.eot?#iefix") format('embedded-opentype'), url("/swf/fonts/lato_bold_webfont.woff2") format('woff2'), url("/swf/fonts/lato_bold_webfont.woff") format('woff'), url("/swf/fonts/lato_bold_webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latobold_italic';
  src: url("/swf/fonts/lato_bolditalic_webfont.eot");
  src: url("/swf/fonts/lato_bolditalic_webfont.eot?#iefix") format('embedded-opentype'), url("/swf/fonts/lato_bolditalic_webfont.woff2") format('woff2'), url("/swf/fonts/lato_bolditalic_webfont.woff") format('woff'), url("/swf/fonts/lato_bolditalic_webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoitalic';
  src: url("/swf/fonts/lato_italic_webfont.eot");
  src: url("/swf/fonts/lato_italic_webfont.eot?#iefix") format('embedded-opentype'), url("/swf/fonts/lato_italic_webfont.woff2") format('woff2'), url("/swf/fonts/lato_italic_webfont.woff") format('woff'), url("/swf/fonts/lato_italic_webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoregular';
  src: url("/swf/fonts/lato_regular_webfont.woff2");
  src: url("/swf/fonts/lato_regular_webfont.woff2?#iefix") format('embedded-opentype'), url("/swf/fonts/lato_regular_webfont.woff2") format('woff2'), url("/swf/fonts/lato_regular_webfont.woff") format('woff'), url("/swf/fonts/lato_regular_webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.why-hills-redesign-wrap * {
  box-sizing: border-box;
}
.why-hills-redesign-wrap *:before,
.why-hills-redesign-wrap *:after {
  box-sizing: border-box;
}
.why-hills-redesign-main {
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoregular', arial, sans-serif;
}
.why-hills-redesign-main h1,
.why-hills-redesign-main h2,
.why-hills-redesign-main h3,
.why-hills-redesign-main h4,
.why-hills-redesign-main h5,
.why-hills-redesign-main h6,
.why-hills-redesign-main p,
.why-hills-redesign-main ul,
.why-hills-redesign-main li {
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoregular', arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.why-hills-redesign-main p {
  color: #333;
}
.why-hills-redesign-main h1,
.why-hills-redesign-main h2,
.why-hills-redesign-main h3,
.why-hills-redesign-main h4,
.why-hills-redesign-main h5,
.why-hills-redesign-main h6 {
  border: 0;
  clear: none;
}
.why-hills-redesign-main .clearfix:before,
.why-hills-redesign-main .clearfix:after {
  content: " ";
  display: table;
}
.why-hills-redesign-main .clearfix:after {
  clear: both;
}
.why-hills-redesign-main .clearfix {
  *zoom: 1;
}
.why-hills-redesign-main .hide {
  display: none;
}
.why-hills-redesign-wrap .btn-primary,
.why-hills-redesign-wrap .btn-tertiary {
  background: #0454ab;
  border: 1px solid #0454ab;
  border-radius: 5px;
  color: #fff;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  padding: 12px 25px;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 0 #fff;
}
.why-hills-redesign-wrap .btn-primary:after,
.why-hills-redesign-wrap .btn-tertiary:after {
  display: none;
}
.why-hills-redesign-wrap .btn-primary:hover,
.why-hills-redesign-wrap .btn-tertiary:hover {
  background: #fff;
  color: #0454ab;
}
.why-hills-redesign-wrap .btn-primary .icon,
.why-hills-redesign-wrap .btn-tertiary .icon {
  margin-right: 10px;
  margin-left: -10px;
  position: relative;
  top: 5px;
}
.why-hills-redesign-wrap .btn-gray {
  background: #323232;
  background: linear-gradient(to bottom, #7f7f7f 0%, #323232 100%);
}
.why-hills-redesign-wrap .btn-gray:hover {
  background: #7f7f7f;
  background: linear-gradient(to bottom, #323232 0%, #7f7f7f 100%);
}
.why-hills-redesign-wrap .btn-invert {
  background: #cfcfcf;
  background: linear-gradient(to bottom, #fff 0%, #cfcfcf 100%);
  color: $gray !important;
  text-shadow: 0 0 0 rgba(0,0,0,0.2);
}
.why-hills-redesign-wrap .btn-invert .icon-cat-large {
  background-position: -191px -791px;
}
.why-hills-redesign-wrap .btn-invert .icon-dog-large {
  background-position: -385px -590px;
}
.why-hills-redesign-wrap .btn-invert:hover {
  color: #fff !important;
}
.why-hills-redesign-wrap .btn-invert:hover .icon-cat-large {
  background-position: -290px -689px;
}
.why-hills-redesign-wrap .btn-invert:hover .icon-dog-large {
  background-position: -488px -489px;
}
.why-hills-redesign-wrap .btn-large {
  font-size: 16px;
  line-height: 40px;
  padding: 0 25px 0 15px;
}
.why-hills-redesign-wrap .btn-large:after {
  display: none;
}
.why-hills-redesign-wrap .btn-large .icon {
  margin-left: 0;
  position: relative;
}
.why-hills-redesign-wrap .btn-large .icon-cat-large {
  top: 7px;
}
.why-hills-redesign-wrap .btn-large .icon-dog-large {
  top: 7px;
}
.why-hills-redesign-wrap .btn-back:before {
  border: 4px solid transparent;
  content: ' ';
  display: block;
  border-right-color: #fff;
  height: 0;
  width: 0;
  content: ' ';
  display: inline-block;
  margin-right: 5px;
}
.why-hills-redesign-wrap .btn-back:after {
  display: none;
}
.why-hills-redesign-wrap .btn-secondary {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #0454ab;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  padding: 12px 25px;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  text-transform: uppercase;
}
.why-hills-redesign-wrap .btn-secondary:hover {
  background: #0454ab;
  border-color: #fff;
  color: #fff;
}
.why-hills-redesign-wrap .btn-browse {
  background: #fff;
  border: 0;
  height: auto;
  line-height: 1;
  padding: 0;
}
.why-hills-redesign-wrap .icon {
  background: url("/images/weurg/why_hills_redesign_sprite.png") 0 0 no-repeat;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
}
.why-hills-redesign-wrap .icon-magnifier {
  background-position: -89px -290px;
  height: 20px;
  width: 25px;
}
.why-hills-redesign-wrap .icon-star {
  background-position: -688px -688px;
  height: 24px;
  width: 24px;
}
.why-hills-redesign-wrap .icon-star-full {
  background-position: -889px -487px;
}
#redesign-sidebar {
  position: absolute;
  width: 192px;
  z-index: 99;
}
#redesign-sidebar:after {
  content: url("/images/weurg/sidebar_shadow.png");
  display: block;
  height: 409px;
  right: -20px;
  position: absolute;
  top: 0;
  width: 20px;
  z-index: 99;
}
#redesign-sidebar #redesign-sidebar-inner {
  width: 193px;
}
#redesign-sidebar #sub-menu {
  background: none;
  padding-bottom: 0;
  position: relative;
  z-index: 100;
}
#redesign-sidebar #sub-menu:after {
  background: url("/images/weurg/sub-menu-higher.png") 0 bottom no-repeat;
  content: ' ';
  display: block;
  height: 10px;
  width: 190px;
}
#redesign-sidebar #sub-menu a {
  width: 100%;
}
.why-hills-redesign-main {
  border-left: 1px solid #e5e5e5;
  position: relative;
  margin-left: 192px;
  width: 670px;
}
.why-hills-redesign-main.full-width {
  border-left: 0;
  margin-left: 0;
  width: 100%;
}
.why-hills-redesign-main strong {
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-weight: normal;
}
.why-hills-redesign-main em,
.why-hills-redesign-main i {
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoitalic', arial, sans-serif;
  font-style: normal;
}
.divider {
  background: #d7d7d7;
  border: 0;
  display: block;
  height: 1px;
  margin: 0 20px;
}
.row {
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.row p + p {
  padding-top: 15px;
}
.row .padding-top {
  padding-top: 35px;
}
.row.notop .inner {
  padding-top: 0;
}
.row.nobottom .inner {
  padding-bottom: 0;
}
.row .inner {
  *zoom: 1;
  padding: 35px 35px;
  position: relative;
  z-index: 10;
}
.row .inner:before,
.row .inner:after {
  content: " ";
  display: table;
}
.row .inner:after {
  clear: both;
}
.row .inner.nobottom {
  padding-bottom: 0;
}
.row .headline {
  color: #0454ab;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.2;
  padding-bottom: 35px;
}
.row .headline.small-bottom {
  padding-bottom: 5px;
}
.row .headline strong {
  font-size: 32px;
}
.row .headline.center {
  text-align: center;
}
.row .headline.bold {
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
}
.row .headline.headline-lg {
  font-size: 32px;
}
.row .headline.headline-md {
  font-size: 26px;
}
.row .headline.headline-sm strong {
  font-size: 24px;
}
.row .headline.headline-dark {
  color: #333;
}
.row p + .headline {
  padding-top: 35px;
}
.row .subheadline-lg {
  color: #333;
  font-size: 24px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  padding-bottom: 15px;
}
.row .img-right {
  float: right;
  margin-top: -25px;
  margin-right: -40px;
}
.row .img-left {
  float: left;
  margin-top: -25px;
  margin-left: -40px;
}
.row .img-bg {
  position: absolute;
  right: 0;
  top: 0;
}
.row .img-bg.img-bg-center {
  top: 33%;
}
.row .img-bg.img-bg-bottom {
  bottom: 0;
  top: auto;
}
.row .img-bg.img-bg-left {
  left: 0;
  right: auto;
}
.row .img-bg--fit {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.white {
  color: #fff !important;
}
.why-hills-redesign-wrap .list-disc {
  list-style-type: disc;
  margin: 15px 0 0 15px;
}
.why-hills-redesign-wrap .list-disc li {
  color: #333;
  padding-bottom: 15px;
  padding-left: 40px;
}
.why-hills-redesign-wrap .list-disc.list-disc-sm li {
  padding-left: 20px;
  padding-bottom: 0;
}
.why-hills-redesign-wrap .list-disc.list-disc-mini li {
  padding-left: 0;
  padding-bottom: 0;
}
.why-hills-redesign-wrap .pull-right {
  float: right;
}
.col {
  float: left;
  position: relative;
  z-index: 10;
}
.col.pull-right {
  float: right;
}
.col-25 {
  width: 25%;
}
.col-35 {
  width: 35%;
}
.col-40 {
  width: 40%;
}
.col-45 {
  width: 45%;
}
.col-50 {
  width: 50%;
}
.col-55 {
  width: 55%;
}
.col-60 {
  width: 60%;
}
.col-65 {
  width: 65%;
}
.col-70 {
  width: 70%;
}
.col-75 {
  width: 75%;
}
.col-80 {
  width: 80%;
}
.col-85 {
  width: 85%;
}
.col-90 {
  width: 90%;
}
.col-95 {
  width: 95%;
}
.col-100 {
  width: 100%;
}
.header {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 350px;
  margin-bottom: 35px;
  overflow: hidden;
  position: relative;
}
.header .header-img-bg {
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  width: 670px;
}
.header .headline {
  color: #0454ab;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoregular', arial, sans-serif;
  font-size: 35px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  letter-spacing: -0.025em;
  line-height: 1.2;
  padding-left: 55px;
  padding-right: 35px;
  position: relative;
  z-index: 10;
}
.header-why-hills .headline {
  padding-top: 110px;
}
.header-animal-welfare .headline,
.header-better-nutrition .headline,
.header-about-hills .headline,
.header-what-hills-stands-for .headline {
  padding-top: 150px;
}
.header-quality-safety .headline {
  color: #0454ab !important;
  padding-top: 110px;
}
.header-sustainability .headline {
  padding-top: 125px;
}
.header-charities .headline {
  padding-top: 25px;
  text-align: center;
}
.header-why-hills-testimonials .headline {
  font-size: 30px;
  padding-top: 195px;
  padding-left: 35px;
}
.header.header-charities-alternative {
  background: #78080a;
  box-shadow: inset 0 -5px 25px 0 rgba(0,0,0,0.3);
  height: auto;
  min-height: 711px;
}
.header.header-charities-alternative .headline {
  font-size: 48px;
  padding-left: 35px;
  padding-top: 35px;
}
.header.header-charities-alternative .headline-lg {
  line-height: 1.1;
}
.header.header-charities-alternative .header-img-bg {
  height: auto;
}
.header.header-charitie-tertiary .headline {
  padding-top: 100px;
  text-align: left;
}
.why-hills-redesign-wrap .perex {
  padding-bottom: 25px;
}
.why-hills-redesign-wrap .perex-large {
  font-size: 18px;
  padding: 0 35px 25px;
}
.button-group {
  padding-top: 35px;
  position: relative;
}
.button-group .btn {
  float: left;
}
.button-group .btn-addon {
  display: table;
  height: 40px;
  overflow: hidden;
}
.button-group .btn-addon-text {
  display: table-cell;
  font-size: 13px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoitalic', arial, sans-serif;
  height: 100%;
  line-height: 1.2;
  padding-left: 15px;
  vertical-align: middle;
}
.video-container {
  padding-bottom: 75px;
  padding-top: 35px;
  text-align: center;
}
.video-container iframe {
  box-shadow: 0 50px 50px -40px rgba(0,0,0,0.5);
  margin: 0 auto;
}
.row-timeline {
  padding-bottom: 35px;
}
.img-bg.img-bg-bottom {
  top: 40%;
}
.timeline {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.timeline .event {
  display: inline-block;
}
.timeline .event .img-right {
  float: right;
  margin: 0 0 0 15px;
}
.timeline .event .img-bottom {
  margin: 15px 0 0;
}
.timeline .event-date {
  display: none;
}
.timeline .event-detail {
  *zoom: 1;
  background: #fff;
  border: 1px solid #d5d5d5;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  padding: 20px;
  width: 210px;
}
.timeline .event-detail:before,
.timeline .event-detail:after {
  content: " ";
  display: table;
}
.timeline .event-detail:after {
  clear: both;
}
.timeline .event-title {
  color: #333;
  font-size: 16px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  padding-bottom: 5px;
}
.timeline .event-text {
  font-size: 11px;
  line-height: 1.3;
}
.timeline .event-detail-wide {
  width: 420px;
}
.timeline .event-detail-wide .event-title {
  font-size: 26px;
}
.timeline .event-detail-wide .event-text {
  font-size: 14px;
  line-height: 1.4;
}
.js .timeline {
  margin-left: 80px;
  height: 200px;
  width: 560px;
}
.js .timeline:after {
  background: #959595;
  background: linear-gradient(to right, #fff 0%, #959595 15%, #959595 85%, #fff 100%);
  bottom: 0;
  content: ' ';
  display: block;
  height: 1px;
  left: -50px;
  position: absolute;
  width: 610px;
}
.js .timeline .event {
  bottom: 23px;
  position: absolute;
  z-index: 100;
}
.js .timeline .event .event-point {
  background: #959595;
  border-radius: 50%;
  bottom: -25px;
  display: inline-block;
  height: 5px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 0.25s ease-in-out;
  width: 5px;
  z-index: 100;
}
.js .timeline .event .event-point:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.js .timeline .event .event-popup {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: all 0.5s ease-in-out;
}
.js .timeline .event .event-arrow {
  bottom: 0;
  display: inline-block;
  height: 10px;
  left: 0;
  position: absolute;
  text-indent: -999px;
  width: 10px;
  z-index: 100;
}
.js .timeline .event .event-arrow:after {
  border: 13px solid transparent;
  content: ' ';
  display: block;
  border-top-color: #fff;
  height: 0;
  width: 0;
  bottom: -25px;
  content: ' ';
  display: inline-block;
  left: -10px;
  position: absolute;
}
.js .timeline .event .event-arrow:before {
  border: 14px solid transparent;
  content: ' ';
  display: block;
  border-top-color: #d5d5d5;
  height: 0;
  width: 0;
  bottom: -27px;
  content: ' ';
  display: inline-block;
  left: -11px;
  position: absolute;
}
.js .timeline .event .event-detail {
  left: -100px;
  position: relative;
}
.js .timeline .event.open .event-point {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.js .timeline .event.open .event-popup {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
}
.timeline-legend {
  padding-left: 35px;
  position: relative;
}
.timeline-legend-date {
  color: #d1d1d1;
  font-size: 16px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  position: absolute;
  top: 5px;
}
.timeline-legend-date.first {
  left: 35px;
}
.timeline-legend-date.last {
  right: 80px;
}
.js.ie9 .timeline .event-popup,
.js.ie8 .timeline .event-popup,
.js.ie7 .timeline .event-popup {
  display: none;
}
.js.ie9 .timeline .open .event-popup,
.js.ie8 .timeline .open .event-popup,
.js.ie7 .timeline .open .event-popup {
  display: block;
}
.table-nutrition {
  border-collapse: collapse;
  margin: 25px auto;
  width: auto;
}
.table-nutrition th {
  background: #eee;
  border: 1px solid #ebebeb;
  color: #000;
  font-size: 12px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  text-transform: uppercase;
}
.table-nutrition th.green.center {
  background: #00770b;
  color: #fff;
  text-align: center;
}
.table-nutrition .arrow-left {
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #000 transparent transparent;
  display: inline-block;
  height: 0px;
  margin-left: 10px;
  width: 0px;
}
.table-nutrition .arrow-right {
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #000;
  display: inline-block;
  height: 0px;
  margin-right: 10px;
  width: 0px;
}
.table-nutrition td {
  background: #f6f6f6;
  border-top: 1px solid #fff;
  border: 1px solid #ebebeb;
  box-shadow: inset 1px 1px 1px #fff;
  color: #0454ab;
  font-size: 13px;
  line-height: 13px;
  padding: 13px;
  vertical-align: middle;
}
.table-nutrition td.green {
  background: #009a0e;
  box-shadow: none;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
.table-nutrition td.green strong {
  font-size: 14px;
}
.table-nutrition .table-note td {
  background: #fff;
  border: 0;
  color: #000;
  font-size: 9px;
  padding: 10px 0 0;
}
.table-nutrition th.right,
.table-nutrition td.right {
  border-right: 0;
  border-bottom: 0;
}
.table-nutrition th.center,
.table-nutrition td.center {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.table-nutrition th.left,
.table-nutrition td.left {
  border-left: 0;
  border-bottom: 0;
}
.table-minerals {
  border-top: 1px solid #e5e5e5;
  border-collapse: collapse;
  margin: 25px -15px;
  width: auto;
}
.table-minerals tr th,
.table-minerals tr td {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 15px;
}
.table-minerals tr th {
  color: #333;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
}
.why-hills-redesign-wrap .accordion-nutrition {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 35px -35px 15px -15px;
  position: relative;
}
.why-hills-redesign-wrap .accordion-nutrition .img-default {
  position: absolute;
  right: -15px;
  top: -70px;
}
.why-hills-redesign-wrap .accordion-item:before {
  background: #e5e5e5;
  content: ' ';
  display: block;
  height: 1px;
  width: 630px;
}
.why-hills-redesign-wrap .accordion-title {
  color: #0454ab;
  font-size: 18px;
  font-weight: normal;
  padding: 10px 15px;
}
.why-hills-redesign-wrap .accordion-content {
  *zoom: 1;
}
.why-hills-redesign-wrap .accordion-content:before,
.why-hills-redesign-wrap .accordion-content:after {
  content: " ";
  display: table;
}
.why-hills-redesign-wrap .accordion-content:after {
  clear: both;
}
.why-hills-redesign-wrap .accordion-content .headline {
  font-size: 24px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  padding-bottom: 15px;
}
.why-hills-redesign-wrap .accordion-content p + .headline {
  padding-top: 15px;
}
.why-hills-redesign-wrap .accordion-content .subheadline {
  color: #333;
  padding-top: 15px;
}
.why-hills-redesign-wrap .accordion-content p,
.why-hills-redesign-wrap .accordion-content .list-disc {
  padding-right: 25px;
}
.js .why-hills-redesign-wrap .accordion-nutrition.active .img-default {
  display: none;
}
.js .why-hills-redesign-wrap .accordion-content {
  display: none;
  overflow: visible;
  padding: 25px 0 25px 15px;
}
.js .why-hills-redesign-wrap .accordion-content p + p {
  padding-right: 35px;
}
.js .why-hills-redesign-wrap .accordion-title:hover {
  color: #033c79;
  cursor: pointer;
}
.js .why-hills-redesign-wrap .open .accordion-title {
  display: none;
}
.why-hills-redesign-wrap .list-minerals {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 15px;
  text-align: center;
}
.why-hills-redesign-wrap .mineral {
  border-radius: 50%;
  color: #333;
  display: inline-block;
  height: 80px;
  font-size: 10px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  line-height: 80px;
  margin: 0 1px 10px;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}
.why-hills-redesign-wrap .mineral.sodium {
  background: #caeaf9;
}
.why-hills-redesign-wrap .mineral.phosphorus {
  background: #fbe6ef;
}
.why-hills-redesign-wrap .mineral.calcium {
  background: #b0c4e7;
}
.why-hills-redesign-wrap .mineral.chloride {
  background: #9fd6d9;
}
.why-hills-redesign-wrap .mineral.magnesium {
  background: #ede6d4;
}
.why-hills-redesign-wrap .mineral.potassium {
  background: #dee8ac;
}
.why-hills-redesign-wrap .mineral.sulphur {
  background: #ffe7cd;
}
.why-hills-redesign-wrap .mineral.iron {
  background: #f4dc94;
}
.why-hills-redesign-wrap .mineral.zink {
  background: #bcd2e9;
}
.why-hills-redesign-wrap .mineral.copper {
  background: #c5925d;
}
.why-hills-redesign-wrap .mineral.selenium {
  background: #eee9d6;
}
.why-hills-redesign-wrap .mineral.iodine {
  background: #dcd9ec;
}
.why-hills-redesign-wrap .mineral.chromium {
  background: #b9a1af;
}
.why-hills-redesign-wrap .mineral.fluorine {
  background: #c8e8f7;
}
.why-hills-redesign-wrap .mineral.cobalt {
  background: #eedecf;
}
.why-hills-redesign-wrap .mineral.molybdenum {
  background: #b8a86a;
}
.why-hills-redesign-wrap .mineral.boron {
  background: #f7c8dc;
}
.why-hills-redesign-wrap .mineral.manganese {
  background: #a4d7db;
}
.why-hills-redesign-wrap .list-checked {
  list-style-type: none;
  margin: 17.5px 0;
}
.why-hills-redesign-wrap .list-checked li {
  background: url("/images/weurg/why_hills_redesign_sprite.png") -895px -90px no-repeat;
  color: #333;
  padding-left: 25px;
}
.img-pet {
  border: 5px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
  margin: 10px;
}
.img-pet-left {
  float: left;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
.img-pet-right {
  float: right;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.carousel {
  position: relative;
}
.carousel .slide {
  background: #fff;
  min-height: 288px;
  width: 100%;
}
.carousel .slide .slide-text {
  padding-left: 35px;
  padding-bottom: 50px;
  position: relative;
  z-index: 100;
}
.carousel .slide .slide-text a {
  color: #cb0919;
}
.carousel .slide .slide-text a:hover {
  text-decoration: none;
}
.carousel .slide .subheadline {
  font-size: 18px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  padding-bottom: 10px;
}
.carousel .slide .subheadline+.video-container {
  padding-top: 10px;
}
.carousel-nav {
  bottom: 35px;
  left: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.carousel-nav a {
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  margin: 0 3px;
  transition: all 0.15s linear;
  width: 16px;
}
.carousel-nav a.active,
.carousel-nav a:hover {
  background-color: #0454ab;
  box-shadow: inset 0 0 0 2px #fff;
}
.why-hills-what-hills-stands-for .inner {
  padding-bottom: 50px;
}
.why-hills-what-hills-stands-for .inner .headline {
  padding-top: 30px;
}
.why-hills-animal-welfare .headline {
  padding-top: 90px;
}
.why-hills-commitment-better-nutrition .inner {
  padding-top: 50px;
}
.why-hills-commitment-quality-safety .inner {
  padding-bottom: 60px;
}
.why-hills-commitment-sustainability .inner {
  padding-bottom: 55px;
}
.why-hills-commitment-sustainability .inner .headline {
  padding-top: 10px;
  padding-bottom: 20px;
}
.why-hills-commitment-sustainability .inner .button-group {
  padding-top: 60px;
}
.why-hills-dedication .headline {
  padding-top: 15px;
}
.about-hills-more-vets-feed {
  padding-bottom: 20px;
}
.about-hills-your-pet {
  padding-top: 40px;
}
.quality-safety-finished-product .inner {
  padding-top: 55px;
  padding-bottom: 60px;
}
.charities-support-adopters .inner {
  padding-top: 45px;
  padding-bottom: 50px;
}
.charities-happy-endings .inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
.charities-learn-more-blue-cross .inner {
  padding-top: 55px;
  padding-bottom: 90px;
}
.charities-learn-more-blue-cross .inner a {
  color: #0454ab;
  text-decoration: none;
}
.charities-learn-more-blue-cross .inner a:hover {
  text-decoration: underline;
}
.row-charities {
  margin-top: 180px;
  padding: 35px;
  position: relative;
  z-index: 10;
}
.row-charities .headline-charities {
  color: #fff;
  font-size: 32px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  padding-bottom: 35px;
}
.row-charities p {
  color: #fff;
  padding-bottom: 15px;
}
.row-charities p.lg {
  font-size: 20px;
}
.action-call {
  background: #e8e8e8;
  padding: 25px;
}
.action-call p {
  text-align: center;
}
.action-call p a {
  color: #0454ab;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  text-decoration: none;
}
.action-call p a:hover {
  text-decoration: underline;
}
.polaroid {
  background: #fbfbfb;
  color: #333;
  display: inline-block;
  font-family: 'Indie Flower', cursive;
  font-size: 20px;
  font-weight: normal;
  padding: 10px 10px 5px;
  position: relative;
  text-align: right;
}
.polaroid.polaroid-right {
  box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
  float: right;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  z-index: 10;
}
.polaroid.polaroid-left {
  box-shadow: -2px 2px 10px 0 rgba(0,0,0,0.2);
  float: left;
  margin-top: -30px;
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.polaroid .polaroid-img {
  display: block;
  margin-bottom: 5px;
}
.testimonials-dynamic,
.top-testimonials-dynamic,
.testimonials-form {
  display: none;
}
.why-hills-redesign-main .testimonials-dynamic,
.why-hills-redesign-main .top-testimonials-dynamic,
.why-hills-redesign-main .testimonials-form {
  display: block;
}
.testimonials-list .testimonial-card {
  position: relative;
}
.testimonials-list .testimonial-card:before {
  background: #e5e5e5;
  content: '';
  height: 1px;
  left: 15px;
  position: absolute;
  top: 0;
  width: 640px;
  z-index: 21;
}
.testimonials-list .testimonial-card:first-child:before {
  display: none;
}
.testimonials-form-inner {
  background: #e8e8e8;
  padding: 50px 35px 35px;
}
.testimonials-form-inner .row {
  *zoom: 1;
  overflow: visible;
  padding-bottom: 20px;
}
.testimonials-form-inner .row:before,
.testimonials-form-inner .row:after {
  content: " ";
  display: table;
}
.testimonials-form-inner .row:after {
  clear: both;
}
.testimonials-form-inner .row.bottom {
  padding-bottom: 35px;
}
.testimonials-form-inner .row.nobottom {
  padding-bottom: 0;
}
.testimonials-form-inner .row.border {
  border-top: 1px solid #fff;
  margin-top: 20px;
  padding-top: 20px;
}
.testimonials-form-inner .col-25,
.testimonials-form-inner .col-30,
.testimonials-form-inner .col-50,
.testimonials-form-inner .col-60,
.testimonials-form-inner .col-70 {
  float: left;
}
.testimonials-form-inner .col-25 {
  width: 125px;
}
.testimonials-form-inner .col-30 {
  width: 185px;
}
.testimonials-form-inner .col-50 {
  width: 290px;
}
.testimonials-form-inner .col-60 {
  width: 295px;
}
.testimonials-form-inner .col-70 {
  padding-left: 20px;
  width: 390px;
}
.testimonials-form-inner .pull-right {
  float: right;
}
.testimonials-form-inner .form-group {
  position: relative;
}
.testimonials-form-inner .form-group.bottom {
  margin-bottom: 40px;
}
.testimonials-form-inner .testimonials-form {
  position: relative;
}
.testimonials-form-inner .testimonials-form a {
  color: #0454ab;
  text-decoration: none;
}
.testimonials-form-inner .testimonials-form a:hover {
  text-decoration: underline;
}
.testimonials-form-inner .control-label {
  color: #333;
  cursor: default;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding: 0 0 10px;
  text-align: left;
  width: 100%;
}
.testimonials-form-inner .control-label .info {
  display: block;
  font-weight: normal;
}
.testimonials-form-inner .control-label .control-label-addon {
  font-weight: normal;
}
.testimonials-form-inner .control-label.sm {
  font-size: 0;
  height: 0;
  overflow: hidden;
}
.testimonials-form-inner .required {
  background: none;
  color: #cb0919;
}
.testimonials-form-inner .control-label-secondary {
  font-weight: normal;
}
.testimonials-form-inner .control-label-inline {
  display: inline;
}
.testimonials-form-inner .form-control {
  background: #fff;
  background-image: none;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  width: 100% !important;
}
.testimonials-form-inner .form-control.col-60 {
  width: 295px !important;
}
.testimonials-form-inner .form-control:focus {
  border-color: #0454ab;
  color: #0454ab;
}
.testimonials-form-inner textarea.form-control {
  height: 105px;
  line-height: 1.6;
  padding-bottom: 15px;
  padding-top: 15px;
}
.testimonials-form-inner .hidden {
  height: 1px !important;
  visibility: hidden;
  width: 1px !important;
}
.testimonials-form-inner .mandatory {
  color: #999;
  font-size: 12px;
  position: relative;
  top: 10px;
}
.testimonials-form-inner .has-divider-right:after {
  background: #fff;
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.testimonials-form-inner .validation-error {
  background: #cb0919;
  color: #fff;
  display: none;
  font-size: 11px;
  padding: 2px 10px;
  left: 0;
  position: absolute;
  top: -20px;
  white-space: nowrap;
  z-index: 30;
}
.testimonials-form-inner .validation-error:before {
  border: 7px solid transparent;
  content: ' ';
  display: block;
  border-top-color: #cb0919;
  height: 0;
  width: 0;
  left: 10px;
  position: absolute;
  top: 17px;
}
.testimonials-form-inner .form-group.has-error .validation-error {
  display: inline-block;
}
.testimonials-form-inner .form-group.has-error .control-label {
  color: #cb0919 !important;
}
.testimonials-form-inner .form-group.has-error .form-control {
  border-color: #cb0919 !important;
}
.testimonials-form-inner .form-group.has-error .control-label.sm+.validation-error {
  top: -10px;
}
.testimonials-form-inner .radio-inline .validation-error {
  line-height: 1.5;
  left: 10px;
  top: -15px;
}
.testimonials-form-inner .radio-inline .validation-error:before {
  top: 18px;
}
.form-control-radio-wrap {
  color: #333;
  cursor: default;
  font-size: 14px;
  margin: 0;
  padding-top: 2px;
  padding-left: 30px;
  padding-right: 15px;
  position: relative;
  text-align: left;
  width: auto;
}
.form-control-radio-wrap.block {
  text-align: left;
  width: 100%;
}
.form-control-radio-wrap.block:first-child {
  margin-top: 0;
}
.form-control-radio-wrap.block + .block {
  margin-top: 20px;
}
.form-control-radio-wrap.half {
  padding-right: 0;
  text-align: left;
  white-space: nowrap;
  width: 49%;
}
.form-control-radio-wrap.half:first-child {
  margin-bottom: 0;
}
.form-control-radio-wrap.half + .half {
  margin-bottom: 20px;
}
.form-control-radio-wrap .form-control-radio {
  left: 0;
  position: absolute;
  top: 0;
}
.form-control-radio-wrap .radio {
  background: #d7d7d7;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px #fff;
  display: inline-block;
  left: 0;
  height: 20px;
  position: absolute;
  top: 0;
  width: 20px;
}
.form-control-radio-wrap .form-control-radio:checked + .radio,
.form-control-radio-wrap .form-control-radio:checked + input + .radio {
  background: #0454ab;
  border-color: #0454ab;
}
.form-control-radio-wrap .radio.checked {
  background: #0454ab;
  border-color: #0454ab;
}
.has-error .form-control-radio-wrap .radio {
  border-color: #cb0919;
  background: #cb0919;
}
.testimonials-share {
  background: #0454ab;
  padding: 25px 35px 20px;
}
.testimonials-share .headline {
  *zoom: 1;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.2;
  padding-top: 5px;
}
.testimonials-share .headline:before,
.testimonials-share .headline:after {
  content: " ";
  display: table;
}
.testimonials-share .headline:after {
  clear: both;
}
.testimonials-share .headline .btn {
  position: relative;
  top: -5px;
}
.testimonial-card {
  *zoom: 1;
  padding: 35px;
}
.testimonial-card:before,
.testimonial-card:after {
  content: " ";
  display: table;
}
.testimonial-card:after {
  clear: both;
}
.testimonial-card .testimonial-author {
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  padding-top: 15px;
}
.testimonial-card .testimonial-text p {
  font-size: 14px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoitalic', arial, sans-serif;
  line-height: 1.5;
}
.testimonial-card .testimonial-rating+.testimonial-text p:first-child {
  padding-top: 15px;
}
.testimonial-image {
  border: 3px solid #fff;
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
  max-height: 225px;
  max-width: 225px;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
.testimonial-image.right {
  float: right;
}
.testimonial-image.left {
  float: left;
}
.testimonial-image.lazy {
  display: inline-block !important;
  max-height: 225px;
  max-width: 225px;
}
.ie8 .testimonial-image {
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 8px;
}
.lazy[src$='ajax-loader.gif'] {
  background: none;
  border: 0;
  box-shadow: none;
  margin: 50px 80px;
}
.lazy[src$='ajax-loader.gif'].right {
  float: right;
}
.lazy[src$='ajax-loader.gif'].left {
  float: left;
}
.testimonial-image-wrap {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.testimonial-image-wrap.right {
  float: right;
  margin-left: 50px;
  margin-right: 15px;
}
.testimonial-image-wrap.right .testimonial-image.clone {
  left: -3px;
}
.testimonial-image-wrap.left {
  float: left;
  margin-right: 40px;
}
.testimonial-image-wrap.left .testimonial-image.clone {
  left: -3px;
}
.testimonial-image-wrap .testimonial-image {
  position: relative;
  z-index: 10;
}
.testimonial-image-wrap .testimonial-image.clone {
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(0deg) scale(0.99);
  transform: rotate(0deg) scale(0.99);
  z-index: 1;
}
.testimonial-rating {
  position: relative;
  z-index: 10;
}
.testimonial-rating .rating-score {
  display: inline-block;
  font-size: 14px;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoitalic', arial, sans-serif;
  font-weight: normal;
  margin-left: 10px;
  position: relative;
  top: -5px;
}
.why-hills-thanks-wrap #fancybox-inner {
  overflow: visible !important;
}
.why-hills-thanks-popup {
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latoregular', arial, sans-serif;
  min-height: 80px;
  padding: 20px 20px;
}
.why-hills-thanks-popup h2 {
  border: 0;
  color: #0454ab;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.why-hills-thanks-popup p {
  font-size: 14px;
}
.testimonials-carousel {
  position: relative;
}
.testimonials-carousel .headline {
  color: #0454ab;
  font-size: 24px;
  left: 35px;
  position: absolute;
  top: 35px;
  width: 290px;
  z-index: 100;
}
.testimonials-carousel .headline strong {
  font-size: 34px;
}
.testimonials-carousel .testimonial-card {
  padding-bottom: 35px;
  width: 100% !important;
}
.testimonials-carousel .testimonial-card .testimonial-author {
  padding-bottom: 30px;
}
.testimonials-carousel .carousel-nav {
  bottom: 0;
  padding: 0 35px 35px;
  position: relative;
}
.testimonials-carousel .carousel-nav a.active,
.testimonials-carousel .carousel-nav a:hover {
  background-color: #0454ab;
}
.file-upload {
  position: relative;
  width: 290px;
}
.file-upload .btn-browse {
  right: 20px;
  position: absolute;
  top: 15px;
}
.header-shelter {
  height: 318px;
  position: relative;
}
.header-shelter .headline {
  color: #0454ab;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 24px;
  line-height: 1.2;
  padding: 25px 35px;
  position: relative;
  z-index: 10;
}
.header-shelter .headline .lg {
  font-size: 31px;
}
.header-shelter-bg {
  left: 0;
  position: absolute;
  top: 0;
}
.header-shelter-logo {
  left: 0;
  position: absolute;
  top: 215px;
  z-index: 10;
}
.row-shelter.row-shelter-bg {
  background: #b30a0a;
}
.row-shelter.row-shelter-bg:before {
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%);
  content: '';
  height: 100px;
  left: 0;
  position: absolute;
  top: -50px;
  width: 100%;
  z-index: 10;
}
.row-shelter.row-shelter-bg p {
  color: #fff;
}
.row-shelter.worldwide {
  min-height: 340px;
}
.shelter-widget {
  position: relative;
}
.shelter-widget .headline {
  color: #0454ab;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 24px;
  left: 35px;
  position: absolute;
  top: 45px;
}
.shelter-widget h4 {
  color: #0454ab;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 35px;
}
.shelter-widget .thh_pikto,
.shelter-widget .thh_btn_search {
  background: url("/images/weurg/why_hills_shelter_sprite.png") no-repeat top left;
}
.shelter-widget .thh_pikto {
  position: relative;
  float: left;
}
.shelter-widget .thh_pikto > span {
  background: #fff;
  border: 2px solid #0454ab;
  color: #0454ab;
  display: none;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 12px;
  left: 50%;
  padding: 5px;
  position: absolute;
  top: 55px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 50;
}
.shelter-widget .thh_pikto > span:before {
  border: 10px solid transparent;
  border-bottom-color: #fff;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  top: -17px;
  width: 0;
  z-index: 1;
}
.shelter-widget .thh_pikto > span:after {
  border: 8px solid transparent;
  border-bottom-color: #0454ab;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: -17px;
  width: 0;
  z-index: 0;
}
.shelter-widget .thh_pikto:hover > span {
  display: block;
}
.shelter-widget #thhWidgetSearch {
  background: #fbfbfb;
  padding-left: 195px;
  padding-top: 17.5px;
}
.shelter-widget #thhWidgetSearch.ttyp0 .thh_size {
  display: block;
}
.shelter-widget #thhWidgetSearch.ttyp0 .pikto_search_container.hunde {
  display: block;
}
.shelter-widget #thhWidgetSearch.ttyp1 .pikto_search_container.katzen {
  display: block;
}
.shelter-widget #thhWidgetSearch.ttyp2 .pikto_search_container.kleintiere {
  display: block;
}
.shelter-widget #thhSearchForm:after {
  display: table;
  content: '';
  display: block;
  clear: both;
}
.shelter-widget .thh_search_block {
  float: left;
  height: 80px;
  padding: 10px 20px 10px 10px;
  margin: 0px 10px 0px 0px;
}
.shelter-widget .thh_search_block.extended {
  max-width: 75px;
  padding: 10px 20px;
  background: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-radius-topleft: 5px;
  border-radius-topright: 5px;
  borderleft-radius: 5px;
  borderright-radius: 5px;
}
.shelter-widget .thh_search_block.extended.active {
  background-color: #6a615c;
}
.shelter-widget .thh_search_block.extended.active .fa {
  color: #0454ab;
}
.shelter-widget .thh_search_block.extended .fa {
  margin-top: 6px;
  line-height: 50px;
  font-size: 40px;
  color: #666;
  cursor: pointer;
}
.shelter-widget .btn_ttyp {
  background-repeat: no-repeat;
  border: 0;
  display: block;
  float: left;
  height: 47px;
  margin: 0;
  margin: 5px;
  padding: 0;
  width: 50px;
}
.shelter-widget .pikto-hunde {
  background-position: -97px -95px;
  width: 50px;
  height: 47px;
}
.shelter-widget .pikto-hunde:hover {
  background-color: #0454ab;
  background-position: -97px -382px;
}
.shelter-widget .pikto-katzen {
  background-position: -97px -1239px;
  width: 50px;
  height: 47px;
}
.shelter-widget .pikto-katzen:hover {
  background-color: #0454ab;
  background-position: -97px -1526px;
}
.shelter-widget .pikto-kleintiere {
  background-position: -197px 0;
  width: 50px;
  height: 47px;
}
.shelter-widget .pikto-kleintiere:hover {
  background-position: -197px -97px;
}
.shelter-widget #plzlabel {
  display: block;
  float: left;
  height: 38px;
  line-height: 38px;
  font-size: 22px;
  padding: 0px 8px;
  font-weight: bold;
  color: #d9d9d9;
  letter-spacing: 0.5px;
  margin-top: 2px;
  display: none;
  margin-top: 10px;
}
.shelter-widget #plzid,
.shelter-widget #umkreisid {
  box-shadow: inset 0 0 5px #dbdbdb;
}
.shelter-widget #plzid {
  display: block;
  float: left;
  width: 60px !important;
  height: 40px;
  line-height: 38px;
  font-size: 12px;
  padding: 0px 8px;
  margin: 10px 10px 0px 0px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
}
.shelter-widget #umkreisid {
  display: block;
  float: left;
  width: 130px !important;
  height: 40px;
  line-height: 38px;
  font-size: 12px;
  padding: 0px 8px;
  margin: 10px 10px 0px 0px;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
}
.shelter-widget #plzid:focus,
.shelter-widget #umkreisid:focus {
  border: 1px solid #999;
}
.shelter-widget .thh_btn_search {
  background-color: transparent;
  background-position: -12px -1946px;
  background-repeat: no-repeat;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  width: 40px;
}
.shelter-widget #extendedSearch {
  margin-top: -5px;
  padding: 20px;
}
.shelter-widget #extendedSearch div {
  margin-right: 20px;
}
.shelter-widget .thh_gender {
  float: left;
}
.shelter-widget .thh_gender div {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.shelter-widget .pikto-female {
  background-position: 3px -567px;
  width: 40px;
  height: 39px;
}
.shelter-widget .pikto-female.active {
  background-position: 3px -656px;
}
.shelter-widget .pikto-male {
  background-position: -192px -192px;
  width: 40px;
  height: 39px;
}
.shelter-widget .pikto-male.active {
  background-position: -194px -280px;
}
.shelter-widget .thh_size {
  float: left;
}
.shelter-widget .thh_size div {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.shelter-widget .pikto-klein {
  background-position: -97px -1823px;
  width: 47px;
  height: 48px;
}
.shelter-widget .pikto-klein.active {
  background-position: -100px -1924px;
}
.shelter-widget .pikto-mittel {
  background-position: -197px -453px;
  width: 47px;
  height: 48px;
}
.shelter-widget .pikto-mittel.active {
  background-position: -197px -549px;
}
.shelter-widget .pikto-gross {
  background-position: -3px -1489px;
  width: 47px;
  height: 48px;
}
.shelter-widget .pikto-gross.active {
  background-position: -3px -1585px;
}
.shelter-widget .thh_age {
  display: none;
  float: left;
}
.shelter-widget .thh_age > div {
  cursor: pointer;
  float: left;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-feature-settings: "liga" 0, "clig" 0;
  font-family: 'latobold', arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin: 0px 15px 10px 0px;
  transition: all 0.2s;
}
.shelter-widget .thh_age > div.active,
.shelter-widget .thh_age > div:hover {
  color: #0454ab;
  text-shadow: none;
}
.shelter-widget #thhWidgetSearch.ttyp0 .thh_age,
.shelter-widget #thhWidgetSearch.ttyp1 .thh_age {
  display: block;
}
.shelter-widget .pikto_search_container {
  display: none;
  float: left;
  margin-top: 17.5px;
  max-width: 410px;
}
.shelter-widget .pikto_search_container div {
  cursor: pointer;
}
.shelter-widget #thhSearchResults {
  display: none;
}
.shelter-widget .tier {
  border-bottom: 1px solid #ebf2f8;
  margin: 17.5px 35px;
  padding-bottom: 17.5px;
  padding-top: 40px;
  position: relative;
  vertical-align: top;
}
.shelter-widget .tier .profilbild_container {
  float: left;
  width: 190px;
  margin-top: -40px;
}
.shelter-widget .tier .profilbild {
  width: 165px;
  height: 165px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.shelter-widget .tier .beschreibung_container {
  float: left;
  width: 600px;
}
.shelter-widget .tier .name {
  left: 190px;
  position: absolute;
  top: 0;
}
.shelter-widget .tier .name .thh_pikto {
  display: none;
}
.shelter-widget .tier .eigenschaften_container {
  font-size: 13px;
  line-height: 20px;
}
.shelter-widget .tier .eigenschaften_container b {
  display: inline-block;
  min-width: 50px;
}
.shelter-widget .tier .piktogramme {
  margin-bottom: 3px;
  padding-bottom: 3px;
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
  width: 100%;
}
.shelter-widget .tier .piktogramme .thh_pikto {
  margin-right: 5px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.shelter-widget .tier .piktogramme .thh_pikto span {
  -webkit-transform: scale(1.3) translateX(-40%);
  transform: scale(1.3) translateX(-40%);
}
.shelter-widget .tier .name a,
.shelter-widget .tier .name a:hover,
.shelter-widget .tier .name a:focus,
.shelter-widget .tier .name a:active,
.shelter-widget .tier .name a:visited {
  color: #0454ab;
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
}
.shelter-widget .keineSuchtreffer {
  color: #cb0919;
  margin: 35px;
  padding: 35px;
  text-align: center;
}
.shelter-widget #thhEndlessLoader {
  display: none;
  height: 195px;
  background: url("https://www.tierheimhelden.de/widgets/search/img/loader.gif") center 85px no-repeat;
}
.shelter-widget .mosaic_img {
  display: block;
  float: left;
  margin: 0px 5px 5px 0px;
  transition: all 0.5s;
}
.shelter-widget .mosaic_img img {
  border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  outline: none !important;
}
.shelter-widget .mosaic_img.size-l img {
  width: 212px;
  height: 212px;
}
.shelter-widget .mosaic_img.size-m img {
  width: 104px;
  height: 104px;
}
.shelter-widget .mosaic_img.size-s img {
  width: 68px;
  height: 68px;
}
.shelter-widget .simple-pagination {
  display: block;
  list-style: none;
  margin: 10px 0px;
  overflow: hidden;
  padding: 8px 0px;
}
.shelter-widget .simple-pagination span,
.shelter-widget .simple-pagination a {
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  display: inline-block;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 25px;
}
.shelter-widget .simple-pagination span:hover,
.shelter-widget .simple-pagination a:hover,
.shelter-widget .simple-pagination span.active,
.shelter-widget .simple-pagination a.active {
  background: #0454ab;
  border-color: #0454ab;
  color: #fff;
}
.shelter-widget .simple-pagination .disabled span:hover,
.shelter-widget .simple-pagination .disabled a:hover {
  background: #fff;
  color: #333;
}
.shelter-widget .simple-pagination.bottom {
  margin-top: -10px;
  clear: both;
}
.shelter-widget .simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shelter-widget .simple-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}
.shelter-widget .basic .current {
  background: #0454ab;
  border-color: #0454ab;
  border-radius: 50%;
  color: #fff;
  cursor: default;
}
.shelter-widget .basic .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: bold;
  cursor: default;
}
.shelter-widget .basic a.next,
.shelter-widget .basic a.prev {
  font-size: 20px;
  line-height: 18px;
}
.shelter-widget .current.next,
.shelter-widget .current.prev {
  display: none;
}
.shelter-widget .pikto-anfaenger {
  background-position: 0 0;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-anfaenger_hover {
  background-position: 0 -95px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-einzelgaenger {
  background-position: 0 -189px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-einzelgaenger_hover {
  background-position: -1px -290px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-familien {
  background-position: -1px -380px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-familien_hover {
  background-position: -2px -477px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-female_aktiv {
  background-position: 0 -659px;
  width: 40px;
  height: 39px;
}
.shelter-widget .pikto-female_plain {
  background-position: 0 -748px;
  width: 13px;
  height: 20px;
}
.shelter-widget .pikto-fisch {
  background-position: 0 -818px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-fische {
  background-position: 0 -913px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-fische_hover {
  background-position: 0 -1008px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-freigaenger {
  background-position: 0 -1103px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-freigaenger_hover {
  background-position: 0 -1198px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-giftig {
  background-position: 0 -1293px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-giftig_hover {
  background-position: 0 -1388px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-gross_aktiv {
  background-position: 0 -1581px;
  width: 47px;
  height: 48px;
}
.shelter-widget .pikto-gruppentier {
  background-position: 0 -1679px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-gruppentier_hover {
  background-position: 0 -1774px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-hauskatze {
  background-position: 0 -1869px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-hauskatze_hover {
  background-position: -97px 0;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-hunde_geeignet {
  background-position: -97px -192px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-hunde_geeignet_hover {
  background-position: -97px -287px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-hunde_hover {
  background-position: -97px -382px;
  width: 50px;
  height: 47px;
}
.shelter-widget .pikto-jagdtrieb {
  background-position: -97px -479px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-jagdtrieb_hover {
  background-position: -97px -576px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-kastriert_maennlich {
  background-position: -97px -669px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-kastriert_maennlich_hover {
  background-position: -97px -764px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-kastriert_sterislisiert {
  background-position: -97px -859px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-kastriert_sterislisiert_hover {
  background-position: -97px -954px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-kastriert_weiblich {
  background-position: -97px -1049px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-kastriert_weiblich_hover {
  background-position: -97px -1144px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-katzen_geeignet {
  background-position: -100px -1336px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-katzen_geeignet_hover {
  background-position: -102px -1435px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-katzen_hover {
  background-position: -97px -1526px;
  width: 50px;
  height: 47px;
}
.shelter-widget .pikto-kenntnisse {
  background-position: -97px -1623px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-kenntnisse_hover {
  background-position: -97px -1718px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-klein_aktiv {
  background-position: -97px -1911px;
  width: 47px;
  height: 48px;
}
.shelter-widget .pikto-kleintiere_hover {
  background-position: -197px -97px;
  width: 50px;
  height: 47px;
}
.shelter-widget .pikto-male_aktiv {
  background-position: -197px -283px;
  width: 40px;
  height: 39px;
}
.shelter-widget .pikto-male_plain {
  background-position: -197px -372px;
  width: 20px;
  height: 21px;
}
.shelter-widget .pikto-mittel_aktiv {
  background-position: -197px -541px;
  width: 47px;
  height: 48px;
}
.shelter-widget .pikto-nagetiere {
  background-position: -197px -639px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-nagetiere_hover {
  background-position: -197px -734px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-reptilien {
  background-position: -197px -829px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-reptilien_hover {
  background-position: -197px -924px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-senioren {
  background-position: -197px -1019px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-senioren_hover {
  background-position: -197px -1114px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-ungiftig {
  background-position: -197px -1209px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-vogel {
  background-position: -197px -1304px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-vogel_hover {
  background-position: -197px -1399px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-wachhund {
  background-position: -197px -1494px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-wachhund_hover {
  background-position: -197px -1589px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-zweithund {
  background-position: -197px -1684px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-zweithund_hover {
  background-position: -197px -1779px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-zweitkatze {
  background-position: -197px -1874px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-zweitkatze_hover {
  background-position: -297px 0;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-huendin {
  background-position: -297px -97px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-huendin_hover {
  background-position: -297px -190px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-rueden {
  background-position: -299px -287px;
  width: 48px;
  height: 48px;
}
.shelter-widget .pikto-rueden_hover {
  background-position: -299px -377px;
  width: 48px;
  height: 48px;
}
.shelter-widget .thh_medium .tier {
  max-width: 250px;
}
.shelter-widget .thh_medium .profilbild {
  width: 220px;
  margin: 0px auto;
}
.shelter-widget .thh_medium .beschreibung_container {
  max-width: 210px;
}
.shelter-widget .thh_tiny .tier {
  max-width: 250px;
  float: none;
  margin: 10px auto;
}
.shelter-widget .thh_tiny .thh_search_block {
  float: none;
  padding: 5px 10px;
  height: 60px;
}
.shelter-widget .thh_tiny .thh_search_block.extended {
  height: 60px;
  padding: 0px 15px 10px 15px;
  max-width: 65px;
  margin: 5px 0px 0px 10px;
}
.shelter-widget .thh_tiny .profilbild {
  width: 220px;
  margin: 0px auto;
}
.shelter-widget .thh_tiny .beschreibung_container {
  max-width: 210px;
}
.shelter-widget .pikto-kleintiere {
  display: none;
}
.shelter-widget #thhWidgetSearch.ttyp0 .pikto-hunde {
  background-color: #0454ab;
  background-position: -97px -382px;
}
.shelter-widget #thhWidgetSearch.ttyp1 .pikto-katzen {
  background-color: #0454ab;
  background-position: -97px -1526px;
}
.shelter-widget .paginationContainer {
  padding: 8.75px 35px;
}
.shelter-widget .paginationContainer:first-child {
  display: none;
}
.shelter-widget .thh_pikto.active,
.shelter-widget .thh_pikto[class*="_hover"] {
  background-color: #0454ab;
  border-color: #0454ab;
}
.shelter-widget .thh_pikto {
  border-radius: 50%;
  border: 1px solid #dbdbdb;
}
.shelter-widget .pikto_search_container .thh_pikto {
  margin-bottom: 8.75px;
}
.shelter-widget #thhSearchResults,
.shelter-widget #thhEndlessLoader {
  padding-top: 65px;
  position: relative;
}
.shelter-widget #thhSearchResults:after,
.shelter-widget #thhEndlessLoader:after {
  border-top: 65px solid #fbfbfb;
  border-right: 0 solid transparent;
  border-left: 431px solid transparent;
  top: 0;
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
}
.shelter-widget #thhSearchResults:before,
.shelter-widget #thhEndlessLoader:before {
  border-top: 65px solid #fbfbfb;
  border-right: 431px solid transparent;
  border-left: 0 solid transparent;
  top: 0;
  content: ' ';
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.shelter-widget .thh_search_block.extended {
  display: none;
}