/*--Designed and built by: https://bluefishwebsolutions.co.uk--*/

/*--Reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, div {
	display: block;
	}

ul {
	list-style: none;
	margin: 0;
	}
	
blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}

strong {
	font-weight: bold;
}	
	
/* remember to define visible focus styles! 

:focus {
	outline: ?????;
	} */

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
	}

del {
	text-decoration: line-through;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	}	
	
* {
	-webkit-text-size-adjust: none;
}

/*--Colour Pad*/

/*--Typography*/

/*--Main*/

	
body {
	background: #FFF;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px 0;
	font-weight: 600;
	font-family: 'Roboto Slab';
}

h1 {
  font-size: 30px;
  line-height: 36px;
}

h2 {
  font-size: 24px;
  line-height: 30px;
}

h3 {
  font-size: 18px;
  line-height: 24px;
}

h4 {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px 0;
}

h5 {
  font-size: 16px;
  line-height: 20px;
}

h6 {
  font-size: 14px;
  line-height: 20px;
}

p {
	margin: 0 0 20px 0;
}

a {
	color: #226401;
	text-decoration: none;
}	

a:hover {
	text-decoration: underline;
}

/*--Page*/

div#page-wrapper {

}

/*--Header*/

#header_wrapper {
	margin: 0;	
	height: 207px;
	padding: 0px;
	/*background: #000;*/
}

header {
	width: 940px;
	margin: 0px auto;
	padding: 0;
	position: relative;
}

a#logo {
	width: 220px;
	height: 147px;
	position: absolute;
	top: 30px;
	left: 0px;
	z-index: 999;
}

a:hover#logo {
	opacity: .8;
}

a#logo img {
	width: 100%;
}

p.telNumber {
	font-size: 14px;
	line-height: 22px;
	font-weight: 900;
	text-align: right;
	position: absolute;
	top: 17px;
	right: 0;
	margin: 0;
	background: #226401;
	color: #FFF;
	padding: 10px 20px;
	font-family: 'Roboto Slab';
}

p.tagline {
	font-family: 'Roboto Slab';
	font-size: 24px;
	line-height: 30px;
	color: #999;
	font-style: italic;
	position: absolute;
	top: 87px;
	right: 0;
	margin: 0;
}

/*--Nav*/

div.nav_wrapper {
	height: 60px;
	display: block;
	position: relative;
	z-index: 99;
	margin: 0;
}

div.nav_inner {
	width: 940px;
	margin: 0px auto 0px auto;
	position: relative;
}

#menu {
	position: absolute;
	top: 139px;
	right: 0px;
}

ul.topMenu {
	position: absolute;
	top: 30px;
	right: 137px;
}

#menu li,
ul.topMenu li {
	float: left;
	display: block;
}

#menu li a,
ul.topMenu li a,
#menu li span.menuItem {
	position: relative;
	display: block;
	font-family: 'Roboto Slab';
	font-size: 14px;	
	line-height: 16px;
	font-weight: 900;
	color: #000;
	background: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 12px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}

#menu li a.test {
	padding: 8px 0 8px 15px;
}

ul.topMenu li a {
	font-size: 14px;
	line-height: 16px;
	padding: 0 10px;
	border-right: 1px solid #000;
	/*color: #000;*/
}

ul.topMenu li a.contact {
	padding: 0 0 0 10px;
	border-right: none;
}

#menu li a:hover,
ul.topMenu li a:hover,
#menu li a.active,
#menu li a.current {
	color: #226401;
}

ul.topMenu li a:hover {
	color: #226401;
}

#menu li ul {
	left : -999em;
	position : absolute;
	background: #333;
}

#menu li ul li {
	float : none;
	margin-left: 0px;
	border-right: none;
}

#menu li ul a {
	width: 180px;
	color: #FFF;
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	border-right: none;
	padding: 8px 15px;
} 

#menu li ul a:hover {
	color: #FFF;
	background: #b00102;
}

#menu li a.btnMenuExpand,
#menu li a.btnMenuContract {
	display: none;
}

#menu li ul li {
	float : none;
	margin-left: 0px;
}

#menu li ul ul {
	margin: -32px 0 0 170px;
}

#menu li.sfhover ul ul {
	left: -999em;
}

#menu li.sfhover ul, 
#menu li li.sfhover ul {
	left: auto;
}

#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
	left: auto;
}

/*--Responsive Nav*/	

div.button_inner {
	width: 940px;
	margin: 0px auto;
	position: relative;
}

div.button_inner p {
	display: none;
}

/*--SubNav*/

.subNav {
	background: #333;
	padding: 15px 0;
	margin: 0 0 20px 0;	
}

