@charset "UTF-8";


@font-face {
	font-family: 'hilde-sharp';
	src: url('../fonts/Hilde.eot');
	src: local('☺'), url('../fonts/Hilde.woff') format('woff'), url('../fonts/Hilde.ttf') format('truetype'), url('../fonts/Hilde.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



html{
	background-color: white;
}


body {
  margin-left: auto;
  margin-right: auto;
}
.spatitle {
  color: #ec008c;
}

#HeaderCont {
  background-color: #969696;
  border-bottom: medium solid #767676;
  float: left;
  margin-bottom: 5px;
  padding:15px 0 8px;
  position: relative;
  text-align: center;
  width: 100%;
}
.slider {
  float: left;
  position: relative;
  width: 100%;
}

#name {
  float: left;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

	#title {
  float: left;
  font-family: "bookmania",serif;
  font-size: 40px;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 100%;
}
	#headtitle {
  color: #ffffff;
  float: left;
  line-height: normal;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}

	#spatitle {
  color: #ec008c;
  display: inline-block;
  float: none;
  margin-bottom: 0;
  margin-top: 0;
}

#phone {
  color: #ffffff;
  float: left;
  font-family: "ingra",sans-serif;
  font-size: 25px;
  text-align: center;
  width: 100%;
}

	#AskVet{
	width: 160px;
	height: 90px;
	position: absolute;
	left:0;
	bottom: 0px;
	
		}

	#ohh{
	width: 190px;
	height: 100px;
	position: absolute;
	bottom: 0px;
	right: 0px;
		}


#PeopleCont {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}

	#PeopleCentre {
  font-family: "ingra",sans-serif;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}


		#careers{
	width: 150px;
	height: 60px;
	margin-left: 178px;
	float: left;
	text-align: center;
	vertical-align: middle;
			}

#socialVets{
	width: 70px;
	height: 60px;
	float: left;
	margin-left: 10px;
}


  		 

	#vets{
		width: 400px;
		height: 60px;
		float: left;
		margin-left: 10px;	
			}

			

.nameHolder {
  display: inline-block;
  margin-left: 0px;
  text-align: center;
  width: 50px;
}
#nameVetBottom{
				height: 8px;
				width: 400px;
				margin-left: 0px;
				margin-top: 2px;
				font-size: 8px;
}


.teampics{
				margin-left: 13px;
				height: 40px;
				width: 40px;

}
#vets {
  float: left;
  height: 60px;
  margin-left: 10px;
  width: 60%;
}

#vets > ul {
    padding:0;
	margin:0;
}
#vets li {
  display: inline-block;
  list-style: outside none none;
  text-align: center;
  width: 46px;
}
#vets li span {
  font-size: 8px;
}
#vets img {
  margin: 0;
}

/* #vets li  a {
  background: #ec008c none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin: 0 6px;
  width: 40px;
} */
			

#groomers {
  float: right;
  height: 60px;
  margin-left: 0;
  text-align: right;
  width: auto;
}
.grom-inr {
  float: left;
  width: auto;
}

	#socialSpa {
  float: left;
  height: 60px;
  margin-left: 10px;
  width: 70px;
}
			

			
  #nameOtherBottom{
	  height: 8px;
	  width: 160px;
      margin-top: 2px;
      font-size: 8px;
      clear: left;
	  color: #ec008c;}
	

		
#NavCont {
  background-color: #969696;
  border-bottom: medium solid #767676;
  border-top: medium solid #767676;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  position:relative;
}

