@charset "UTF-8";
/* CSS Document */

html {
	overflow-x:hidden;
}

body {
	font-family: 'Droid Serif', serif;
	background: #f5f2f0;
	color: #83572e;
}

.wrapper,
header {
	width: 1000px;
	margin: 0 auto;


}

.error404 {
	height: calc(100vh - 388px);
	display: grid;
	place-items: center;
}

.wpcf7-form-control-wrap.your-email {
    float: right;
}
.screen-reader-response {
	display: none;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
	color: #94c505;
}

h1, h2, h3, h4, h5 {
	font-weight: 400;

}

h1,
.hire_box_text h3 {
	font-size: 40px;
	color: #94c505;
}

h3, h5,
.hire_box_text h3 {
	font-size: 18px;

}


h1, h2, h3, h4, ul, p {
	list-style:none;
	margin:0;
	padding:0;
}

h4 {
	text-transform:uppercase;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 10px;
}

ul li {
	text-transform:uppercase;
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: 700;
}

p {
	line-height: 22px;
	font-size: 16px;
	font-weight:200;
}

a {
	text-decoration: none;
	color: inherit;
	cursor:pointer;
}

a:focus {
	outline: none 0;
}

.left,
.floatleft {
	float: left;
}

.right,
.floatright {
	float: right;
}

.clear {
	clear:both;
}

img {
	max-width: 100%;
}



/************************************
*			header					*
*************************************/
.banner_top {
	width:100%;
	height: 12px;
	background:#94c505;
}

header {
	height: 206px;
}

#social_media {
	width: 52px;
	height: 180px;
	position: fixed;
	right:0;
	top: 218px;
	z-index: 5000;
}

@media only screen and (max-width: 1180px) {
	#social_media { display: none; }
}

.fb_icon,
.em_icon {
	position:relative;
	background: url(../images/fb_background.png) no-repeat;
	height: 88px;
	z-index: 200;
}

.em_icon {
	background: url(../images/mail_background.png) no-repeat;
	margin-top: -15px;
	z-index: 100;
}

.fb_icon img {
	margin: 32px  0 0 23px;
}

.em_icon img {
	margin: 32px  0 0 13px;
}



/************************************
*			nav						*
*************************************/
nav {
	width:100%;
}

.nav_box_left,
.nav_box_right {
	width: 40%;
}

.nav_box_left ul,
.nav_box_right ul {
	margin-top: -10px;
}

.nav_box_right {
	text-align: right;
	margin-left: -20px;
}

.logo_box {
	width:20%;
	padding-top: 20px;
}

.logo_box a img {
	max-width:100%;
	padding-left: 2%;
}


.nav_box_left ul li,
.nav_box_right ul li {
	position: relative;
	display: inline-block;
	margin-top: 90px;
	padding: 14px 8% 10px;
	border-top: 2px solid #e4dad3;
	border-bottom: 2px solid #e4dad3;
}

.nav_box_left ul li:hover,
.nav_box_right ul li:hover,
#sidebar_left ul li:hover {
	color: #94c505;
}




ul li a:hover {
	color: #94c505;
}

nav ul li span {
	background: url('../images/nav_spacer.png');
	position: absolute;
	left: 100%;
	height: 12px;
	width: 12px;
	margin-top:3px;
}

nav ul li:first-child {
	padding-left:0;
}

nav ul li:last-child {
	padding-right:0;
}

.logo_mob {
	position: relative;
	margin: 2% auto;
	width: 20%;
	height: 160px;
	display: none;
}



.logo_mob a {
	cursor: pointer;
	display: inline-block;
	width: 100%;
}

.dropdown {
	position: absolute;
	top: 100px;
	right: 5%;
	display: none;
}

.responsive_menu {
	position: absolute;
	width: 90%;
	right: -100%;
	top: 30%;
	z-index: 5000;
	background: #f5f2f0;
	display:none;
}


.responsive_menu ul li {
	padding:5%;
	border-top: 2px solid #e4dad3;
	text-align: center;
}

