/*--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;
	}

ol, ul {
	list-style: none;
	}

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

div.twoA ul li {
	list-style: disc;
}
	
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: 'PT Serif', serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Anton', sans-serif;
	margin: 0 0 20px 0;
	/*font-weight: 700;*/
	}

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

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

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

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

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

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

p {
	margin: 0 0 20px 0;
}

a {
	color: #0c5702;
	text-decoration: none;
}	

a:hover {
	text-decoration: underline;
}

/*--Page*/

div#page-wrapper {

}

/*--Header*/

#header_wrapper {
	margin: 0;	
	height: 196px;
	padding: 0px;
	/*background: rgba(0, 0, 0, .6);*/
	position: relative;
	z-index: 99;
}

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

a#logo {
	width: 300px;
	height: 86px;
	position: absolute;
	top: 40px;
	left: 0px;
}

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

a#logo img {
	width: 100%;
}

p.contactInfo {
	padding: 0;
	position: absolute;
	right: 0px;
	top: 70px;
	margin: 0;
	text-align: right;
}

p.contactTel {
	display: none;
}

p.contactInfo a {
	text-transform: none;
}

p.contactInfo span {
	display: block;
}

.socialMedia {
	position: absolute;
	top: 40px;
	right: 0px;
	margin: 0;
}

.socialMedia a {
	color: #FFF;
	color: #0c5702;
}

.fab {
	font-size: 20px;
	margin: 0 0 0 10px;
}

a:hover .fab {
	opacity: .8;
}

/*--Nav*/

div.nav_wrapper {
	display: block;
	position: relative;
	z-index: 100;
}

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

#menu {
	position: absolute;
	top: 160px;
	left: 5px;
}

#menu li {
	float: left;
	display: block;
}

#menu li a,
#menu li span.menuItem {
	position: relative;
	display: block;
	font-size: 16px;	
	line-height: 16px;
	/*font-weight: 600;*/
	color: #000;
	background: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}

#menu li a.contact {
	padding: 10px 0 10px 10px;
}

/*#menu li a.home {
	padding: 2px 15px 2px 15px;
}*/

#menu li a:hover,
#menu li a.active,
#menu li a.current {
	color: #0c5702;
}

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

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

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

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

#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;
}

/*--SubNav*/

.subNav {
	background: #fbac19;
	padding: 20px 0;
	margin: 0 0 30px 0;	
}

.subNav h3 {
	color: #000;
	text-transform: uppercase;
}

.subNav h3,
.subNav ul li h3 {
	margin: 0 0 10px 0;
	padding: 0 20px;
	
}

.subNav li h3 {
	padding: 0;
}

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

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

.subNav li {
	padding: 0;
}

.subNav li a {
	display: block;
	padding: 5px 20px 7px 20px;
	text-decoration: none;
	color: #000;
	-webkit-transition: background 0.7s;
	-moz-transition: background 0.7s;
	-o-transition: background 0.7s;
	transition: background 0.7s;
}

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

/*--Responsive Nav*/	

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

div.button_inner p {
	display: none;
}

/*--slider header - img-container*/

.slider-container {
	height: 200px;
	/*margin: 0 0 60px 0;*/
	visibility: hidden;
	position: relative;
}

.img-container,
.img-container.glamping,
.img-container.plough,
.img-container.stables,
.img-container.kingfisher {
	height: 500px;
	position: relative;
	margin: 0 0 40px 0;
	background: #000 url(images/glamping_pods_at_night.jpg) no-repeat top center;
	background-size: cover;
}

.img-container.glamping {
	height: 250px;
	background: #000 url(images/little_kelk_glamping_pods.jpg) no-repeat center center;
	background-size: cover;
}

.img-container.plough {
	height: 250px;
	background: #000 url(images/plough_cottage.jpg) no-repeat center center;
	background-size: cover;
}

.img-container.stables {
	height: 250px;
	background: #000 url(images/the_stables.jpg) no-repeat center center;
	background-size: cover;
}

.img-container.kingfisher {
	height: 250px;
	background: #000 url(images/kingfisher_corner.jpg) no-repeat center center;
	background-size: cover;
}

.overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .4);
	z-index: 90;
}

#slider  {
	/*height: 500px;*/
}

#slider div.slide {
	/*height: 40px;
	background: #CCC;*/
}

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