.subNav h3 {
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 0 20px;
}

.subNav li h3 {
	padding: 0;
}

.subNav li h3 a:hover {
	background: none;
	color: #FFF;
}

.subNav h3 a {
	text-decoration: none;
	color: #FFF;
}

.subNav li {
	padding: 0;
}

.subNav li,
.subNav li a {
	display: block;
	padding: 5px 0 5px 0;
	text-decoration: none;
	color: #FFF;
}

.subNav li {
	padding: 0;
}

.subNav li a {
	padding: 5px 0 5px 20px;
}

.subNav.productRanges li a {
	color: #333;
	padding: 5px;
}

.subNav li a:hover {
	background: #b00102;
}

ul.subNav li ul {
	background: #91ca5c;
	margin: 0 0 10px 0;
}

ul.subNav li ul li a {
	padding: 6px 0 6px 30px;
}

/*--slider */

.img-container {
	height: 500px;
	margin: 0 0 40px 0;
}

body#services-offered .img-container {
	margin: 0 0 0 0;
}

.img-container.wwa {
	background: url(images/sheep_and_horses_in_field.jpg) no-repeat center center;
}

.img-container.pap {
	background: url(images/solo_headshot.jpg) no-repeat center center;
}

.img-container.so {
	background: url(images/foal_and_dog.jpg) no-repeat center center;
}

.img-container.cu {
	background: url(images/horses_looking_over_fence.jpg) no-repeat center center;
}

.img-container h2 {
	line-height: 36px;
	margin: 0;
}

.slider-container {
	height: 500px;
	margin: 0 0 0 0;
	visibility: hidden;
}

#slider  {
	height: 500px;
}

#slider div.slide,
#slider div.slide img {
	width: 100%;
}

#slider div.slide,
#slider div.slide img {
	/*height: 500px;*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slider-container div.column {
	width: 940px;
	margin: 0 auto;
}

div.slide {
	height: 500px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

a.bx-prev,
a.bx-next  {
	height: 54px;
	width: 54px;
	position: absolute;
	top: -173px;
	display: block;
	text-indent: -9999px;
	z-index: 99;
}

a.bx-prev {
	left: -17px;
	background: url(images/previous.png);
}

a.bx-next {
	right: -136px;
	background: url(images/next.png);
}

.bx-controls {
	width: 100%;
	height: 39px;
	text-align: center;
	margin: -50px auto 0 auto;
	padding: 0;
	z-index: 99;
	/*position: absolute;*/
	position: relative;
}

.bx-pager-item {
	display: inline-block;
	padding: 18px 0 0 0;
}

div.bx-pager-item a {
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	border-radius: 10px;
	background: #FFF;
	border: 2px solid #FFF;
}

div.bx-pager-item a.active, 
div.bx-pager-item a:hover {
	background: #226401;
	border: 2px solid #FFF;
}

.slider-intro-container {
	width: 345px;
	position: relative;
}

.slider-intro {
	width: 335px;
	background: rgba(0, 0, 0, .6);
	position: absolute;
	top: 80px;
	z-index: 99;
	color: #FFF;
	padding: 35px 40px;
}

body#who-we-are .slider-intro,
body#contact-us .slider-intro {
	top: 125px;
}

body#who-we-are .slider-intro {
	top: 107px;
}

body#packages .slider-intro,
body#services-offered .slider-intro {
	top: 71px;
}

body#services-offered .slider-intro {
	top: 35px;
}

.slider-intro h1 {
	font-size: 36px;
	line-height: 48px;
	margin: 0;
	font-family: 'Roboto Slab';
}

.slider-intro p {
	/*margin: 0;*/
}

.slider-intro a.button {
	display: block;
	text-align: center;
}

/*--Content*/

div.column-wrapper {
	clear: both;
}
	
div.column {
	width: 940px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

.singleColumn {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

body#testimonials .singleColumn,
body#cookie-policy .singleColumn,
body#broodmares .singleColumn {
	width: 700px;
}

body#broodmares .singleColumn {
	text-align: left;
}

body#broodmares .singleColumn img {
	float: right;
	margin: 0 0 20px 20px;
	width: 300px;
}

body#broodmares .singleColumn img.full {
	width: 100%;
	margin: 0 0 20px 0;
}

.prog {
	
}

.prog div.twoA,
.prog div.twoB {
	width: 330px;
	float: left;
	margin: 0 40px 0 0;
}

.prog div.twoB {
	margin: 0 0 0 0;
}

.prog div.twoA p,
.prog div.twoB p {
	background: #EEE;
	padding: 20px;
}