.responsive_menu ul li:last-child {
	border-bottom: 2px solid #e4dad3;
}


.responsive_menu ul li ul {
	display: none;
	margin-top: 10px;
}

.responsive_menu ul li ul li,
.responsive_menu ul li ul li:last-child{
	border: none;
	padding: 2%;
	background-color: rgba(0,0,0, 0.08);
}



/********************************************************************************************
 *												HOMEPAGE									*
 ********************************************************************************************/



.cycle-slideshow {
	border: 10px solid #fff;
}

.arrow_left,
.arrow_right {
	position: relative;
	background: url(../images/arrow_back.png) no-repeat;
	bottom: 240px;
    height: 70px;
    left: -36px;
	z-index: 10;
}

@media only screen and (max-width: 1080px) {
	.arrow_left, .arrow_right { display: none; }

}

.arrow_left a,
.arrow_right a {
	outline: none;
}

.arrow_left img {
	margin: 17px 14px;
}

.arrow_right {
	bottom: 317px;
    left: 963px;
}

.arrow_right img {
	margin:17px 36px;
}

.pager_back {
	background: url(../images/pager.png) no-repeat;
	position: relative;
	margin: -4% auto 0;
	z-index: 200;
	height: 50px;
	width: 6.25em;
}

@media  (max-width : 400px) {

	.main_box_left {
		position: absolute;
    	width: 90% !important;
	}



	.home_links {
		padding-top: 40px !important;
	}

	.resolution {
    	width: 35% !important;
	}
}


.cycle-pager {
 	text-align: center; width: 100%; z-index: 600; position: absolute; bottom:-75px; overflow: hidden; height: 100px;
}
.cycle-pager span {
    font-family: arial; font-size: 30px; width: 16px; height: 16px;
    display: inline-block; color: #fff; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #B8DC51;}
.cycle-pager > * { cursor: pointer;}

.main_box_left,
.main_box_right {
	position: relative;
	width: 49%;
	height: 263px;
	margin-top: -126px;
	float: left;
	z-index: 200;
}

.main_box_right {
	float: right;
}

.main_box_top_left,
.main_box_top_right {
	position: relative;
	height: 180px;
	border: 10px solid #fff;
	border-bottom:none;
}

@media only screen and (max-width: 1080px) {
	.main_box_left,
	.main_box_right {
		margin-top: 20px;
	}

}

@media only screen  and (min-width: 700px) and (max-width: 749px) {
	.main_box_left {
		position: absolute;

    	width: 90% !important;
	}
}


@media only screen  and (max-width: 699px) {
	.main_box_left {
		position: absolute;
		width: 90% !important;
	}
}

.main_box_top_left   {
	background: url(../images/campsite_home.jpg) no-repeat center;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.main_box_top_right {
	background: url(../images/reindeer_home.jpg) no-repeat center;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}




.main_box_bottom {
	background: #94c505;
	margin-top: 0;
	height: 0;
	border: 10px solid #86b604;
	border-top: none;
	padding: 6%;

}

.main_box_bottom  p  {
	color: #fff !important;
	font-size: 19px;
	margin-top: -2.5%;
}

.main_box_bottom .right a {
	color: #c9e379 !important;
}

.main_box_bottom .right a:hover {
	color: #83572e !important;
}



/********************************************************************************************
 *											CARAVAN & CAMPING								*
 ********************************************************************************************/
#main_content {
	width: 100%;
	 padding-bottom: 30px;
}

#caravan_banner,
#caravan_banner_reindeer,
.contact_banner {
	position:relative;
	height: 250px;
	/*background: url(../images/caravan_main.jpg) no-repeat center;	*/
	border: 11px solid #fff;
}

#caravan_banner_reindeer {
	background: url(../images/hire_main.jpg) no-repeat center;
}

.banner_caption {
	position: absolute;
	bottom: 0;
	left:0;
	background: #83572e;
	color: #fff;
	width: 17%;
	padding: 2% 2.5%;
	text-align: center;
}