nav{
	width: 100%;
	height: 35px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

		/*	.icon:link{
				text-decoration: none;
				/* removes the underline on the hyperlinks 
				background-color: ghostwhite;
				color: hsla(305,76%,64%,1.00);
				text-align: center;
				width: 105px;
				height: 30px;
				line-height: 30px;
				display: inline-block;
				margin-left: 13px;
				border: 1px ridge #C8C8C8;
				font-family: montserrat;
				font-style: normal;
				font-size: 7px;
						}
			.icon:visited{
				text-decoration: none;
				border: 1px ridge #C8C8C8;
			}
			.icon:active{
				text-decoration: none; 

			}
			.icon:hover{
				text-decoration: none; 
				color: #333030;
			}*/

		.icon {
	border: none;
	cursor: pointer;
	text-decoration: none;
	color: white;
		}


		.dropdown {
	position: relative;
	display: inline-block;
	width: 12%;
	float:left;
	font-family: "ingra",sans-serif;
	font-size: 15px;
	text-align: center;
	line-height: 15px;
	margin-top: 10px;
		}

		.dropdown-content {
	display: none;
	position:absolute;
	background-color: #f9f9f9;
	min-width: 120px;
	margin-left: 13px;
	box-shadow: 0px 8px 16px 0px hsla(305,76%,64%,0.2);
	z-index: 1;
	margin-top: 0px;
		}

		.dropdown-content a {
			color: #676767;
			text-decoration: none;
			display: block;
			font-family: "ingra",sans-serif;
			font-size: 12px;
			line-height: 30px;
			text-align: center;
		}

		.dropdown-content a:hover {background-color: hsla(305,76%,64%,0.07)}

		.dropdown:hover .dropdown-content {
			display: block;
		}

		.dropdown:hover .icon {
			background-color: #969696;
			color: lightgrey;
		}



#imageholder{
	background-color: hsla(0,0%,97%,1.00);
	height: 460px;
	width: 1150px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}

#mainBackground {
    float: left;
    position: relative;
    width: 100%;
}

#mainHolder {
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#specialOffers{
	height: 1500px;
	float: left;
	margin-right: 1%;
	width: 29%;
	margin-top: 52px;
}
#mainBackground #about_title {
  float: left;
  height: 100%;
  line-height: 39px;
  width: 100%;
}
.promises{
	width: 100%;
	height: 170px;
	margin-top: 87px;
	padding-top: 0px;
	margin-bottom: 397px;
}

#Content{
	width: 100%;
	float: left;
	font-family: "proxima-nova",sans-serif;
	color: #656565;
	font-weight: 200;
	font-size: 15px;
	text-align: justify;
}

.contentHomePage{
	width: 98%;
	height: 300px;
	margin-top: 10px;
	border: thin solid #C92C9A;
	margin-left: 1%;
}


footer {
  background-color: #666666;
  border-bottom: medium solid #5b5b5b;
  border-top: medium solid #5b5b5b;
  clear: both;
  float: left;
  height: 100%;
  margin-top: 10px;
  padding: 30px 0;
  width: 100%;
}

#rushdenVets{
	width:100%;
	float:left;
	margin-left: auto;
	margin-right: auto;
}

.footerLinks{
	display: block;
	width: 100%;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

.abc{
	width: 25%;
	float:left;
	float: left;
	text-align: left;
	color: hsla(0,0%,100%,1.00);
	font-family: ingra;
	font-size: 14px;
	line-height: 17px;
	
	
}
footer .abc h3 {
  color: #ffffff;
  font-family: "proxima-nova",sans-serif;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 23px;
  padding-bottom: 18px;
  position: relative;
  text-transform: uppercase;
}
footer .abc h3::before {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 90px;
}
footer .abc p {
  font-family: "proxima-nova",sans-serif;
  font-size: 14px;
  line-height: 26px;
}
footer .abc li {
  font-size: 14px;
  line-height: 26px;
  font-family:"proxima-nova",sans-serif;
}
footer .abc i {
  margin-right: 10px;
}
footer .abc li::before {
  content: "✓";
  font-family: font Awesome;
  margin-right: 10px;
}
footer .abc ul {
  padding-left: 0;
}
	.abc a:link, .abc a:visited {
	color: white;
	text-decoration: none;
	}

	.abc a:hover, .abc a:active {
		text-decoration: none;
		color: lightgrey;
	}














#welcome_new_clients{
	float: left;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-top: 8px;
}

#outisde_rushden_vets{
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 25px;
}

h1{
	font-family: "proxima-nova",sans-serif;
	font-weight: 800;
	font-size: 31px;
	color: black;
	text-align: center;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-shadow: 0px 0px;
}