a.bx-prev,
a.bx-next  {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 0px;
	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%;
	text-align: center;
	margin: -20px auto 0 auto;
	padding: 0;
	z-index: 99;
	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;
	border: 2px solid #FFF;
	margin: 0 5px;
	outline: 0;
	background: #CCC;
	border-radius: 10px;
}

div.bx-pager-item a.active, 
div.bx-pager-item a:hover {
	background: #0c5702;
}

/*--homepage testimonials*/

.testimonials {
	/*background: #EEE;*/
	color: #999;
	padding: 0 0;
	margin: 0 0 40px 0;
	text-align: center;
}

.testimonials h2 {
	color: #0c5702;
	font-size: 24px;
	line-height: 30px;
}

.testimonials h3 {
	margin: 0 0 10px 0;
	font-style: italic;
}

.testimonials div.one {
	margin: 0;
}

/*--Content*/

p.description {
	margin: -10px 0 10px 0;
}

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

.singleColumn {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
	
.singleColumn h2 {
	font-weight: 300;
	font-size: 24px;
	line-height: 30px;
}	

.singleColumn ul {
	margin: 0 0 20px 0;
}
	
div.one {
	margin-bottom: 40px;
}	

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

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

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

.fourA,
.fourB,
.fourC,
.fourD {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
}
		
.fourD {
	margin: 0 0 0 0;
}

.slider-intro-container {
	position: relative;
}

.slider-intro {
	width: 100%;
	position: absolute;
	top: 156px;
	left: 0px;
	z-index: 95;
	color: #FFF;
	padding: 0px;
	/*text-align: center;*/
}

body#glamping-pods .slider-intro,
body#plough-cottage .slider-intro,
body#the-stables .slider-intro,
body#kingfisher-corner .slider-intro {
	top: 60px;
}

.slider-intro img {
	height: 65px;
	margin: 0 0 30px 0;
}

.slider-intro h1 {
	font-size: 60px;
	line-height: 60px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.slider-intro p {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

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

a:hover.button {
	background: #0a4602;
	color: #fff;
}
		
.sidebarRightMain {
	width: 580px;
	margin: 0 60px 60px 0;
	float: left;
}

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

div.clear {
	clear: both;
}

/*--title*/

.title {
	/*background: #000 url(images/glamping_pods_at_night.jpg) no-repeat top center;
	background-size: cover;
	background: #0c5702;*/
	background: #000;
	color: #FFF;
	padding: 20px 0;
	margin: 0 0 30px 0;
	/*text-align: left;*/
}

body#glamping-pods .title,
body#plough-cottage .title,
body#the-stables .title,
body#kingfisher-corner .title {
	margin: 0 0 0 0;
}

.title h1 {
	margin: 0;
}

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

.column-wrapper.title div.column img {
	position: absolute;
	right: 0;
}

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

.singleImage {
	width: 100%;
	display: block;
	margin: 0 0 30px 0;
}

/*--intro*/

.intro {
	text-align: center;
	padding: 0;
	margin: 0 0 40px 0;
}

.intro h2 {
	font-size: 36px;
	line-height: 48px;
	color: #0c5702;
}

.intro h3 {
	font-size: 24px;
	line-height: 30px;
	color: #0c5702;
}

body#plough-cottage .intro h2,
body#the-stables .intro h2,
body#kingfisher-corner .intro h2 {
	font-size: 18px;
	line-height: 24px;
}

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

body#glamping-pods .intro div.one p,
body#plough-cottage .intro div.one p,
body#the-stables .intro div.one p,
body#kingfisher-corner .intro div.one p {
	margin: 0 0 20px 0;
}

/*--holiday*/

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

.holidays div.twoA,
.holidays div.twoB {
	width: 450px;
	margin: 0 40px 0 0;
}

.holidays div.twoB {
	margin: 0;
}

.holidays a:hover {
	opacity: .8;
}

/*--whats on - homepage*/

.about {
	background: #0c5702;
	color: #FFF;
	padding: 40px 0 5px 0;
	margin: 0 0 40px 0;
	position: relative;
}

.about h2 {
	font-size: 36px;
	line-height: 48px;
}

.about h2 a {
	color: #FFF;
	text-decoration: none;
}

.about p {
	font-size: 13px;
	line-height: 17px;
}

img.map {
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
}

.gallery {
	text-align: center;
}