.ccc {
	height: 148px;
	width: 140px;
	position: absolute;
	top: 0;
	right:0;
}

.banner_caption h2 {
	font-weight: 400;
}

.caravan {
	width:24%;
}

#sidebar_left,
#content_right {
	margin-top: 20px;
}

#sidebar_left {
	background: transparent;
	width:29.5%;
}

#sidebar_left ul li {
	padding: 20px 0;
	border-top: 2px solid #e4dad3;
}


#sidebar_left ul li:last-child {
	border-bottom: 2px solid #e4dad3;
}

.signup_top {
	margin-top: 30px;
	height: 283px;
	background: #fff;
	padding: 10px 10px 0;
}

.signup_top_content {
	height: 283px;
	background: #f5f2f0;
	padding: 20px;
}


.signup_top_content p {
	margin-top: 10px;
	line-height: 24px;
}

.signup_top_content img {
	width: 20%;
}


.signup_btm {
	height: 60px;
	background: #86b604;
	padding: 0 10px 10px;
}

.signup_btm_content {
	width: 100%;
	height: 60px;
	background: #94c505;;
}

#content_right {
	width: 68%;
	background: -webkit-linear-gradient(#fff, #f5f2f0 70%);
  	background: -o-linear-gradient(#fff, #f5f2f0 70%);
  	background: -moz-linear-gradient(#fff, #f5f2f0 70%);
 	background: linear-gradient(#fff, #f5f2f0 70%);
	background: -prefix-linear-gradient(top, #FFF, #f5f2f0 70%);
}

#content_right a {
	color: #94c505;
}

.content_right_text {
	padding: 6%;
}

.content_right_text h2 {
	margin: 20px 0 -25px 0;
	color: #94c505;
}


.content_right_text h3,
.content_right_text p   {
	line-height: 32px;
    margin-top: 30px;
}

.content_right_text h3 {
	margin-bottom: -25px;
}

.content_right_text h5 {
	margin-bottom: -10px;
}

.content_right_text ul li:before {
	content:"\002022";
	color: #94c505;
	padding-right: 10px;
}

.content_right_text ul li {
	font-size: 16px;
	text-transform:inherit;
	font-weight: 400;
	margin-top: 25px;
	letter-spacing:0px;
	list-style-position:inherit;
}

.content_right_text ul li:first-child {
	margin-top: 30px;
}

.content_right_images {
	padding: 0 6%;
}

.content_right_images ul li {
	display: inline-block;
	padding-left:1.8%;
	max-height: 188px;
	max-width: 48%;
}

.content_right_images ul li:first-child {
	padding:0;
}




/************* FORM ***********/

.signup_top_content input {
	font-family:inherit;
	border: medium none;
    color: #83572e;
    margin: 10px 0;
    padding: 10px;
    width: 92%;
	cursor: pointer;
}

.signup_btm_content input[type="submit"] {
	font-family: 'Droid Serif', serif;
	background: transparent;
    border: medium none;
    color: #fff;
    font-size: 18px;
	font-weight: 100;
    line-height: 62px;
    width: 100%;
}

.signup_btm_content input[type="submit"]:hover {
	color: #83572e;
}


.form_message p {
	margin: 10px 0;
	color: #86b604;
	text-align: center;
}

.form_box_main {
	display: none;
}

.form_box_side {
	display: block;
}


/********************************************************************************************
 *											CONTACT PAGE									*
 ********************************************************************************************/

.contact_banner {
	position: relative;
	padding-bottom: 25.2%;
	height: 0;
	overflow: hidden;
}

.contact_banner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.contact_main {
	position: relative;
	background: linear-gradient(#fff, #f5f2f0 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 100%;
	height: auto;
	margin-top: 20px;
	overflow: auto;
}

.contact_main h1 {
	font-size:26px;
}

.contact_main p {
	line-height: 30px;
}

.contact_main p a {
	color: #94c505;
}

.contact_main p a:hover {
	color: #83572e;
}

.contact_left {
	position: relative;
	width: 32%;
	padding: 30px 0 30px 30px;
}

.contact_right {
	position: relative;
	height: auto;
	overflow: auto;
	width: 52%;
	z-index: 600;
	padding: 30px 30px 30px 0;

	div.wpcf7 {
		display: block;
		position: relative;
		margin: 0 30px 0 0;

		p {
			span {
				input, textarea {
					display: block;
					width: 100%;
				}
			}
		}
	}
}

.contact_right input {
	margin: 20px 0;
    padding: 17px;
    width: 216px;
}

.contact_right .tel input {
	margin: 0 0 20px 0;
    padding: 17px;
    width: 93.5%;
}

.contact_right textarea {
	padding: 17px;
	width: 94%;
	height: 270px;
}

.contact_right input,
.contact_right textarea {
	border: none;
	background-color: rgba(245, 242, 240, 1);;
	color: #83572e;
	font-weight: 400;
	resize: none;
}

.contact_right input[type=submit] {
	background: #94c505;
	border: 10px solid #86b604;
	color: #fff;
	padding: 10px;
    width: 165px;
}

.contact_right input[type=submit]:hover {
	color: #83572e;
}


/********************************************************************************************
 *											OTHER PAGES										*
 ********************************************************************************************/
.hire_box {
	overflow:hidden;
	height: 188px;
	margin-top: 10px;
	padding:0 6%;
}

.hire_box_img {
	height: 100%;
	width: 31%;
}

.hire_box_img img {
	max-width: 100%;
}

.christmas_hire {
	background: url(../images/hire_christmas.jpg) no-repeat center;

}

.wedding {
	background: url(../images/hire_wedding.jpg) no-repeat center;

}

.hire_box_text {
	background: #ECEAE7;
	padding: 5%;
	padding: 5% 5% 6.5%;
    width: 58%;
}

.hire_box_text p {
	font-size: 15px;
	margin-top: 5px;
}

.hire_box_text p a {
	color: #94c505;
}

.hire_box_text p a:hover {
	color: #83572e;
}

.call_to_action {
	padding:2% 6% 5%;
	text-align: center;
}

/************************************
*			footer					*
*************************************/
footer,
.footer_home {
	position:relative;
	height: 130px;
	width: 100%;
	background: #83572e;
	color: 	#f5f2f0;

}

.footer_wrapper {
	width: 1000px;
	margin:0 auto;
}


.silhouette01 {
	position:absolute;
	height:130px;
	width: 246px;
	max-width: 100%;
	left:3%;
	bottom:150px;
}

.silhouette02 {
	position:absolute;
	height:182px;
	width: 222px;
	max-width: 100%;
	right:4%;
	bottom:150px;
}

@media only screen and (max-width: 1450px) {
	.silhouette01, .silhouette02 { display: none; }
}

footer img {
	margin-top: 20px;
	max-width: 100%;
}

footer p,
.footer_footer p {
	font-size: 14px;
}

footer p span,
.footer_footer p span {
	color: #94c5d5;
	padding:0 18px;
}

footer a,
.footer_footer a {
	outline: none 0;
}

footer a:hover,
.footer_footer a:hover {
	color: #94c505;
}

.margin_top25 {
	padding-top: 110px;
}

/************************************
*		footer	homepage			*
*************************************/

.footer_home {
    height: 520px;
    margin-top: -73px;
    padding-top: 60px;
}

.sil_home {
	bottom: 580px;
}


.footer_home_box {
	margin-top: 30px;
	width: 49%;
}

.camping_box {
	width: 49%;
	text-align: center;
	padding-top: 30px;
}

.camping_box_retina {
	width:60px;
	margin: 0 auto;
}

.camping_box_retina img{
	max-width: 100%;
}

.camping_box p {
	border-top: 2px solid #492C09;
	border-bottom: 2px solid #492C09;
	padding: 10px 0;
}

.margin_less_03{
	margin-top: -3px;
}


.img_padding {
	margin-top: -5px;
}

.img_padding img {
	padding-bottom: 5px;
}

.footer_home_box a {
	color: #93C705;
}

.footer_home_box a:hover{
	color: #fff;
}

.footer_home_box a.whitefoot {
	color: #fff;
}

.footer_home_box a.whitefoot:hover{
	color: #93C705;
}

.home_links {
	display:block;
	padding: 40px 0;
}

.footer_footer {
	margin-top: 40px;
}

.footer_footer p {
	margin-top:-60px;
}

.footer_footer_res,
.footer_contact {
	width: 100%;
	display: none;
	margin-top: 380px;
    text-align: center;
    width: 100%;
}

.footer_footer_res {
	margin-top: 200px;
}

.footer_footer_res p,
.footer_contact p {
	padding-bottom: 20px;
}

.footer_footer_res p span {
	margin: -8px 0 0 20px;
	display: none;
}

.footer_footer_res a {
	outline: none 0;
}

.footer_footer_res a:hover {
	color:#94c505;
}

.footer_footer_res img,
.footer_contact img {
	max-width:100%;

}

.resolution {
    	width: 7%;
	}

.hp_resolution img{
	margin-top: -100px;
}

.footer_logo_retina {
    margin: -10px auto 0;
    padding: 10px 0;
    width: 200px;
}
}


/********************************************************************************************
 *											MEDIA QUERIES									*
 ********************************************************************************************/

@media only screen  and (min-width:801px) and (max-width: 1050px) {
	.wrapper,
	header,
	.footer_wrapper	{
		width:98%;
		margin:0 auto;
		oveflow-x: hidden;
	}

	.footer_contact {
		margin-top: 420px;
	}

	.contact_right input, .contact_right textarea {
		background-color: rgba(245, 242, 240, 1);
		width: 92%;
		clear:both;
		margin: 10px auto;
	}

	.contact_right {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    width: 100%;
}

	.contact_res {
		margin-top: 55px;
	}

	.contact_right input[type=submit] {
		margin-right: 4%;
	}

	.resolution {
    	width: 6% !important;
	}



	.res_footer_contact p {
		text-align: center;
	}

	header,
	.footer_footer,
	.pager_back  {
		display: none;
	}


	.banner_caption {
		width: 28%;
	}

	.banner_caption h2 {
		font-size:20px;
	}

	#content_right,
	#sidebar_left {
		width: 100%;
	}

	.hire_box {
		height: 168px;
		padding: 0 0 0 4%;
	}

	.hire_box_img {
		width: 20%;
	}

	.hire_box_text {
		width: 62%;
		padding-bottom: 5.5%;
	}

	#sidebar_left {
		text-align: center;
	}

	.contact_left {
    padding: 30px 0 30px 30px;
    position: relative;
    width: 98%;
	box-sizing: border-box;
	}

	footer {
		height: auto;
		padding-bottom: 20px;
		margin-top: 20px;
	}

	.footer_home {
		height: 600px;
	}

	.footer_footer_res,
	.footer_contact,
	.logo_mob,
	.dropdown {
		display: block;
	}



	.form_box_side {
		display: none;
	}

	.resolution,
	.hp_resolution {
		margin:0 auto;
	}

	.signup_top_content img {
		margin-top: 10px;
		width: auto;
	}

	.floatright {
		float:left;
	}

	.form_box_main {
		display: block;
		margin: -50px 0 0 -11px;
		position: relative;
		z-index: 500;
		padding-top: 20px;
	}

	.signup_top,
	.signup_btm {
		width: 83%;
		margin: 0 auto;
	}

	.signup_top {
		margin-top: 50px;
	}


}


@media only screen  and (max-width: 800px)  {


	body {
		overflow-x: hidden !important;
	}

	.res_footer_contact {
		width: 100%;
		display: block;
		margin-top: 380px;
		width: 100%;
		padding-top: 10% !important;
	}


	.res_footer_contact p {
		text-align: center;
	}

	.wrapper,
	header,
	.footer_wrapper {
		width:90%;
		margin:0 auto;
	}

	.contact_wrapper_res {
		margin-top: 40px;
	}

	.contact_banner {
		padding-bottom: 40%;
	}

#homepage_main {
		margin-top: 20px;
	}

	.logo_mob {
		width: 100%;
	}

	.logo_mob img {
	display: block;
	max-width: auto;
	max-height: 85%;
	margin: 0 auto;
}

	.dropdown {
		top: 75px;
	}

	.main_box_bottom p,
	.camping_box p {
		font-size: 14px;
	}

	h4 {
		font-size: 14px;
	}

	.footer_home_box left {
		margin: 0;
	}

	.footer_home_box right h4 {
		margin-top: 20px;
	}

	.contact_left {
    padding: 30px 0 30px 30px;
    position: relative;
    width: 98%;
	}

	.contact_left p {
		max-width: 90%;
	}

	.contact_right {
   		box-sizing: border-box;
		margin: 0 auto;
		padding:0 30px 30px;
		position: relative;
		width: 100%;
	}


	.contact_right input, .contact_right textarea {
		background-color: #F0EAE6;
		width: 92%;
		clear:both;
		margin: 10px auto;
	}


	.resolution {
    	width: 6% !important;
	}

	header,
	.footer_footer,
	.content_right_images,
	.hire_box_img,
	.pager_back
	{
		display: none;
	}

	.hire_box {
		padding: 0 0 0 4%;
	}

	.banner_caption {
		width: 28%;
	}

	.banner_caption h2 {
		font-size:18px;
	}

	#content_right,
	#sidebar_left {
		width: 100%;
	}

	.hire_box_text {
		width: 85%;
	}

	#sidebar_left {
		text-align: center;
	}


	.footer_home {
		height: 600px;
	}

	.footer_home_box {
		width: 100%;
	}

	.footer_footer_res,
	.logo_mob,
	.dropdown {
		display: block;
	}

	footer,
	.footer_home {
		height: 55%;
	}





	.main_box_left,
	.main_box_right {
		width: 100%;
	}

	.main_box_left {
		position: relative;
		width: 100% !important;
	}


	.signup_top_content img {
		margin-top: 10px;
		width: auto;
	}

	.resolution {
		margin:-100px auto 0;
		width: 35% !important;
	}

	.hp_resolution {
		margin: 60px auto 0;
	}
	.resolution {
    	width: 35% !important;
	}
	.contact_right input[type="submit"] {
		margin-right: -8px;
	}

	.floatright {
		float: left;

	}

	.form_box_side {
    display: none;
}

	.form_box_main {
		display: block;
		margin: -80px auto;
		position: relative;
		z-index: 500;
		padding: 20px 0 0;
	}

	.signup_top,
	.signup_btm {
		width: 86%;
		margin: 0 auto;
	}

	.signup_top {
		margin-top: 50px;
	}

	.contact_right .tel input {
		margin: 12px 0 20px 0;
			padding: 17px;
			width: 92%;
	}


}



@media (min-width:500px) and (max-width: 749px) {
	.footer_contact {
		display: block;
		padding-top: 200px;
		margin-top: 400px;
	}

	.contact_right input[type="submit"] {
		margin-right: -8px;
	}




}

@media (min-width:400px) and (max-width: 499px) {
	.footer_contact {
		display: block;
		padding-top: 269px;
		margin-top: 400px;
	}
	.contact_right input[type="submit"] {
		margin-right: -8px;
	}

	.resolution {
    	margin:100px auto 0;
		width: 35% !important;
	}

	.form_box_main {
		display: block;
		margin: -80px auto -180px;
		position: relative;
		z-index: 500;
		padding: 20px 0 0;
	}




}


@media (max-width: 399px)  {
	.footer_contact {
		display: block;
		padding-top: 0;
		margin-top: 200px;
	}

	.contact_right input[type="submit"] {
		margin-right: -15px;
	}

	.resolution {
    	margin:200px auto 0;
		width: 35% !important;
	}

	.form_box_main {
		display: block;
		margin: -80px auto -200px;
		position: relative;
		z-index: 500;
		padding: 20px 0 0;
	}
}