body#broodmares .prog div.twoA img.p,
body#broodmares .prog div.twoB img.p {
	width: 100%;
	float: none;
	margin: 0 0 0 0;
	display: block;
}

.singleImage {
	display: block;
	margin: 0 0 30px 0;
}
	
div.one {
	margin-bottom: 40px;
}	

div.one.text ul {
	margin: 0 0 20px 30px;
}

div.one.text ul li {
	list-style: disc;
}

div.twoA {
	width: 600px;
	float: left;
	margin: 0 40px 40px 0;
}

.familyMember {
	background: #EEE;
	padding: 20px;
	margin: 0 0 40px 0;
}

.familyMember img {
	float: right;
	margin: 0 0 20px 20px;
}

.localArea,
.extras {
	background: #000 url(images/horses_silhouette.jpg) top no-repeat;
	color: #FFF;
	padding: 80px 20px 5px 20px;
}

p.fp,
ul.fp {
	display: none;
}

div.twoA ul,
.extras ul {
	margin: 0 0 20px 30px;
}

div.twoA ul li,
.extras ul li {
	list-style: disc;
}

div.twoB {
	width: 300px;
	float: left;
	margin: 0 0 40px 0;
}

/*--intro */

.intro {
	background: #EEE;
	padding: 40px 0;
	margin: 0 0 40px 0;
}

.intro h1 {
	display: none;
}

.intro h2 {
	font-family: 'Roboto Slab';
	font-size: 30px;
	line-height: 36px;
	font-weight: 900;
	/*margin: 0 0 15px 0;*/
}

.intro h2 a {
	text-decoration: none;
}

.intro p {
	margin: 0 0 15px 0;
}

.intro div.twoA {
	width: 520px;
	margin: 0 40px 0 0;
}

.intro div.twoB {
	width: 380px;
	margin: 0 0 0 0;
}

.intro div.twoB img {
	width: 100%;
}

.intro div.twoA a.button {
	float: right;
}

/*--links */

.links .twoA {
	width: 380px;
	margin: 0 40px 0 70px;
}

.links .twoB {
	width: 380px;
	margin: 0 0 40px 0;
}

.link {
	height: 115px;
	margin: 0 0 40px 0;
	position: relative;
	padding: 100px 0 0 30px;
	color: #FFF;
}

.link.pp {
	background: url(images/price_and_packages_bg.png) no-repeat;
}

.link.so {
	background: url(images/services_offered_bg.png) no-repeat;
}

.link h3 {
	font-family: 'Roboto Slab';
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.link p {
	margin: 0 0 10px 0;
}

.link a.button {
	background: none;
	padding: 0;
	position: absolute;
	right: 30px;
}

.link a:hover.button {
	background: none;
	color: #226401;
}

/*--gallery */

.gallery {
	background: #000 url(images/gallery_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 40px 0;
	margin: 0 0 40px 0;
	text-align: center;
}

.gallery div.one {
	margin: 0;
}

.gallery h2 {
	font-family: 'Roboto Slab';
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: #FFF;
}

div.threeA,
div.threeB,
div.threeC {
	width: 300px;
	float: left;
	margin: 0 20px 40px 0;
}

div.threeC {
	margin: 0 0 40px 0;
}

a.button {
	background: #226401;
	display: inline-block;
	color: #FFF;
	padding: 10px 40px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: background 0.7s;
	-moz-transition: background 0.7s;
	-o-transition: background 0.7s;
	transition: background 0.7s;
}

a:hover.button {
	background: #1b5001;
	color: #FFF;
}
		
.sidebarRightMain {
	width: 620px;
	margin: 0 20px 40px 0;
	float: left;
}

.sidebarRightMain div.twoA {
	width: 280px;
	float: left;
	margin: 0 40px 0 0;
}

.sidebarRightMain div.twoB {
	width: 280px;
	float: left;
}

.sidebarRight {
	width: 300px;
	float: right;
	margin: 0 0 40px 0;
}

/*--clear fix*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*--Key Areas*/

.ka {
	background: #EEE;
	padding: 40px 0 20px 0;
}

div.column.service {
	background: #FFF;
	/*height: 265px;*/
	margin: 0 auto 20px auto;
}

.service div.one {
	margin: 0;
}

div.column.serviceBig {
	background: #FFF;
	height: 470px;
	margin: 0 auto 20px auto;
}

.service div.twoA,
.service div.twoB,
.serviceBig div.twoA,
.serviceBig div.twoB {
	width: 50%;
	margin: 0;
}

.service div.twoA img,
.service div.twoB img,
.serviceBig div.twoA img,
.serviceBig div.twoB img {
	width: 100%;
	display: block;
}

.service h2,
.serviceBig h2 {
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

div.one.service {
	text-align: center;
	margin: 0 auto;
}

.service div.twoB .kaContent {
	padding: 46px 40px 0 40px;
}

.service div.twoB .kaContent.feed {
	padding: 23px 40px 0 40px;
}

.service div.twoB .kaContent.lsc {
	padding: 40px 40px 0 40px;
}

.service div.twoA .kaContent {
	padding: 46px 40px 0 40px;
}

.service div.twoA .kaContent.feeding {
	padding: 40px 40px 0 40px;
}

.serviceBig div.twoA .kaContent.glm {
	padding: 104px 40px 0 40px;
}

.serviceBig div.twoB .kaContent.bs {
	padding: 121px 40px 0 40px;
}

.serviceBig div.twoB .kaContent.stab {
	padding: 88px 40px 0 40px;
}

.service div.twoA .kaContent.wb {
	padding: 57px 40px 0 40px;
}

.serviceBig div.twoA .kaContent.cag {
	padding: 67px 40px 0 40px;
}

.service div.one .kaContent.single {
	padding: 40px 40px 20px 40px;
}

.service div.twoA .kaContent.feeding {
	padding: 30px 40px 0 40px;
}

.serviceBig div.twoB .kaContent.care {
	padding: 30px 40px 0 40px;
}

.serviceBig div.twoA .kaContent.support {
	padding: 13px 40px 0 40px;
}

img.so {
	width: 200px;
	/*float: right;*/
	float: left;
	margin: 0 10px 20px 0;
}

ul.so {
	float: left;
}

.kaContent ul {
	margin: 0 0 10px 30px;
}

.kaContent ul li {
	list-style: disc;
	padding: 0 0 5px 5px;
}

/*--contact form*/		

form#contactForm {
	width: 500px;
	height: auto;
	margin: 20px auto 60px auto;
	/*padding: 20px;*/
}

form#contactForm input, #contact-area textarea,
form#callbackForm input,
form#callbackForm select,
form#quoteForm input,
form#quoteForm select {
	padding: 5px;
	width: 500px;
	height: 40px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #ccc;
	box-shadow: none;
}