.gallery h3 {
	font-size: 24px;
	line-height: 30px;
	color: #0c5702;
}

.whatsAbout img {
	float: right;
	margin: 0 0 40px 40px;
}

/*--cottages page*/

a.cottage {
	background: #EEE;
	min-height: 430px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
}

a.cottage img {
	width: 100%;
}

a.cottage div.details {
	padding: 15px 20px 2px 20px;
}

a.cottage h2 {
	color: #0c5702;
}

a:hover.cottage {
	background: #0c5702;
	color: #FFF;
}

a:hover.cottage h2 {
	color: #FFF;
}

/*--cottage page gallery*/

.galleryBlock div.threeA {
	margin: 0 20px 20px 0;
}

.galleryBlock div.threeB {
	margin: 0 20px 20px 0;
}

.galleryBlock div.threeC {
	margin: 0 0 20px 0;
}

.galleryBlock a {
	display: block;
}

.galleryBlock a:hover {
	opacity: .8;
}

.galleryBlock img {
	width: 100%;
	margin: 0 0 20px 0;
}

/*--cottage page prices*/

.prices {
	text-align: center;
}

.prices h2 {
	color: #0c5702;
}

table#prices {
	margin: 0 0 20px 0;
}

table#prices td {
	border: solid 1px #CCC;
	padding: 10px;
}

/*--glamping pods*/

.pod .threeA,
.pod .threeB,
.pod .threeC {
	margin-bottom: 20px;
}

.pod h3 {
	color: #0c5702;
}

p.sum {
	margin: 0 0 10px 0;
	font-weight: 700;
}

.pod .threeA img.main {
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
}

.podPics img {
	width: 47.5%;
	margin: 0 1.25% 10px 1.25%;
	float: left;
}

.pod .threeC ul {
	margin: 0 0 20px 30px;
}

.pod .threeC ul li {
	list-style: disc;
	margin: 0 0 5px 0;
}

/*--Pod Accordian*/

.podList {
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	margin: -2px auto 0 auto;
}

.podList.active {
	display: block;
}

.podList h2 {
	background: #0c5702 url(images/arrow_expand.png) no-repeat 908px;
	padding: 10px 40px 10px 20px;
	font-size: 18px;
	color: #FFF;
	line-height: 24px;
	margin: 0;
	cursor: pointer;
	/*text-transform: uppercase;*/
	text-align: left;
}

.podList-closed h2 {
	border-bottom: none;
	background: #0c5702 url(images/arrow_collapse.png) no-repeat 908px;
	text-align: left;
}

.podListBody {
	display: none;
	padding: 20px 0 0px 0;
	/*border-bottom: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;*/
	text-align: left;
}

.podList-closed .podListBody {
	display: block;
}

.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 #0c5702;	
	background-repeat: no-repeat;
	background-position: 110px center;
	background-color: #0c5702;
	color: #FFF;
}

.data-button:hover {
	background-color: #0a4602;
	border-color: #0a4602;
	text-decoration: none;
}

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

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

/*--clear fix*/

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

.cf:after {
    clear: both;
}

/*--contact form*/		

form#contactForm {
	width: 500px;
	height: auto;
	margin: 0 auto 0 auto;
}

form#offersForm {
	display: block;
	float: left;
}

form#contactForm input,
form#offersForm input {
	padding: 5px;
	width: 100%;
	height: 40px;
	margin: 0px 0px 20px 0px;
	border: none;
	box-shadow: none;
	border: 1px solid #CCC;
}

form#offersForm input {
	width: 585px;
	padding: 0;
	margin: 0 13px 0 118px;
	padding: 0 10px;
}

form#contactForm textarea {
	width: 100%;
	height: 152px;
	box-shadow: none;
	border: none;
	margin: -20px 0 0 0;
	border: 1px solid #CCC;
}

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

form#contactForm input.button,
form#offersForm input.button {
	width: 100%;
	clear: both;
	border: none;
	height: 40px;
	display: block;
	text-align: center;
	color: #FFF;
	margin: 20px 0 0 0;
	padding: 0 20px;
	text-decoration: none;
	background-color: #0c5702;
	font-size: 14px;
	font-family: 'PT Serif', serif;
	font-weight: 400;
}

form#offersForm input.button {
	width: auto;
	display: inline-block;
	margin: 0;
	background-color: #526674;
}

