@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section {
	display: block
}
#iframed {
	margin: 20px auto;
	position: relative;
	width: 100%;
	padding-bottom: 45.2%;
	float: none;
	height: 0;
	clear: both;
	overflow: hidden;
}
#iframed iframe.video {
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	left: 0;
}
.videos a {
	font-size: 0.8em;
	overflow: hidden;
	color: #fff!important;
	text-transform: uppercase;
	text-decoration: none!important;
	background-size: cover!important;
	width: 1%;
	padding: 11%;
	display: block;
	float: left;
	margin: 0 1%;
}
.videos a span {
	display: none
}
.videos a[href*="hastings"] {
	background: url(../images/hastings-button.jpg) no-repeat center center;
}
.videos a[href*="dannevirke"] {
	background: url(../images/dannevirke-button.jpg) no-repeat center center;
}
.videos a[href*="waipukurau"] {
	background: url(../images/waipukurau-button.jpg) no-repeat center center;
}
.videos a[href*="napier"] {
	background: url(../images/napier-button.jpg) no-repeat center center;
}
.section, a, hr {
	padding: 0
}
.absfloat, .profile, mark {
	font-style: italic
}
#header, .full, .page {
	min-width: 300px
}
#vet-clinics label, .big-button {
	cursor: pointer
}
#suppliers a, #testimonials, #vet-clinics a, .galleryLeft, .offer-item, .paging, .paging_panel, .photocenter, .popup-close {
	text-align: center
}
#slideshow, #toggle, #vet-clinics ul, .clinic-item {
	position: relative
}
#footer ul li, #listings ul, #portfolio ul, #vet-clinics ul, .rslides, .top-nav li, nav ul {
	list-style: none
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
ins, mark {
	background-color: #ff9;
	color: #000
}
body {
	line-height: 1;
	background: #fff;
	font-family: Montserrat, sans-serif, arial
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
a {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	color: #fff
}
ins {
	text-decoration: none
}
mark {
	font-weight: 700
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0
}
input, select {
	vertical-align: middle
}
.section {
	clear: both;
	margin: 0
}
.group:after, .group:before {
	content: "";
	display: table
}
.group:after {
	clear: both
}
.group {
	zoom: 1
}
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%
}
.col:first-child {
	margin-left: 0
}
.span_2_of_2 {
	width: 100%
}
.span_1_of_2 {
	width: 49.2%
}
.span_4_of_4 {
	width: 100%
}
.span_3_of_4 {
	width: 74.6%
}
.span_2_of_4 {
	width: 49.2%
}
.span_1_of_4 {
	width: 23.8%
}
.span_5_of_5 {
	width: 100%
}
.span_4_of_5 {
	width: 79.68%
}
.span_3_of_5 {
	width: 59.36%
}
.span_2_of_5 {
	width: 39.04%
}
.span_1_of_5 {
	width: 18.72%
}
.span_12_of_12 {
	width: 100%
}
.span_11_of_12 {
	width: 91.53%
}
.span_10_of_12 {
	width: 83.06%
}
.span_9_of_12 {
	width: 74.6%
}
.span_8_of_12 {
	width: 66.13%
}
.span_7_of_12 {
	width: 57.66%
}
.span_6_of_12 {
	width: 49.2%
}
.span_5_of_12 {
	width: 40.73%
}
.span_4_of_12 {
	width: 32.26%
}
.span_3_of_12 {
	width: 23.8%
}
.span_2_of_12 {
	width: 15.33%
}
.span_1_of_12 {
	width: 6.86%
}
@media only screen and (max-width:767px) {
	.span_10_of_12, .span_11_of_12, .span_12_of_12, .span_1_of_12, .span_1_of_2, .span_1_of_4, .span_1_of_5, .span_2_of_12, .span_2_of_2, .span_2_of_4, .span_2_of_5, .span_3_of_12, .span_3_of_4, .span_3_of_5, .span_4_of_12, .span_4_of_4, .span_4_of_5, .span_5_of_12, .span_5_of_5, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12 {
		width: 100%
	}
	.col {
		margin: 1% 0
	}
}
html {
	background: #d4232e
}
#footer, #header, #nav, #subtabs, .big-button, h2, h3, h4 {
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2em
}
#header .phone, #nav, .big-button, .homepage h1, h3 {
	font-weight: 700
}
h1 {
	text-transform: uppercase;
	font-size: 1.8em;
	padding: 0 0 .5em;
	line-height: 1.2em
}
h2 {
	font-size: 1.5em
}
h3 {
	font-size: 1.2em;
	margin: 8px 0
}
a:hover {
	text-decoration: underline;
	color: #eee
}
.col {
	padding: 1em 0
}
.half-column {
	float: left;
	padding: 0 15px 0 0;
	width: 45%
}
.half-column+p {
	clear: both;
	padding-top: 20px
}
.big-button {
	padding: .35em 1.15em;
	color: #fff!important;
	background: #629364;
	text-decoration: none;
	font-size: .9em;
	border: 0
}
.big-button:hover {
	background-color: #496d4a;
	text-decoration: none
}
.pullup {
	margin-top: -25px!important
}
.page {
	max-width: 1170px;
	margin: 0 auto!important
}
.full {
	width: 100%
}
.absfloat {
	float: right;
	margin-top: 0
}
.googlemap iframe {
	width: 100%;
	height: 250px
}
#top {
	font-size: .75em;
	font-family: arial;
	background: #d4232e
}
#mainpage, #slideshow .overslides {
	font-family: Lato, sans-serif
}
#top p {
	padding: .6em 30px .6em 20px
}
#address {
	background: url(address.png) left center no-repeat
}
#hours {
	background: url(hours.png) left center no-repeat
}
#top .email {
	background: url(email.png) left center no-repeat
}
#header .phone {
	color: #e21e3c;
	text-transform: capitalize;
	font-size: 1.8em;
	padding-right: 48px;
	display: block;
	float: right
}
#top p {
	float: left;
	margin: 0 10px 0 0;
	color: #fff
}
#vet-clinics a, .toggle {
	color: #FFF;
	text-decoration: none
}
#header {
	padding: 0;
	width: 100%;
	background: #fff
}
#header .section {
	padding-left: 10px
}
#header .col:first-child {
	margin: 1% 0 0!important
}
[id^=drop] {
	display: none!important
}
#vet-clinics {
	padding: 0;
	background-color: #d4232e;
	position: absolute;
	z-index: 1000;
	margin: 9px 0 0
}
#vet-clinics:after {
	content: "";
	display: table;
	clear: both
}
#vet-clinics ul {
	float: right;
	padding: 0;
	margin: 0
}
#vet-clinics ul li {
	margin: 0;
	float: left;
	background-color: #d4232e
}
#vet-clinics ul li:last-child {
	background: #a4131E
}
#vet-clinics a {
	display: block;
	padding: 0 14px;
	font-size: 13px;
	line-height: 32px
}
#vet-clinics ul li ul li:hover {
	background: #284A2A
}
#vet-clinics a:hover {
	background-color: #284A2A
}
#vet-clinics ul ul {
	display: none;
	top: 60px
}
#vet-clinics ul ul ul li {
	top: -60px;
	left: 170px;
	position: static
}
.menu, .toggle+a {
	display: none
}
.toggle, [id^=drop]:checked+ul {
	display: block
}
.toggle {
	background-color: #629364;
	padding: 0 20px;
	font-size: 14px;
	line-height: 40px;
	border: none
}
#vet-clinics a:hover, #vet-clinics ul ul ul a, .toggle:hover {
	background-color: #284A2A
}
#logo span, #vet-clinics ul li:hover>ul, #vet-clinics ul ul li:hover>ul {
	display: none
}
#vet-clinics ul li {
	display: block;
	width: 100%
}
#vet-clinics ul ul .toggle, #vet-clinics ul ul a {
	padding: 0 40px
}
#vet-clinics ul ul ul a {
	padding: 0 80px
}
#vet-clinics ul li ul li .toggle, #vet-clinics ul ul a {
	background-color: #212121
}
#vet-clinics ul ul {
	float: none;
	position: static;
	color: #fff
}
#vet-clinics ul ul li {
	float: none;
	position: relative;
	display: block;
	width: 100%
}
.clinics #mainpage .photoright {
	width: 55%;
	max-width: 55%
}
.clinics #mainpage .phone {
	font-size: 1.1em;
	background: #efefef;
	color: #444!important;
	float: right;
	margin-top: -5px
}
.clinics #mainpage .phone a {
	text-decoration: none;
	cursor: select;
	color: #444!important
}