form#callbackForm input,
form#callbackForm select,
form#quoteForm input,
form#quoteForm select {
	width: 100%;
	padding: 2.5%;
}

form#callbackForm select,
form#quoteForm select {
	padding: 2.5% 5% 2.5% 2.5%;
	margin: 0;
}

form#quoteForm select {
	margin: 0 0 20px 0;
}

form#contactForm textarea,
form#quoteForm textarea {
	width: 500px;
	height: 120px;
	box-shadow: none;
	margin: -20px 0 0 0;
	border: 1px solid #ccc;
	box-shadow: none;
	padding: 5px;
}

form#quoteForm textarea {
	width: 100%;
}

form#contactForm textarea:focus, #contact-area input:focus {
	border: 1px solid #cfcfcf;
}

form#contactForm input.button,
form#callbackForm input.button,
form#quoteForm input.button {
	width: 500px;
	clear: both;
	border: none;
	/*height: 40px;*/
	display: block;
	text-align: center;
	background: #226401;
	color: #FFF;
	font-size: 14px;
	line-height: 40px;
	text-transform: uppercase;
	margin: 20px 0 0 0;
	padding: 0 20px 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-decoration: none;
}

form#quoteForm input.button {
	margin: 0;
}

form#callbackForm input.button,
form#quoteForm input.button {
	width: 100%;
	padding: 0;
}

form#callbackForm input.button {
	margin: 24px 0 0 0;
	background: #7b0101;
}

label {
	clear: both;
	padding: 0 0 5px 0;
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
}

.tooltip {
	position: absolute;
	right: 0;
	top: 2px;
	display: inline-block;
	background: #b00102;
	font-size: 10px;
	line-height: 10px;
	padding: 3px 5px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  text-transform: none;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  /*bottom: 125%;
  left: 50%;*/
  margin-left: -60px;
  
  top: -5px;
  right: 105%;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 5%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

label.error {
	color: #FF0000;
	margin: 0;
	font-size: 12px;
}

div.one.thankyou {
	width: 500px;
	margin: 0 auto;
	min-height: 250px;
}

form#callbackForm .rcf-container:nth-child(4) {
	margin: 0 0 0 0;
}

form#quoteForm input[type="radio"] {
	width: 15px;
	height: 15px;
}

/*--map*/

.map {
	height: 300px;
	display: block;
	margin: 0 0 0 0;
}

/*--title*/

.title {
	background: #000;
	color: #FFF;
	padding: 20px 0 20px 0;
	margin: 0 0 0 0;
}