.caring_vets {
  font-family: "hilde-sharp",sans-serif;
  font-size:27px;
  font-weight: 200;
  line-height: 30px;
  margin: 10px 0;
  padding: 0;
}

.caring_vets a:link, .caring_vets a:visited{
	text-decoration: none;
	color: #e95ddd;
}

.caring_vets a:hover, .caring_vets a:active{
	text-decoration: none;
	color: #ec008c;
}

.list{
	text-align: justify;
	padding-left: 50px;
	color: black;
	list-style-position: outside;
	line-height: 33px;
	font-size: 15px;
	font-weight: 400;
	list-style-type: lower-roman;
}

#welcome {
  float: left;
  margin-bottom: 70px;
  width: 100%;
}

#USP {
  background-color: #e9e9e9;
  float: left;
  padding: 0 10px;
  width: 100%;
}
#interior {
  background-color: #e9e9e9;
  float: left;
  padding: 0 10px;
  width: 100%;
}
#welcome #USP {
  margin-bottom: 30px;
}
#open_hours {
  float: left;
  margin-bottom: 30px;
  width: 100%;
}
.hours{
	height: 100%;
	float: left;
	background-color: rgba(233,233,233,1.00);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 2%;
	text-align: center;
}
#open_hours .hours:nth-child(1) {
  margin: 0;
}

#times{
	width: 66%;
}

#offer{
	width: 32%;
	height: 100%;
}
#open_hours .hours {
  min-height: 326px;
}
table{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

th{
	color: #656565;
	font-weight: 800;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
}

td{
	color: #656565;
	font-weight: 200;
	text-align: center;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	line-height: 20px;
	font-size: 17px;
}

#parking {
  color: #03750D;
  float: left;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 50px;
  text-align: center;
  width: 100%;
}

.parking_map {
  background-color: #e9e9e9;
  float: left;
  height: 100%;
  margin-left: 2%;
  min-height: 365px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 32%;
}
.parking_map:nth-child(1) {
  margin-left: 0;
}

figurecaption {
  color: #e95ddd;
  float: left;
  font-size: 17px;
  margin-top: 16px;
  text-align: center;
  width: 100%;
}

h2{
	text-align-last: center;
	font-family: "ingra",sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 17px;
	color: #EC008C;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
	padding-bottom: 7px;
}

.video{
	width: 31%;
	height: 215px;
	display: inline-block;
	margin-left: 10px;
	margin-top: 21px;
	border-top: medium solid #545454;
	border-bottom-color: #545454;
	border-bottom-style: solid;
	padding-top: 6px;
}

.video_holder{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.toggle-menu {
  background: #222222 none repeat scroll 0 0;
  cursor: pointer;
  display: none;
  padding: 5px;
  right: 10px;
  top: 0;
  width: 36px;
  z-index:111;
}
.toggle-menu span {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    float: none;
    font-size: 0;
    height: 2px;
    line-height: normal;
    margin: 5px 0;
    width: 100%;
}
.container {
  margin: 0 auto;
  max-width: 1150px;
  width: 100%;
}
.imageholder {
  float: left;
  position: relative;
  width: 100%!important;
  max-width:100%!important;
}

.toggle-menu {
    position:absolute;
    right: 0;
    top: 0;
    transition: all 1s ease 0s;
}
#NavCont .main-menu.click_menu .dropdown {
  width:100%;
}
.toggle-main {
  background: #222222 none repeat scroll 0 0;
  float: left;
  height: 38px;
  width: 100%;
}
footer .abc a:hover {
  color: #e95ddd;
}
.toggle-main {
  display: none;
}
#mainBackground #mainHolder .home_head {
  font-size:23px;
}
#welcome #USP .list.home-list {
  float:none;
}

#USP .img-left {
    float: left;
    width: 49%;
}
#USP .charly_right {
    float: left;
    width: 48%;
}

#USP .img-left img {
  height: auto;
  max-width: 100%;
}
.ipad_display {
  display: none;
  float: left;
  width: 100%;
}