body, #wrapper, #body, #body > div {
	width: 100%;
}

.fixwidth {
	max-width: 1757px;
	margin: 0 auto;
}

/* buttons */

.b11kbtt {
	display: inline-block;
	padding: 17px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0;
	color: white;
	transition: 1s;
	border: 1px solid #fff;
	line-height: 16px;
	font-family: 'HelveticaLight';
	cursor: pointer;
}

.b11kbtttrans:hover {
	background-color: #36BAAD;
}

.btn {
	color: #8B2818;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .5px;
	border: 1px solid #8B2818;
	height: auto !important;
	padding: 7px 14px;
	display: inline-block;
	font-family: 'HelveticaLight';
}

.b11kbttgreen {
	border: 0;
	background: #36BAAD;
}

.b11kbttgreen:hover {
	background: #fff;
	color: #36BAAD;
}

.b11kbttbrown {
	border: 0;
	background: #36BAAD;
}

.b11kbttbrown:hover {
	background: #000;
}

.b11kbttwhite {
	border: 0;
	background: #fff;
	color: #0b474b;
}

.b11kbttwhite:hover {
	background: #0b474b;
	color: white;
}

@media only screen and (max-width:600px) {
	.b11kbtt {
		padding: 12px 45px 12px 45px;
	}
}

/* end buttons */

/* titles */

.b11kh1title {
	width: 100%;
	padding-left: 4.7%;
	font-size: 30px;
	line-height: 40px;
	font-family: "RamillasRegular";
	font-weight: 100;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.b11kh2title {
	width: 100%;
	padding-left: 5%;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 100;
	line-height: 24px;
	text-transform: uppercase;
	font-family: 'HelveticaLight';
}

.b11kh4title {
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 12px;
	font-size: 35px;
	letter-spacing: 2px;
	font-weight: 100;
	line-height: 35px;
	font-family: 'HelveticaLight';
	text-transform: uppercase;
	text-align: left;
}

.titlewhite, .textwhite {
	color: #fff;
}

.titlegreen {
	color: #36BAAD;
}

.titlebrown {
	color: #66491B;
}

.b11kh1title.botpad {
	padding-bottom: 7vh;
}

.titleblue {
	color: #0b474b;
}

.titlewhite {
	color: #fff;
}

/* end titles */

/* text box */

.txtblock {
	font-size: 16px;
	line-height: 24px;
}

/* end text box */

#enquirebtn {
	width: 237px;
	cursor: pointer;
	transition: 1s;
}

.listitembox {
	cursor: pointer;
}

wrapper {
	padding: 0 100px;
}

@media screen and (max-width: 1400px) {
	.b11kh1title {
		line-height: calc(0.01944 * 100vw + 43px);
		font-size: calc(0.01944 * 100vw + 28px);
	}

	.b11kh2title {
		line-height: calc(0.01944 * 100vw + 4px);
		font-size: calc(0.01944 * 100vw);
	}

	.b11kh4title {
		line-height: calc(0.01944 * 100vw + 17px);
		font-size: calc(0.01944 * 100vw + 17px);
	}
}

@media screen and (max-width: 1000px) {
	.b11kh1title {
		line-height: calc(0.01944 * 100vw + 23px);
		font-size: calc(0.01944 * 100vw + 13px);
	}

	.b11kh2title {
		line-height: calc(0.01944 * 100vw);
		font-size: calc(0.01944 * 100vw);
	}
}

@media screen and (max-width: 650px) {
	.b11kbtt {
		font-size: 25px;
		line-height: 30px;
	}

	.b11kbtt {
		font-size: 25px;
		line-height: 30px;
	}

	.txtblock {
		line-height: calc(0.01944 * 100vw + 11px);
		font-size: calc(0.01944 * 100vw + 8px);
	}

	#enquirebtn {
		display: none;
	}

	.b11kh2title {
		line-height: calc(0.01944 * 100vw + 10px);
		font-size: calc(0.01944 * 100vw + 5px);
	}
}

@media screen and (max-width: 450px) {
	.b11kbtt {
		font-size: 20px;
		line-height: 25px;
	}
}