#promo-ajax{width:100px;height:calc(2.6em);max-height:;transition:0.3s ease-in-out all;max-height:calc(100% - 3em);cursor:pointer;position:absolute; left:20px;bottom:20px;z-index:6;max-width:35%;min-width:200px;font-size:.9em!important;line-height:1.3em;font-weight:400;text-shadow:#fff 0 0 8px;overflow:hidden}
#promo-ajax:hover{height:100%;width:30vw}
#promo-ajax h4{padding:5px 0 8px 5px;font-weight:400;font-size:18px}
#promo-ajax div{background:rgba(255,255,255,.85);padding:5px 10px}
#promo-ajax div div{opacity:0;transition:0.4s opacity ease-in;padding:0;background:rgba(255,255,255,.0);}
#promo-ajax:hover div div{opacity:1}
.promo-item:first-of-type{margin-right:9px}
.promo-item{max-width:calc(50% - 10px);display:inline-block;padding:0;position:relative}
.promo-item a{max-width:100%;height:auto;display:block;}
.promo-item img{max-width:100%;height:auto;}
.promo-item span{font-size:0.7em;font-weight:bold;display:block;top:0;padding:4px 12px;background:rgba(255,255,255,0.6);left:0;right:0;position:absolute}

@media all and (max-width :330px) {
	#vet-clinics ul li {
		display: block;
		width: 94%
	}
}
#logo {
	max-width: 314px;
	height: 86px;
	background: url(logo.png) center center no-repeat;
	background-size: 100% auto;
	display: block;
	margin-top: 2px
}
#contact-info {
	padding-top: 25px;
	text-align: right
}
#contact-info a {
	display: block;
	float: left
}
.nav-collapse {
	margin: 0 auto;
	float: none!important;
	font-size: .9em
}
#mainpage ul, #slideshow .overslides .news-item {
	margin-bottom: 12px
}
#slideshow {
	height: auto
}
#slideshow .overslides {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 5;
	background: rgba(255, 255, 255, .85);
	max-width: 40%;
	min-width: 200px;
	height: auto;
	font-size: .9em!important;
	line-height: 1.3em;
	font-weight: 400;
	text-shadow: #fff 0 0 8px
}
#content, #mainpage, #suppliers a {
	position: relative
}
#slideshow .overslides .box {
	padding: 28px 28px 18px
}
#slideshow .overslides h4 {
	font-size: 1.1em;
	font-weight: 700
}
#slideshow .overslides a {
	color: #000;
	text-decoration: none
}
#slideshow .overslides h4 a {
	color: #383838
}
#slideshow .overslides .news-item:hover a {
	color: #05280a
}
#slideshow .overslides h4 a:hover {
	color: #020!important;
	text-decoration: underline
}
#mainpage {
	min-height: 300px;
	color: #47562f;
	font-size: .95em;
	padding: 25px 0 45px
}
#mainpage ul {
	padding: 0 0 0 18px;
	line-height: 1.75em
}
#mainpage #portfolio ul {
	padding: 0!important
}
#mainpage p {
	margin-bottom: 16px;
	line-height: 1.75em
}
#mainpage .col {
	margin: 0
}
#mainpage a {
	color: #001f2c
}
#mainpage img {
	max-width: 100%;
	height: auto
}
#mainpage h1+p {
	font-weight: 700
}
.comments #mainpage h1+p {
	font-weight: 400
}
#mainpage td {
	padding: 0 6px 2px
}
#mainpage table {
	margin-bottom: 10px
}
#mainpage .addthis_sharing_toolbox {
	margin: 0 0 20px 20px;
	float: right;
	clear: left
}
#portfolio img, .galleryLeft img, .photoleft, .photoright {
	border-bottom: 5px solid #629364
}
#right h2 {
	font-weight: 700
}
#right h2 a {
	text-decoration: none!important;
	margin-bottom: 14px
}
#right h2+hr {
	margin: 0 0 1em
}
#mainpage #right ul {
	padding: 0 0 0 18px;
	line-height: 1.5em!important
}
#mainpage #right p {
	margin-bottom: 16px;
	line-height: 1.5em!important
}
#right .article {
	margin-bottom: 10px
}
.articles-feed h2, .articles-feed h3 a img {
	margin: 5px 0
}
#mainpage .articles-feed h2 a {
	color: #47562f
}
.articles-feed h3 a {
	margin: 12px 0 0;
	display: block;
	text-decoration: none
}
.articles-feed:hover h3 a {
	text-decoration: underline
}
#banners .span_1_of_7:hover a, #banners h2 a, #testimonial-ajax .author a, .galleryLeft a, .team-item h3 a {
	text-decoration: none
}
#suppliers a {
	float: left;
	width: 16%;
	margin: 0 2% 20px;
	display: block;
	height: 200px;
	background: #f4f4f4
}
#suppliers a:hover {
	background: #efefef
}
#suppliers a img {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
#googlemap {
	width: 100%;
	float: right;
	margin: 0 0 15px 20px;
	border: 1px solid #b2b2b2
}
#banners {
	background-color: #828282;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	color: #fff
}
#profiles a, .profile {
	color: #426e82
}
#banners .span_1_of_7 {
	width: 14.28%;
	background-size: cover!important
}
#companion, #companion:hover {
	background: url(../images/companion.jpg) center center no-repeat
}
#beef, #beef:hover {
	background: url(../images/beef.jpg) center center no-repeat
}
#sheep, #sheep:hover {
	background: url(../images/sheep.jpg) center center no-repeat
}
#dairy, #dairy:hover {
	background: url(../images/dairy.jpg) center center no-repeat
}
#equine, #equine:hover {
	background: url(../images/equine.jpg) center center no-repeat
}
#deer, #deer:hover {
	background: url(../images/deer.jpg) center center no-repeat
}
#workingdogs, #workingdogs:hover {
	background: url(../images/workingdog.jpg) center center no-repeat
}
#banners h2 {
	font-size: 1.2em;
	overflow: hidden
}
#banners h2 a {
	display: block;
	padding: 2.95em 0;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, .3), 0 0 6px rgba(0, 0, 0, .85);
	-moz-box-shadow: inset 0 0 40px rgba(0, 0, 0, 1);
	-webkit-box-shadow: inset 0 0 40px rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 40px rgba(0, 0, 0, 1)
}
#banners span {
	font-size: .7em;
	font-weight: 400;
	text-transform: none;
	text-shadow: 0 0 3px rgba(0, 0, 0, .95), 0 0 1px rgba(0, 0, 0, .75)
}
#beef, #companion, #dairy, #deer, #equine, #sheep, #workingdogs {
	display: block;
	max-height: 150px;
	min-height: 6em;
	text-align: center;
	padding: 0;
	margin: 0;
	overflow: hidden;
	filter: gray;
	filter: grayscale(1);
	-webkit-filter: grayscale(1)
}
#beef:hover, #companion:hover, #dairy:hover, #deer:hover, #equine:hover, #sheep:hover, #workingdogs:hover {
	filter: none;
	-webkit-filter: grayscale(0)
}
#companion a {
	border-left: 10px solid #fff!important;
	filter: none;
	-webkit-filter: grayscale(0)
}
#workingdogs a {
	border-right: 10px solid #fff!important;
	filter: none;
	-webkit-filter: grayscale(0)
}
#location, #profiles {
	padding-top: 25px;
	background: url(hr.png) left top repeat-x
}
#listings ul {
	padding: 0
}
#listings li {
	padding: 8px 0 18px;
	background: url(hr.png) left bottom repeat-x
}
#listings li:last-child {
	background: 0 0
}
#listings li strong {
	padding-left: 18px;
	background: url(arrow-right-black.png) left center no-repeat
}
#portfolio ul {
	padding: 0
}
#portfolio ul li {
	margin-bottom: 18px
}
#profiles h2 {
	margin: 0 0 .5em
}
#profiles h3 {
	font-weight: 700;
	font-family: Lato, sans-serif;
	text-transform: capitalize
}
#profiles p, .profile {
	font-weight: 400!important
}
#search, #testimonials h3, .top-nav li a {
	text-transform: uppercase
}
#profiles p {
	line-height: 1.35em;
	margin-bottom: 0
}
.profile {
	font-size: .8em;
	background: #fff;
	margin-left: 35px;
	padding: 10px 20px 14px 45px;
	position: relative;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 4px 2px -2px rgba(185, 185, 185, .45);
	-moz-box-shadow: 0 4px 2px -2px rgba(185, 185, 185, .45);
	box-shadow: 0 4px 2px -2px rgba(185, 185, 185, .45)
}
.profile img {
	position: absolute;
	left: -35px;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	display: block;
	background: #aaa
}
.team #content .team-photo img {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	width: 100%
}
.team-item {
	clear: both;
	width: 100%;
	padding: 15px 0;
	margin-bottom: 10px;
	background: url(hr.png) left top repeat-x;
	position: relative
}
.team-item h3 span {
	font-size: .9em;
	font-weight: 400
}
.team-item h3 a {
	cursor: default
}
.team-photo {
	width: 25%;
	margin: 0 22px 8px 0;
	padding: 0;
	height: 235px;
	overflow: hidden;
	position: relative;
	float: left
}
.team h1 br {
	display: none
}
#team-role {
	font-weight: 700;
	margin-top: -15px;
	font-size: 1.4em
}
#our-team {
	margin-top: 15px
}
.clinic-team .team-item {
	float: left;
	width: 190px;
	height: 185px;
	overflow: hidden;
	clear: none;
	background: 0 0
}
.clinic-team .team-item h3 a {
	color: #fff!important
}
.clinic-team .team-item a, .clinic-team .team-item img {
	display: block
}
.clinic-team .team-item h3 {
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	padding: 5px 8px;
	font-size: .9em;
	font-weight: 400;
	background: rgba(0, 0, 0, .7);
	color: #fff
}
#footer h4 a, #footer p {
	color: #b1c114
}
.clinic-team .team-item .team-photo {
	width: 110%;
	margin: 0 auto;
	padding: 0;
	height: auto;
	overflow: hidden;
	position: relative
}
#baseline, #search {
	position: fixed;
	bottom: 0
}
.clinics .big-button {
	margin-top: 15px
}
.clinicshot {
	margin-top: -20px!important
}
.news #mainpage .photoleft {
	max-width: 17%
}
.span_4_of_4 .padding {
	margin: 0!important
}
.galleryLeft {
	width: 23%;
	margin-bottom: 20px;
	margin-right: 2.65%;
	float: left;
	font-size: 1em
}
.galleryLeft:nth-child(4n-1) {
	margin-right: 0
}
.highslide-gallery .galleryLeft:nth-child(4n-1) {
	margin-right: 2.65%
}
.highslide-gallery .galleryLeft:nth-child(4n) {
	margin-right: 0
}
.galleryLeft img {
	width: 100%;
	height: auto;
	display: block
}
#testimonials {
	background: #d4232e;
	padding: 0
}
.homepage #testimonials {
	background: url(../images/footerimage.jpg) center 220px no-repeat #d4232e;
	background-size: cover;
	padding: 0 0 500px
}
#testimonials h3 {
	font-size: 2em;
	font-weight: 700;
	padding: .4em 0 0
}
#testimonials p {
	font-size: 1.1em;
	color: #fff;
	background: url(sixtysix.png) left top no-repeat;
	display: inline-block;
	padding: 0 0 1.6em
}
#testimonials p span {
	padding: .5em 95px 1em;
	background: url(nintynine.png) right top no-repeat;
	display: inline-block
}
#past-newsletters li a:hover, #testimonial-ajax .author a:hover {
	text-decoration: underline
}
#past-newsletters li {
	list-style: none;
	padding: 4px 0 4px 24px;
	background: url(icon_pdf.gif) left center no-repeat
}
#past-newsletters li a {
	text-decoration: none
}
#latestnews {
	margin-bottom: 50px
}
#latestnews p:last-of-type {
	margin-bottom: 0
}
#latestnews .morebutton {
	margin: -8px 0 10px 10px;
	float: right;
	clear: both
}
.news h2+hr {
	margin: 3px 0 5px
}
.homepage #news-ajax h2 {
	margin-bottom: 5px;
	font-size: 1.4em
}
.first-newsletter a {
	font-weight: 700
}
.first-newsletter {
	background: 0 0!important;
	padding-left: 0!important;
	clear: both;
	display: block;
	height: 120px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px
}
.first-newsletter img {
	margin: 0 10px 8px 0;
	max-width: 25%!important
}
.current-newsletter img {
	margin: 0 10px 8px 0;
	max-width: 45%!important;
	max-height: 500px;
}
.offer-item h3 a {
	text-decoration: none;
	font-size: .95em
}
.offer-item h3 a:hover {
	text-decoration: underline
}
#footer a, #header a, #mainpage .services-item h2 a, #search, #testimonials a, #top a {
	text-decoration: none
}
.offer-item {
	float: left;
	width: 33%;
	max-height: 405px;
	overflow: auto
}
#footer ul, #wwd {
	float: right;
	clear: both
}
.offer-item::-webkit-scrollbar {
	display: none
}
p.offer-item a {
	clear: both;
	display: block
}
#accordion h3 {
	display: block;
	cursor: pointer;
	margin-bottom: 8px
}
#accordion h3::before {
	content: "> "
}
#accordion h3:hover::before {
	content: "+ "
}
#accordion div {
	display: none
}
#accordion div.clear {
	display: block
}
#mainpage .promo-image img {
	max-width: 75%
}
#footer #mce-EMAIL, #footer #mce-FULLNAME {
	float: left;
	margin-right: 10px;
	padding: 10px 15px;
	width: 210px;
	height: auto;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 700;
	color: #47562f!important
}
#footer #mc-embedded-subscribe {
	background: #629364;
	color: #fff;
	display: block;
	border: 0;
	clear: both;
	float: left;
	font-size: 1.25em
}
#footer {
	background: #1b321c;
	padding: 30px 0 0;
	font-size: .7em
}
#footer p {
	font-size: 1.1em;
	line-height: 2em
}
#footer p span {
	color: #fff
}
#footer #locations {
	font-size: .8em
}
#footer h4 {
	font-size: 1.5em
}
#footer .span_1_of_2 p:first-of-type {
	font-size: 1em
}
#footer a {
	color: #fff
}
#footer .span_1_of_2 p:first-of-type a {
	color: #b1c114
}
#footer span {
	color: #fff
}
#footer ul {
	padding: 0;
	width: auto
}
#footer ul li {
	display: inline-block
}
#footer li a {
	display: inline-block;
	padding: 0 10px 0 7px;
	border-right: 1px solid #fff;
	line-height: 1.4em!important
}
#footer li:last-child a {
	padding-right: 0;
	border-right: 0
}
#footer article {
	padding: 0
}
#footer .phone {
	font-size: 3.3em
}
#footer .email {
	margin-bottom: 10px
}
#search {
	left: 30px;
	padding: .3em 1em;
	color: #fff!important;
	background: #629364;
	font-size: .85em;
	display: block;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 -2px 5px rgba(0, 0, 0, .2), 0 2px 5px rgba(0, 0, 0, .2)
}
.slide-text, .slide-text a, .slide-text:hover a, p#copyright {
	color: #fff
}
#search:hover {
	text-decoration: none!important;
	background-color: #496d4a
}
#baseline:hover {
	border-color: #496d4a
}
#baseline {
	border-top: 4px solid #629364;
	width: 100%;
	z-index: 9999
}
#inner-footer {
	padding-bottom: 20px
}
#social {
	margin-bottom: 45px;
	clear: both
}
#facebook, #googleplus, #twitter {
	display: block;
	width: 33px;
	height: 33px;
	background: center center no-repeat;
	float: left;
	margin: 15px 13px 15px 0
}
#facebook span, #google span, #twitter span {
	display: none
}
#twitter {
	background-image: url(twitter-icon.png)
}
#facebook {
	background-image: url(facebook-icon.png)
}
#googleplus {
	background-image: url(googleplus-icon.png)
}
#mainpage .services-item p {
	display: inline
}
#mainpage .services-item a.big-button {
	margin-top: 10px
}
.services #mainpage .sub-item p {
	display: inline;
	padding-bottom: 1px
}
p#copyright {
	font-size: .85em;
	clear: both;
	line-height: 1.4em!important
}
#copyright span {
	font-size: 1.2em
}
#base {
	background: #d4232e;
	margin: 0 -13px
}
#wwd {
	background: url(wwd.png) right center no-repeat rgba(0, 0, 0, 0);
	padding: 2px 22px;
	display: block
}
.newsletter-item, .photoleft {
	float: left
}
#footer, #mainpage, #testimonials {
	padding-left: 13px!important;
	padding-right: 13px!important
}
#footer a:hover, #top a:hover {
	text-decoration: underline
}
.paging_page a, .paging_page a:hover, .popup-close:hover, .slide-text a, .top-nav li a {
	text-decoration: none
}
.photoleft {
	margin: 0 20px 12px 0
}
.photoright {
	float: right;
	margin: 0 0 12px 20px
}
.photocenter {
	display: block;
	margin: 0 auto
}
p.photocenter {
	float: none;
	margin: 0
}
.green {
	color: #008800!important;
	text-decoration: none!important
}
.red {
	color: #880000!important;
	text-decoration: none!important
}
.blue {
	color: #000088!important;
	text-decoration: none!important
}
#mainpage .photoleft, #mainpage .photoright {
	max-width: 40%;
	height: auto
}
.floatleft {
	float: left;
	margin: 0 20px 12px 0
}
.floatright {
	float: right;
	margin: 0 0 12px 20px
}
.centerspace {
	width: 974px;
	margin: 0 auto
}
.clear, .rslides {
	overflow: hidden;
	margin: 0;
	width: 100%
}
.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out
}
.fade:hover {
	opacity: .75
}
.clear {
	clear: both;
	height: 0;
	padding: 0!important
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.clearfix, .popup-close {
	display: inline-block
}
html[xmlns] .clearfix {
	display: block
}
* html .clearfix {
	height: 1%
}
.rslides {
	border-top: 1px solid #eee;
	position: relative;
	padding: 0
}
.rslides div {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0
}
.rslides div:first-child {
	position: relative;
	display: block;
	float: left
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0
}
.slide-text {
	font-size: 1.65em;
	font-weight: 300;
	position: absolute;
	z-index: 99999;
	background: rgba(0, 0, 0, .45);
	width: auto!important;
	max-width: 33%!important;
	height: auto;
	padding: 18px;
	bottom: 30px;
	right: 3%;
	left: auto!important;
	top: auto!important;
	display: block!important
}
.slide-text:hover {
	background: rgba(0, 0, 0, .6)
}
.popup {
	width: 100%;
	height: 100%;
	max-height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .75);
	z-index: 99999
}
.popup-inner {
	max-width: 500px;
	width: 90%;
	max-height: 80%;
	overflow: auto;
	padding: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 1);
	border-radius: 3px;
	background: #fff
}
.popup-close {
	width: 30px;
	height: 30px;
	padding-top: 4px;
	position: absolute;
	top: 0;
	right: 0;
	transition: ease .25s all;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	border-radius: 1000px;
	background: rgba(0, 0, 0, .8);
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	line-height: 100%;
	color: #fff
}
.popup-close:hover {
	-webkit-transform: translate(50%, -50%) rotate(180deg);
	transform: translate(50%, -50%) rotate(180deg);
	background: rgba(0, 0, 0, 1)
}
#offer-button {
	float: left;
	margin: 0 0 20px
}
.clinics #mainpage #news-popup h3 {
	margin-bottom: 10px
}
.clinics #mainpage #news-popup img {
	max-height: 100px;
	width: auto;
	float: left;
	margin: 0 20px 0 0
}
.paging, .paging_panel {
	border-top: 2px solid #E67B32;
	padding: 12px 7px;
	margin-top: 10px
}
.paging_fade {
	color: #E67B32
}
.paging_page a:hover, .paging_selected {
	padding: 2px 7px;
	margin: 0 2px;
	color: #FFF
}
.paging_selected {
	border: 1px solid #E67B32;
	background-color: #E67B32
}
.paging_page a {
	border: 1px solid #E67B32;
	padding: 2px 7px;
	margin: 0 2px;
	background-color: #FFF
}
.paging_page a:hover {
	border: 1px solid #333;
	background-color: #666
}
.sck-note-p {
	margin-left: 35%;
	font-size: .87em;
	background-color: #CFC;
	padding: 2px 3px;
	border-top: 1px solid #6F6
}
.sck-error-box, .sck-error-box-mini {
	border: 1px solid #F66;
	text-align: center
}
.sck-error {
	color: #900
}
.sck-error-box {
	padding: 10px 10px 0;
	margin-bottom: 13px;
	font-size: .8em
}
.sck-error-box p {
	margin: 0 0 10px
}
.sck-error-box-mini {
	padding: 10px;
	margin-bottom: 13px
}
.sck-error-box-mini p {
	padding: 0;
	margin: 0
}
.sck-error-p {
	font-size: .87em;
	background-color: #FCC;
	padding: 2px 3px;
	border-top: 1px solid #F66
}
.sck-login-box, .sck-login-subbox {
	width: 60%;
	min-width: 350px;
	margin: 0 auto 13px;
	border: 2px solid #DBDBDB
}
.sck-login-box {
	padding: 10px 10px 0
}
.sck-login-subbox {
	text-align: center;
	padding: 10px
}
.sck-login-subbox p {
	padding: 0;
	margin: 0
}
#sck-form .solve span {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(0deg);
	unicode-bidi: bidi-override;
	direction: rtl;
}
.mc-field-group label {
	float: left;
	width: 150px;
	padding: 8px 0
}
.mc-field-group select {
	padding: 8px 0
}
#formMessage {
	width: 100%;
	height: 100px
}
fieldset, form {
	margin-bottom: 20px
}
input[type=text], input[type=password], input[type=email], select, textarea {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #777;
	display: block;
	font: 13px HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 20px;
	max-width: 100%;
	outline: 0;
	padding: 6px 4px;
	width: 210px
}
select {
	padding: 0;
	width: 220px
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
	border: 1px solid #aaa;
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	color: #444
}
textarea {
	min-height: 60px
}
label, legend {
	display: block;
	font-size: 13px;
	font-weight: 700
}
input[type=checkbox] {
	display: inline
}
label span, legend span {
	color: #444;
	font-size: 13px;
	font-weight: 400
}
@media only screen and (max-width:1400px) {
	.homepage #testimonials {
		padding: 0 0 350px;
		background-position: center 195px
	}
}
@media only screen and (min-width:1170px) {
	.nav-collapse {
		height: 48px
	}
	#nav {
		background: #fff
	}
}
@media only screen and (max-width:1200px) {
	#top {
		padding-left: 5px;
		padding-right: 5px
	}
	.homepage #testimonials {
		padding: 0 0 225px;
		background-position: center 195px
	}
}
@media only screen and (max-width:990px) {
	#top p {
		display: none
	}
}
@media only screen and (max-width:990px) and (min-width:768px) {
	.toggle {
		font-size: .7em;
		padding: 0 13px
	}
}
@media only screen and (max-width:959px) {
	#subtabs a {
		padding: .72em 3% .72em 5.75%;
		background-size: contain
	}
}
@media only screen and (min-width:768px) and (max-width:959px) {
	#subtabs {
		font-size: .9em
	}
	#subtabs a {
		padding: .5em 2.5% .5em 5.5%
	}
	#subtabs a:first-of-type {
		margin-left: 3%
	}
	#slideshow .overslides {
		max-width: 50%;
		height: auto;
		font-size: .8em!important
	}
	#slideshow .overslides .box {
		padding: 20px 20px 10px
	}
	#suppliers a {
		height: 150px
	}
}
@media only screen and (min-width:768px) {
	#mainpage .padding {
		margin-right: 38px
	}
	#profiles {
		padding-right: 15px
	}
	.team #mainpage .photoleft {
		max-width: 20%;
		height: auto
	}
}
@media only screen and (max-width:767px) {
	#header .col, #vet-clinics {
		margin: 0
	}
	#content {
		top: 0
	}
	#logo {
		display: block;
		margin: 0 auto
	}
	#header {
		padding: 0
	}
	#header .section {
		padding-left: 0
	}
	#contact-info {
		text-align: center;
		padding-top: 0
	}
	#contact-info a {
		display: inline-block;
		float: none
	}
	#mainpage {
		padding: 25px 30px 45px
	}
	#listings {
		padding-top: 25px;
		background: url(hr.png) left top repeat-x
	}
	#banners h2 a {
		padding: 2em 0;
		min-height: 3.5em
	}
	.banner h2 a, .banner p {
		padding: 5px 8px
	}
	.banner h2 {
		font-size: 1.1em
	}
	#top p {
		font-size: .95em;
		padding-right: 0;
		width: 95%!important;
		margin-right: 0!important;
		text-align: center
	}
	.half-column {
		padding: 0;
		width: 100%
	}
	.homepage #testimonials {
		padding: 0 0 225px;
		background-position: center 115%;
		background-size: 100%;
		font-size: .9em
	}
	#portfolio-content img {
		width: 100%
	}
	#toggle {
		padding: 0!important
	}
	#footer #locations {
		font-size: 1em
	}
	#copyright, #footer ul {
		text-align: center;
		width: 100%
	}
	#copyright {
		border-top: 1px solid #284A2A;
		padding-top: 15px
	}
	.articles-feed h3 img {
		margin: 5px auto;
		clear: both;
		width: 100%;
		height: auto
	}
	#suppliers a {
		height: 120px
	}
	#vet-clinics a {
		line-height: 55px
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#banners article {
		font-size: .8em
	}
	#banners h2 span {
		display: none
	}
	.team-photo {
		height: 250px
	}
	.clinic-team .team-item {
		width: 33%;
		height: 185px
	}
	#slideshow .overslides {
		max-width: 94%;
		height: auto;
		font-size: .8em!important;
		right: 3%;
		left: 3%;
		bottom: 10px
	}
	#slideshow .overslides .box {
		padding: 15px 15px 5px
	}
}
@media only screen and (max-width:479px) {
	#logo {
		width: 90%
	}
	#subtabs a {
		padding: .15em 3% .15em 5.5%;
		font-size: .6em
	}
	#banners {
		background-color: #fff
	}
	#banners article {
		width: 100%!important;
		margin-bottom: 10px
	}
	#banners h2 a {
		padding: 3.5em 0;
		min-height: 5.5em;
		max-height: none
	}
	#top p strong, .rslides {
		display: none
	}
	.team-photo {
		width: 100%;
		margin: 0 0 15px;
		height: 470px
	}
	.clinic-team .team-item {
		width: 80%;
		height: 250px;
		margin: 15px auto 0;
		float: none
	}
	#mainpage .photoleft, .galleryLeft, .galleryLeft:nth-child(4n-1), .highslide-gallery .galleryLeft:nth-child(4n-1) {
		margin-right: 0;
		width: 100%
	}
	#mainpage .photoleft {
		max-width: none
	}
	#mainpage .photoright {
		max-width: none;
		width: 100%;
		margin-left: 0
	}
	.clinics #mainpage .photoright {
		width: 100%;
		max-width: 100%
	}
	.clinicshot {
		margin-top: 0!important
	}
	#slideshow .overslides {
		max-width: none;
		height: auto;
		font-size: .8em!important;
		right: auto;
		left: auto;
		bottom: auto;
		position: relative
	}
	#slideshow .overslides .box {
		padding: 15px 15px 10px
	}
	.team h1 br {
		display: block
	}
	.homepage #testimonials {
		padding: 0 0 150px;
		background-position: center bottom;
		background-size: 100%;
		font-size: .9em
	}
	.team #mainpage .photoleft {
		max-width: 100%;
		height: auto;
		width: 100%
	}
	#suppliers a {
		height: auto;
		width: 100%;
		margin: 0
	}
	#suppliers a img {
		height: auto;
		width: 100%;
		position: relative
	}
}
#nav .col, .top-nav ul {
	padding: 0;
	float: right
}
@media print {
	#, #banners, #base, #header, #nav, #slideshow, #testimonials {
		display: none!important
	}
	#footer, #inner-footer {
		background: #fff;
		color: #000
	}
}
@font-face {
	font-family: mfg;
	src: url(font/mfglabsiconset-webfont.eot);
	src: url(font/mfglabsiconset-webfont.svg#mfg_labs_iconsetregular) format('svg'), url(font/mfglabsiconset-webfont.eot?#iefix) format('embedded-opentype'), url(font/mfglabsiconset-webfont.woff) format('woff'), url(font/mfglabsiconset-webfont.ttf) format('truetype');
	font-weight: 400;
	font-style: normal
}
#nav .col {
	margin: 0
}
.top-nav ul {
	position: relative
}
.top-nav ul ul {
	position: absolute;
	width: auto;
	white-space: nowrap;
	-webkit-box-shadow: 0 2px 4px -1px rgba(50, 50, 50, .5);
	-moz-box-shadow: 0 2px 4px -1px rgba(50, 50, 50, .5);
	box-shadow: 0 2px 4px -1px rgba(50, 50, 50, .5)
}
.top-nav li {
	float: left;
	cursor: pointer;
	font-size: .9em;
	position: relative
}
.top-nav li a {
	padding: .7em .6em;
	display: block;
	color: #000
}
.nav-text, .top-nav li ul {
	display: none
}
.top-nav li ul li a {
	padding: .625em
}
.top-nav li ul li, .top-nav li ul li ul li {
	float: none;
	list-style: none;
	min-width: 100%;
	padding: 0
}
.top-nav li:hover {
	background: #eee
}
.top-nav li a:hover {
	background: #eee;
	color: #578258
}
.top-nav li li ul {
	top: 0
}
.top-nav li ul li {
	background: #fafafa
}
.top-nav .active-item a {
	background: #AEA480
}
.top-nav .active-item a, .top-nav li a, .top-nav li ul li a, .top-nav li ul li ul li a {
	transition: background .2s linear 0s;
	-o-transition: background .2s linear 0s;
	-ms-transition: background .2s linear 0s;
	-moz-transition: background .2s linear 0s;
	-webkit-transition: background .2s linear 0s
}
@media screen and (min-width:769px) {
	.top-nav li:hover>ul {
		display: block;
		z-index: 10
	}
	.top-nav li:hover>ul ul {
		left: 100%;
		margin: -2.5em 0;
		width: 100%
	}
}
@media screen and (min-width:768px) {
	#mainmenu li>a:after {
		content: ' +'
	}
	#mainmenu li>a:only-child:after {
		content: ''
	}
}
@media screen and (max-width:767px) {
	#news-ajax,#promo-ajax{position:relative!important}
	#promo-ajax{width:calc(100% - 40px)!important;max-width:100%!important;margin-top:10px}
	#promo-ajax h4{background:#629364;font-size:1em!important;color:#fff!important;display:inline;padding:8px 15px!important;text-shadow:0 0 0!important;}
	#promo-ajax div div {margin-top: 20px;}
	#nav, .nav-text {
		display: block;
		line-height: 3em
	}
	.top-nav ul {
		float: none
	}
	#nav {
		cursor: pointer
	}
	.top-nav>ul {
		height: 0;
		max-width: 100%;
		overflow: hidden;
		position: relative;
		z-index: 999;
		text-align: center
	}
	.top-nav>ul.show-menu {
		height: auto
	}
	.top-nav ul ul {
		left: 0;
		margin-top: 0;
		position: relative;
		right: 0;
		float: none
	}
	.top-nav li {
		float: none;
		list-style: none;
		padding: 0
	}
	.top-nav li a {
		background: #629364;
		border-top: 1px solid #47562F;
		color: #fff;
		display: block;
		padding: .625em
	}
	.top-nav li ul li a {
		min-width: 100%;
		border-top: 1px solid #878787
	}
	.top-nav li a:hover {
		background: #284A2A;
		color: #fff
	}
	.top-nav li ul, .top-nav li ul li ul {
		display: block;
		overflow: hidden;
		height: 0
	}
	.top-nav>ul ul.show-ul {
		display: block;
		height: auto
	}
	.top-nav li ul li a {
		background: #9d9d9d;
		padding: .625em
	}
	.top-nav li ul li ul li a {
		border-top: 1px solid #989898;
		background: #d7d7d7;
		color: #222
	}
	.nav-text {
		color: #47562f;
		font-size: 1.2em;
		margin-right: .625em;
		max-width: 100%;
		text-align: right;
		vertical-align: middle
	}
	.nav-text:after {
		content: "\f008";
		font-family: mfg;
		font-size: 1.1em;
		margin-left: .5em;
		text-align: right
	}
}