body#broodmares .title,
body#gallery .title,
body#contactthanks .title,
body#testimonials .title,
body#cookie-policy .title {
	margin: 0 0 30px 0;
}

.title h1 {
	font-family: 'Roboto Slab';
	font-weight: 600;
	margin: 0;
}

.column-wrapper.title div.one {
	margin: 0;
	position: relative;
}

.column-wrapper.title div.one a {
	position: absolute;
	right: 0px;
	top: 0px;
}

/*--contactStrip*/	

.contactStrip {
	background: #226401;
	color: #FFF;
	padding: 25px 0;
	text-align: center;
	font-family: 'Roboto Slab';
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
}

.contactStrip span {
	font-weight: 600;
}

.contactStrip div.one,
.contactStrip p {
	margin: 0;
}

/*--testimonial*/

.testimonial {
	padding: 10px 0 20px 0;
}

body#default .testimonial {
	padding: 10px 0;
}

.testimonial p,
.testimonial-right p {
	font-style: italic;
}

.bubble {
    position: relative;
	padding: 20px 40px;
	border-radius: 0 0 5px 5px;
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 21px;
}
.bubble:after {
   content: "";
   position: absolute;
   top: 100%;
   left: 20px;
   border-top: 20px solid blue;
   border-top-color: inherit; 
   border-left: 20px solid transparent;
   border-right: 20px solid transparent; 
}

.bubble-right {
    position: relative;
	padding: 20px 40px;
	border-radius: 0 0 5px 5px;
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 21px;
}
.bubble-right:after {
   content: "";
   position: absolute;
   top: 100%;
   right: 20px;
   border-top: 20px solid blue;
   border-top-color: inherit; 
   border-left: 20px solid transparent;
   border-right: 20px solid transparent; 
}

.testimonial h4,
.testimonial-right h4 {
	color: #000;
}

.testimonial h4 {
	text-align: left;
}

.testimonial-right {
	margin: 0 0 90px 0;
}

.testimonial-right h4 {
	float: right;
}

.data-buttons {
	width: 100%;
	height: 33px;
	clear: both;
	margin: 0 0 20px 0;
}

.data-button {
	float: right;
	width: 110px;
	margin-left: 10px;
	padding: 5px 10px;
	text-decoration: none;
	border: solid 1px #6986a1;	
	background-repeat: no-repeat;
	background-position: 110px center;
	background-color: #6986a1;
	color: #FFF;
}

.data-button:hover {
	background-color: #97c0e6;
	border-color: #97c0e6;
	text-decoration: none;
	/*color: #97c0e6;*/
}

#dataExpand {
	background-image: url(images/arrow_expand.png);
}

#dataCollapse {
	background-image: url(images/arrow_collapse.png);
}

/*--footer*/		
	
div#footer-wrapper {
	clear: both;
	padding: 30px 0;
	background: #000;
	color: #FFF;
	position: relative;
	z-index: 99;
	margin: 0;
	text-align: center;
}
	
footer {
	width: 940px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

div#address.one {
	margin: 0;
}

footer p {
	margin: 0;
}

p.contactInfo span {
	margin: 0 10px;
}

footer h3 {
	font-family: 'Roboto Slab';
	display: inline-block;
	color: #FFF;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	font-weight: 600;
}

footer span.tel {
	margin: 0 20px;
}

div.column-wrapper.terms {
	background: #FFF;
	color: #333;
	text-align: center;
	padding: 20px 0;
}

div.one.terms {
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	text-align: center;
}

div.one.terms p span {
	margin: 0 10px;
}

/*--Social Media*/

.fab {
	margin: 0 5px;
}

.fa-facebook-square,
.fa-instagram-square {
	color: #FFF;
	font-size: 20px;
}

a:hover .fab {
	color: #226401;
}

/* `Widths
----------------------------------------------------------------------------------------------------*/

.input_tiny {
  width: 50px;
}

.input_small {
  width: 100px;
}

.input_medium {
  width: 150px;
}

.input_large {
  width: 200px;
}

.input_xlarge {
  width: 250px;
}

.input_xxlarge {
  width: 300px;
}

.input_full {
  width: 100%;
}