label {
	clear: both;
	padding: 0 0 5px 0;
	display: block;
	color: #333;
	text-align: left;
}

label.error {
	color: #e21b1f;
	margin: -5px 0 0 0;
}

form#offersForm label.error {
	color: #FFF;
	margin: 10px 0 0 0;
}

form#contactForm .message label.error {
	margin: 0;
}

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

/*--map*/

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

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

footer h3 {
	margin: 0 0 0 0;
}

footer a {
	color: #829580;
}

.SOdescription {
	color: #999;
}

div#address.one {
	margin: 0;
}

footer div.one {
	margin: 0 0 0 0;
}

footer .socialMedia {
	top: 0;
}

footer .socialMedia a {
	color: #FFF;
}

span.tel {
	margin: 0 20px;
}

div.column-wrapper.terms {
	padding: 20px 0;
}

div.one.terms {
	margin: 0;
}

.terms p {
	margin: 0;
}

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

/* `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: #677f91;
  text-transform: uppercase;
  color: #FFF;
  text-shadow: none;
  padding: 5px 10px;
  font-size: 14px;

  /* 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,
		div.nav_inner,
		div.button_inner,
		div.column,
		footer,
		ul#menu,
		div.one,
		div.twoA,
		div.twoB,
		div.threeA,
		div.threeB,
		div.threeC,
		div.fourA,
		div.fourB,
		div.fourC,
		div.fourD,
		div.sidebarRightNav,
		div.sidebarRightMain,
		div.sidebarRight,
		.slider-container	{
			float: none;
			width: 100%;
			clear: both;
			margin: 20px auto;
		}
		
		div.sidebarRightMain,
		div.sidebarRight,
		body#holiday-cottages div.threeA,
		body#holiday-cottages div.threeB,
		body#holiday-cottages div.threeC,
		div.one.singleColumn,
		.intro div.one,
		div.one.gp,
		div.one.whatsAbout,
		div.twoA,
		div.twoB,
		.intro div.twoA,
		.intro div.twoB,
		div.one.casestudies,
		.galleryBlock {
			width: 90%;
			margin: 0 5% 20px 5%;
		}

		.whatsAbout img {
			float: none;
			margin: 0 0 20px 0;
			width: 100%;
		}
		
		.podList h2 {
			background-position: 98%;
		}
		
		/*.galleryBlock img {
			margin: 0 0 0 0;
		}*/
		
		.galleryBlock div.threeA,
		.galleryBlock div.threeB,
		.galleryBlock div.threeC {
			margin: 0 0 0 0;
		}
		
		.intro div.one {
			margin: 0 5% 0 5%;
		}
		
		ul#menu {
			margin: 0 auto 0 auto;
		}
		
		div.one.singleColumn h2 br,
		div.one.singleColumn p br {
			display: none;
		}
		
		header,
		div.nav_inner,
		div.button_inner,
		ul.menu {
			margin: 0px auto;
		}
	
		/*--header*/
	
		#header_wrapper {
			height: auto;
			padding: 0px;
			margin-bottom: 0px;
		}
		
		a#logo {
			width: 250px;
			left: 10px;
			top: -82px;
			z-index: 999;
		}
		
		p.contactInfo {
			display: none;
		}
		
		p.contactTel {
			display: block;
			position: absolute;
			top: -113px;
			right: 10px;
			font-weight: 600;
			color: #FFF;
			margin: 0;
		}
		
		.socialMedia {
			top: -83px;
			right: 10px;
		}
		
		.fab {
			margin: 0 0 0 10px;
		}
		
		div.button_wrapper,
		div.button_inner {
			height: 92px;
			padding: 0px;
			margin: 0;
			/*background: #000;*/
		}
		
		div.button_inner p {		
			display: inline;
			position: absolute;
			right: 10px;
			top: 60px;
			z-index: 99;
			margin: 0;
			/*display: none;*/
		}
		
		div.button_inner p a span {
			background: #0c5702;
			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 0 0;
		}
		
		div.nav_inner,
		#menu {
			clear: both;
			position: relative;
			height: auto;			
		}
		
		#menu {
			/*padding-top: 6px;*/
			margin: 1px 0 1px 0;
			left: 0;
			position: static;
			/*background: #e21b1f;*/
		}
		
		#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 br {
			display: none;
		}
		
		#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 #FFF;*/
		}

		#menu li a.home,
		#menu li a.cu {
			padding: 5px 2.5% 5px 2.5%;
		}
		
		#menu li a.contact	{
			padding: 10px 2.5% 10px 2.5%;
			border-bottom: none;
		}
		
		#menu li a:not(:only-child):not(.btnMenu) {
			width: 95%;
			padding: 10px 2.5%;
			/*color: #FFF;*/
		}

		#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: #FFF;
			background: #00765C;*/
			cursor: pointer;
			height: 28px;
			width: 28px;
			font-size: 14px;
			line-height: 22px;			
			text-align: center;
			/*font-weight: bold;*/
			z-index: 10;
		}

		#menu li a.btnMenuContract span,
		#menu li a.btnMenuContract:hover span{	
			font-size: 14px;
			line-height: 22px;
			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 a.home, #menu li a.cf {
			padding: 10px 10px 10px 10px;
		}
		
		#menu li ul li {
			float: none;
			padding-left: 0;			
		}

		#menu li ul a {
			width : auto;
			color: #000;
			border-bottom: none;
			text-align: center;	
		} 

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

		
		#menu li a:hover,		
		#menu li a.active,
		#menu li a.current {
			border-bottom: 1px solid #FFF;
			color: #333;
		}	
		
		/*--slider / img-container*/	
		
		.slider-container {
			width: 90%;
			padding: 0 0 20px 0;
			margin: 0 5%;
			/*background: #000;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;*/
		}
		
		.img-container,
		.img-container.glamping,
		.img-container.plough,
		.img-container.stables,
		.img-container.kingfisher {
			height: 150px;
			margin: 0 0 0 0;
		}
		
		.img-container div.column {
			margin: 0;
		}
		
		#slider {
			/*display: none;*/
		}
		
		.slider-container div.column {
			width: 100%;
		}
		
		#slider,
		#slider div.slide {
			width: 100%;
			height: auto;
		}
		
		#slider div.slide img {
			height: auto;
			display: block;
		}
		
		.slider-intro-container {
			width: 100%;
		}	
		
		.slider-intro {
			width: 90%;
			margin: 0 5%;
			padding: 0;
			top: 45px;
			left: 0;
		}
		
		.slider-intro h1 {
			font-size: 24px;
			line-height: 30px;
			margin: 0 0 0 0;
		}
		
		.slider-intro h2 {
			position: static;
			font-size: 14px;
			line-height: 22px;
		}
		
		.slider-intro h2 br {
			display: none;
		}
		
		.slider-intro p {
			display: none;
		}
		
		/*--content*/
		
		.intro {
			padding: 20px 0 0 0;
			margin: 0 0 20px 0;
		}
		
		.intro div.column {
			margin: 0 auto;
		}
		
		.intro h2 {
			width: 90%;
			margin: 0 5% 10px 5%;
			font-size: 18px;
			line-height: 24px;
		}
		
		.intro p br {
			display: none;
		}
		
		.singleImage {
			margin: 0 0 20px 0;
		}
		
		.holidays {
			padding: 20px 0 20px 0;
		}
		
		.holidays div.column {
			margin: 0 auto;
		}
		
		.holidays div.twoA,
		.holidays div.twoB {
			width: 90%;
			margin: 0 5%;
		}
		
		.holidays div.twoA {
			margin: 0 5% 5% 5%;
		}
		
		.holidays div.twoA img,
		.holidays div.twoB img {
			width: 100%;
		}
		
		.about {
			padding: 20px 0 10px 0;
			margin: 0 0 20px 0;
		}
		
		img.map {
			display: none;
		}
		
		.about div.column,
		.about div.one {
			margin: 0 auto;
		}
		
		.about div.one {
			width: 90%;
		} 
		
		.about h2 {
			font-size: 24px;
			line-height: 30px;
		}
		
		.about p br {
			display: none;
		}
		
		.title {
			padding: 5px 5% 10px 5%;
			margin: 0 0 10px 0;
		}
		
		.title div.column {
			margin: 0;
		}
		
		.title h1 {
			font-size: 24px;
			line-height: 30px;
		}
		
		div.one.intro {
			width: 95%;
			margin: 0 2.5%;
		}
		
		p.contact {
			padding: 15px 15px;
		}
		
		.intro h2 br {
			display: none;
		}
		
		.yw {
			width: 100%;
			padding: 20px 0 10px 0;
		}
		
		.service div.twoA,
		.service div.twoB {
			width: 100%;
		}
		
		.service div.twoA img,
		.service div.twoB img {
			width: 100%;
		}
		
		div.column.service {
			width: 90%;
			margin: 0 5% 20px 5%;
			height: auto;
		}
		
		div.column.serviceSingle {
			margin: 0;
		}
		
		div.column.serviceSingle div.one {
			width: 78%;
			margin: 0 5% 0 5%;
			height: auto;
			padding: 20px 6%;
		}
		
		.service div.twoB .kaContent.yk,
		.service div.twoB .kaContent.dr,
		.service div.twoA .kaContent.bm,
		.service div.twoA .kaContent.hl,
		.service div.twoB .kaContent.br,
		.service div.twoA .kaContent.hg,
		.service div.twoB .kaContent.slh,
		.service div.twoA .kaContent.bah,
		.service div.twoB .kaContent.bc,
		.service div.twoA .kaContent.yb,
		.service div.twoB .kaContent.nl,
		.service div.twoA .kaContent.tlnr,
		.service div.twoB .kaContent.ncw,
		.service div.twoA .kaContent.hm,
		.service div.twoB .kaContent.fc,
		.service div.twoA .kaContent.sl,
		.service div.twoB .kaContent.dg,
		.service div.twoB .kaContent.ww,
		.service div.twoA .kaContent.cw	{
			padding: 20px 20px 0 20px;
		}
		
		body#default p.credit {
			margin: 0 0 20px 0;
		}
		
		p.credit {
			margin: 0 0 10px 0;
		}
		
		h2.find {
			padding: 0 0 0 10px;
		}
		
		/*--form*/
		
		.contact {
			padding: 10px 0 0 0;
		}
		
		.contact div.column {
			margin: 0 0 0 0;
		}
		
		.contact h2 {
			margin: 0;
		}
		
		.contact div.twoA {
			width: 100%;
			margin: 0 0 0 0;
		}
		
		.contact div.twoB {
			width: 100%;
			margin: 0;
		}
		
		form#contactForm,
		form#contactForm input,
		form#offersForm input,
		label,
		form#contactForm textarea,
		form#contactForm input.button,
		form#offersForm input.button	{
			width: 100%;
		}
	
		form#offersForm input {
			margin: 0 0 10px 0;
		}
	
		form#contactForm,
		form#offersForm	{
			margin: 0 0 0 0;
			width: 90%;
			padding: 20px 5%;
		}
		
		/*--contact page*/
		
		.map {
			width: 100%;
			margin: 0;
		}
		
		/*--logos*/
		
		.logos {
			padding: 20px 0;
		}
		
		.logos div.column,
		.logos div.one {
			margin: 0 0 0 0;
		}
		
		.logos img {
			height: 35px;
			margin: 0 8px 10px 8px;
		}
		
		/*--signup*/
		
		.signup {
			padding: 20px 0 0 0;
		}
		
		.signup .column {
			margin: 0;
		}
		
		.signup p {
			float: none;
			width: 95%;
			margin: 0 2.5% 0 2.5%;
			text-align: center;
		}
		
		/*form#offersForm input {
			width: 100%;
		}*/
		
		/*--footer*/
		
		div#footer-wrapper {
			width: 100%;
			padding: 20px 0 20px 0;
		}
		
		footer {
			width: 95%;
			padding: 0;
			margin: 0 2.5%;
			text-align: center;
		}
		
		footer img {
			width: 25%;
		}
		
		footer h3 {
			font-size: 18px;
			line-height: 24px;
		}
		
		footer .socialMedia {
			clear: both;
			position: static;
			margin: 0 0 10px 0;
		}
		
		footer p.SOdescription {
			margin: 0 0 10px 0;
		}
		
		span.tel {
			display: block;
			margin: 5px 0;
		}
		
		/*div.column-wrapper.terms {
			padding: 0;
			margin: 0;
			text-align: center;
		}
	
		.terms div.column {
			margin: 10px 0;
		}
	
		div.column-wrapper.terms p {
			font-size: 12px;
			line-height: 18px;
		}*/
	
		.terms p 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) {

		.slider-intro {
			top: 170px;
		}
		
    }