/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  /* IE8, IE9, IE10 */
  top: 0\0;
  /* IE7 */
  *top: -3px;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background: #ddd url(../img/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  /*
    Helvetica Neue present, because it works better
    for line-height on buttons than Arial, on OS X.
  */
  font: 16px/1.3 Arial, 'Liberation Sans', FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  
  /* overide styles from basic above */
  
  border-radius: 0;
  border: none;
  background: #e64a31;
  color: #FFF;
  text-shadow: none;
  padding: 10px;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  /*
    Leaving out Helvetica Neue, to not throw off size="..."
    on inputs. Arial is more reliable, on Windows and OS X.
  */
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  height: 1.8em;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #aaa 0 0 7px;
  -webkit-box-shadow: #aaa 0 0 7px;
  box-shadow: #aaa 0 0 7px;

  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url(../img/select_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    display: none;
  }
}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
	/* 768px upwards, is desktop */

    @media only screen and (max-width: 812px) {
		
		header,
		#header_wrapper,
		div.nav_inner,
		div.button_inner,
		div.column,
		ul#menu,
		div.one,
		div.threeA,
		div.threeB,
		div.threeC,
		div.fourA,
		div.fourB,
		div.fourC,
		div.fourD,
		footer,
		div.sidebarRightNav,
		div.sidebarRightMain,
		div.sidebarRight,
		.slider-container,
		.prog div.twoA,
		.prog div.twoB {
			float: none;
			width: 100%;
			clear: both;
			margin: 20px auto;
		}
		
		header,
		div.column,
		div.nav_wrapper,
		div.nav_inner,
		div.button_inner,
		ul#menu {
			margin: 0px auto;
		}
		
		div.sidebarRightMain,
		div.sidebarRightMain div.twoA,
		div.sidebarRightMain div.twoB,
		div.sidebarRight,
		div.sidebarRight.form,
		div.one.singleColumn,
		body#testimonials .singleColumn,
		body#cookie-policy .singleColumn,
		body#broodmares .singleColumn,
		footer,
		div.one.examples,
		body#cookie-policy div.one.text,
		body#sitemap div.one.text,
		div.twoA,
		div.twoB,
		.intro div.twoA,
		.links .twoA,
		.links .twoB {
			width: 90%;
			margin: 0 5%;
		}
		
		body#broodmares .singleColumn img {
			float: none;
			width: 100%;
			margin: 0 0 20px 0;
		}
		
		.links .twoB {
			margin: 0 5% 20px 5%;
		}
		
		div.twoA,
		div.twoB {
			margin: 0 5% 5% 5%;
		}
		
		div.sidebarRight {
			width: 90%;
			margin: 0 5%;
		}
		
		.singleColumn img {
			width: 100%;
			margin: 0 0 5% 0;
		}
		
		.singleColumn br {
			display: none;
		}
		
		body#broodmares .singleColumn br {
			display: block;
		}
		
		#header_wrapper {
			height: auto;
			padding: 0px;
			margin: 0px;
		}
		
		a#logo {
			width: 125px;
			height: 84px;
			left: 10px;
			top: -93px;
			z-index: 999;
		}
		
		a#logo img {
			width: 100%;
		}
		
		p.telNumber {
			top: -93px;
			right: 10px;
			font-weight: 600;
		}
		
		p.telNumber a {
			color: #FFF;
		}
		
		p.tagline {
			top: -135px;
			font-size: 14px;
			line-height: 22px;
			background: #000;
			color: #FFF;
			padding: 5px 0;
			width: 100%;
			text-align: center;
		}
		
		div.button_wrapper,
		div.button_inner {
			height: 135px;
			padding: 0px;
			/*background: #000;*/
		}
		
		div.button_inner p {		
			display: inline;
			position: absolute;
			right: 10px;
			top: 105px;
			z-index: 9999;
			margin: 0 0 0 0;
		}
		
		div.button_inner p a span {
			background: #226401;
			display: block;
			width: 30px;
			height: 5px;
			margin: 0 0 3px 0;
		}
		
		div.button_inner p a {
			cursor: pointer;
			color: #000;	
			padding: 0;
			border-radius: 5px 5px 0px 0px;	
		}
		
		/*--menu*/
		
		div.nav_wrapper {
			background: #FFF;
			clear: both;
			height: auto;
			display: none;
			margin-bottom: 0px;
			margin: 0;
			overflow-y: hidden;
			padding: 0 0 10px 0;
		}
		
		div.nav_inner,
		#menu {
			clear: both;
			position: relative;
			height: auto;			
		}

		ul.topMenu {
			width: 100%;
			text-align: center;
			position: static;
			margin: 0 0 0 0;
			top: 0;
			right: 0;
			padding: 0;
		}
		
		ul.topMenu li {
			float: none;
			display: block;
			margin: 0 0 0 0;
		}
		
		ul.topMenu li a {
			font-size: 16px;
			padding: 10px 2.5% 10px 2.5%;
			border-bottom: 1px solid #CCC;
		}
		
		ul.topMenu li a.contact {
			padding: 10px 2.5% 10px 2.5%;
		}
		
		#menu {
			padding-top: 0px;
			margin: 0;
			left: 0;
			position: static;
		}
		
		#menu li {
			position: relative;
			display: block;
			float: none;
			float: none;
			display: block;
			margin-left: 0px;
			margin-right: 0px;
			padding: 0px 0px 0px 0px;			
		}
		
		#menu li a,		
		#menu li span.menuItem {
			/*width: 90%;*/
			position: relative;
			display: block;			
			/*color: #FFF;*/
			padding: 10px 2.5% 10px 2.5%;
			margin-right: 0px;						
			height: auto;
			border: none;
			font-size: 16px;		
			text-decoration: none;			
			margin: 0;
			border-bottom: 1px solid #CCC;
		}
		
		#menu li a.test {
			border-bottom: none;
			padding: 10px 2.5% 10px 2.5%;
		}
		
		#menu li a:not(:only-child):not(.btnMenu) {
			width: 95%;
			padding: 10px 2.5%;
			/*background: #00765C;*/
			color: #333;
		}

		#menu li span.menuItem ~ a.btnMenu {
			/*left: 0;*/
			right: 10px;
			/*width: 100%;*/
			border-bottom: none;
		}

		#menu li a.btnMenu {
			position: absolute;
			/*left: 248px;*/
			top: 0;
			right: 10px;
			width: 32px;	
			padding: 0;
			height: 32px;	
			background: none;
			border-bottom: none;			
		}

		#menu li a.btnMenu span,
		#menu li a.btnMenu:hover span	{			
			display: block;
			position: absolute;
			right: 0;
			top: 8px;			
			padding: 0 0 0 0;
			margin: 0px;
			color: #333;
			/*background: #00765C;*/
			cursor: pointer;
			height: 28px;
			width: 28px;
			font-size: 18px;
			line-height: 26px;			
			text-align: center;
			/*font-weight: bold;*/
			z-index: 10;
		}

		#menu li a.btnMenuContract span,
		#menu li a.btnMenuContract:hover span{	
			font-size: 18px;
			line-height: 26px;
			border-bottom: none;
		}		

		#menu li a.btnMenuExpand {			
			display: block;
			border-bottom: none;	
		}

		#menu li a.btnMenuContract {			
			display: none;						
		}

		#menu li ul {
			width: 100%;
			left : 0;
			display: none;
			position : static;			
			box-shadow: none;
			margin: 0px -20px;
			padding: 10px 10px 10px 10px;			
		}

		#menu li ul li {
			float: none;
			padding-left: 0;			
		}

		#menu li ul a {
			width : auto;
			color: #fff;
			border-bottom: none;			
		} 

		#menu li ul a:hover {
			/*background: #b83b27;*/
			color: #FFF;
			border-bottom: none;
		}	

		
		#menu li a:hover,		
		#menu li a.active,
		#menu li a.current,
		#top_menu li a.current {
			border-bottom: none;
			color: #226401;
		}	
		
		/*--slider*/	
		
		.slider-container {
			width: 100%;
			height: auto;
			margin: 0 0 0 0;
			padding: 0;
			/*display: none;*/
		}
		
		#slider,
		div.slide {
			height: auto;
		}
		
		.slider-intro {
			display: none;
		}
		
		.slider-container div.column {
			width: 100%;
			margin: 0 auto;
		}
		
		div.slide,
		div.slide img {
			width: 100%;
		}
		
		#slider a.slide,
		#slider a.slide img {
			width: 100%;
		}
		
		.bx-controls {
			height: 30px;
			margin: -45px 0 0 0;
		}
		
		/*--key areas*/
		
		.ka {
			padding: 20px 0 5px 0;
		}
		
		div.column.service,
		div.column.serviceBig {
			height: auto;
			width: 90%;
			margin: 0 5% 5% 5%;
		}
		
		.service div.twoA,
		.service div.twoB,
		.serviceBig div.twoA,
		.serviceBig div.twoB	{
			width: 100%;
		}
		
		.service div.twoB .kaContent,
		.service div.twoA .kaContent,
		.serviceBig div.twoB .kaContent,
		.serviceBig div.twoA .kaContent,
		.serviceBig div.twoB .kaContent.stab,
		.serviceBig div.twoA .kaContent.cag,
		.serviceBig div.twoA .kaContent.glm,
		.serviceBig div.twoB .kaContent.bs,
		.service div.twoB .kaContent.lsc,
		.service div.twoA .kaContent.wb,
		.service div.twoB .kaContent.feeding,
		.serviceBig div.twoB .kaContent.care,
		.serviceBig div.twoA .kaContent.support,
		.service div.one .kaContent.single {
			padding: 30px 30px 10px 30px;
		}
		
		div.one.service {
			width: 90%;
			margin: 0 5%;
		}
		
		div.one.service p br {
			display: none;
		}
		
		img.so {
			width: 100%;
			margin: 0 0 20px 0;
		}
		
		img.wa {
			width: 100px;
		}
		
		/*--intro*/
		
		.intro {
			padding: 30px 0;
			margin: 0 0 20px 0;
		}
		
		.intro h1 {
			display: block;
			font-size: 24px;
			line-height: 30px;
		}
		
		.intro h2 {
			font-size: 18px;
			line-height: 24px;
			font-weight: 600;
		}
		
		.intro div.twoB {
			display: none;
		}
		
		/*--links*/
		
		.link {
			margin: 0 0 20px 0;
		}
		
		/*.link.pp {
			background-size: 100%;
		}*/
		
		.familyMember {
			margin: 0 0 20px 0;
		}
		
		.familyMember img {
			float: none;
			width: 100%;
			margin: 0 0 20px 0;
		}
		
		/*--gallery*/
		
		.gallery {
			padding: 20px 0;
			margin: 0 0 20px 0;
		}
		
		/*--page title / content*/
		
		.title {
			padding: 15px 0;
			margin: 0 0 0 0;
		}
		
		body#gallery .title {
			margin: 0 0 5px 0;
		}
		
		body#contactthanks .title,
		body#testimonials .title,
		body#cookie-policy .title {
			margin: 0 0 15px 0;
		}
		
		.title h1 {
			width: 90%;
			margin: 0 5%;
			font-size: 24px;
			line-height: 30px;
		}
		
		.column-wrapper.title div.one a {
			width: 90%;
			position: static;
			display: block;
			margin: 10px 5% 0 5%;
			padding: 10px 0;
			text-align: center;
		}
		
		.contactStrip {
			padding: 20px 0;
		}
		
		.contactStrip p {
			width: 90%;
			margin: 0 5%;
		}
		
		.contactStrip p br {
			display: none;
		}
		
		.img-container {
			height: 175px;
			margin: 0 0 20px 0;
		}
		
		.img-container.wwa,
		.img-container.pap,
		.img-container.so,
		.img-container.cu {
			background-size: cover;
		}
		
		p.fp {
			display: block;
		}
		
		.localArea,
		.extras	{
			background-image: none;
			padding: 20px 20px 5px 20px;
		}
		
		.bubble,
		.bubble-right {
			padding: 20px 20px;
		}
		
		body#services-offered p.fp {
			width: 90%;
			margin: 0 5% 20px 5%;
		}
		
		form#quoteForm {
			width: 100%;
		}
		
		form#contactForm {
			width: 90%;
			margin: 0 2.5%;
			padding: 2.5%;
		}
		
		form#contactForm {
			width: 95%;
			margin: 0 0 20px 0;
		}
		
		
		form#contactForm {
			margin: 0 auto 20px auto;
		}
		
		body#contact div.one.thanks {
			margin: 0 auto 20px auto;
		}
		
		form#contactForm input,
		form#contactForm textarea,
		form#contactForm input.button {
			width: 100%;
		}
		
		form#contactForm textarea {
			margin: 0 0 0 0;
		}
		
		h2.find {
			margin: 0 2.5% 20px 2.5%;
		}
		
		.map {
			width: 100%;
		}
		
		/*--contact strip*/
		
		.contactStrip a {
			color: #FFF;
		}
		
		/*--footer*/
		
		div#footer-wrapper {
			padding: 15px 0;
		}
		
		footer h3 {
			margin: 0 0 10px 0;
		}
		
		footer span.tel {
			display: block;
		}
		
		p.SOdescription {
			width: 80%;
			margin: 0 10% 20px 10%;
		}
		
		.terms span {
			display: block;
			margin: 5px 0;
		}
		
	}

	
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
	/* Selectively overriding mobile portrait */

    @media only screen and (min-width: 480px) and (max-width: 812px) {
	
		.links div.twoA {
			width: 380px;
		}
	
		.familyMember img,
		body#broodmares .singleColumn img {
			float: right;
			width: 300px;
			margin: 0 0 20px 20px;
		}
	
		/*.links {
			background: #FF0000;
			text-align: center;
		}
	
		.links div.twoA {
			width: 380px;
			margin: 0 22.5%;
		}
	
		.links .twoA,
		.links .twoB {
			width: 42.5%;
			margin: 0 5%
		}
	
		.links .twoA {
			margin: 0 2.5% 5% 5%;
		}
		
		.links .twoB {
			margin: 0 5% 5% 2.5%;
		}
	
		.link p {
			font-size: 12px;
			line-height: 18px;
		}*/
	
	}