/* Main CSS Document */

body,html,p,h1,h2,h3,h4,h5,h6,ul,li,ol,div,span,input,textarea {
	margin: 0;
	padding: 0;
}

body {
	color: #818285;
	font-family: "proxima-nova", serif, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 100;
	background-color: #fff;
	overflow-y: scroll;
}
.clear {
  	clear: both;
}
img { border: 0; }
a {
	text-decoration: none;
	color: #12b6af;
	cursor: pointer;
}
a:hover { text-decoration: underline; }

p { margin-bottom: 18px; line-height: 1.4em; }
li { margin: 10px 16px 0; }
.floatright { float: right; }


.pagewrap {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto 0;
	position: relative;
	box-sizing: border-box;
}
.pagewrap.wider {
	max-width: 1300px;
}
@media screen and (max-width: 1362px) {
	.pagewrap {
		padding: 0 40px 0;
	}
	.pagewrap.lesspad {
		padding: 0 14px 0;
	}
	.header .pagewrap {
		padding: 0 0 0;
	}
}
@media screen and (max-width: 650px) {
	.pagewrap {
		padding: 0 20px 0;
	}
}

section {
  	min-height: 20px;
  	padding: 40px 0;
}
section.lesspad {
	padding: 20px 0;
}
section.nopad {
	padding: 0;
}
section.grey { background-color: #e6e7e8; }
section.green { background-color: #15b2aa; }
section.orange { background-color: #f07f47; }
section.orange * { color: #ffffff; }

.popup_container {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%; width: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 100;
	display: none;
}
.close_popup {
	position: absolute;
	top: 7px;
	right: 7px;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 30px;
	cursor: pointer;
	transition: all 0.2s;
}
.close_popup:hover {
	opacity: 0.6;
}


/* ===================================================================================================== */
/* ============================================= TOP HEADER BAR ======================================== */
/* ===================================================================================================== */


	.header {

		width: 100%;
		height: 110px;
		background-color: #15b2aa;
		z-index: 10;
		transition: all 0.3s;
		position: relative;

	}
	.header:after {
		background: inherit;
		bottom: -26%;
		content: '';
		display: block;
		height: 50%;
		left: 0;
		position: absolute;
		right: 0;
		/*transform: skewY(-2.5deg);*/
		transform: skewY(0.3deg);
		transform-origin: 100%;
		z-index: -1;
		-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.14);
		-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.14);
		box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.14);
	}
	header a { color: #ffffff; }

	.logo {
		width: 207px;
		position: absolute;
		left: 5px;
		top: 10px;
		transition: all 0.3s;
	}
	.logo.small { display: none; }
	.smaller .logo {
		top: 5px;
		/*margin-left: -57px;*/
		width: 214px;
	}

	.header.fixed {
		position: fixed;
		top: 0px;
	}
	.header.smaller {
		height: 50px;

	}
	.header.smaller .logo { display: none; }
	.header.smaller .logo.small { display: block; }
	.gradient_bg {
		background: #a1ce4f;
		background: -moz-linear-gradient(-60deg, #a1ce4f 40%, #12b6af 60%);
		background: -webkit-linear-gradient(-60deg, #a1ce4f 40%,#12b6af 60%);
		background: linear-gradient(120deg, #a1ce4f 40%,#12b6af 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1ce4f', endColorstr='#12b6af',GradientType=1 );
	}


	/* ========= TOP WHITE TAB ========= */

	.header .label_tab {
		position: absolute;
		top: 0px;
		right: 20px;
		text-align: left;
		width: 247px;
		padding-top: 0px;
		background-image: url('/assets/images/label_tab_lg_02.png');
		background-image: url('/assets/images/label_tab.png');
		background-position: bottom left;
		height: 64px;
	}
	.lt {
		float: left;
		padding-left: 13px;
		box-sizing: border-box;
	}
	.label_tab {
		background-color: #ffffff;
		background-image: url('/assets/images/label_tab.png');
		background-position: top left;
		background-repeat: no-repeat;
		width: 246px;
		height: 74px;
		box-sizing: border-box;
		padding: 5px 5px 0px 5px;
		text-decoration: none !important;
		color: #f07f47 !important;
		text-align: center;
		font-family: "Museo", serif;
		font-weight: normal;
	}
	.smaller .label_tab { display: none; }
	.label_tab span {
		font-size: 30px;
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
		text-decoration: none !important;
		color: #f07f47 !important;
	}	
	.header .label_tab span {
		font-size: 30px;
		margin: 0;
		line-height: 20px;
		vertical-align: top;
	}
	.header .label_tab b {
		font-size: 14px;
		font-weight: normal;
		margin-top: 3px;
		vertical-align: top;
	}
	.label_tab a, .label_tab b {
		color: #f07f47;
		font-size: 14px;
		text-decoration: none;
		margin-top: 0px;
		display: inline-block;
	}
	.label_tab.nobg { background-image: none; width: auto; padding: 7px; }
	.label_tab.nobg span { margin-top: 0px; }
	.label_tab.is_link:hover {
		transition: opacity 0.2s;
		cursor: pointer;
		opacity: 0.9;
	}


	.toplinks {
		position: absolute;
		top: 20px;
		right: 292px;
		font-weight: 400;
	}
	.toplinks a {
		color: #ffffff;
		display: inline-block;
		margin: 0 5px 0;
		font-size: 16px;
	}
	a.social_link {
		background-color: white;
		display: inline-block;
		width:  30px;
		height: 30px;
		border-radius: 15px;
		font-size: 18px;
		color: #15b2aa;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
		transition: all 0.3s;
	}
	a.social_link .fa {
		margin-left: 0px;
		font-size: 16px;
	}
	a.social_link.invert {
		background-color: #15b2aa;
		color: white;
	}
	a.social_link.lg {
		width:  40px;
		height: 40px;
		border-radius: 20px;
		line-height: 40px;
		font-size: 20px;
		margin-top: 5px;
	}
	a.social_link.lg .fa { font-size: 20px; }
	a.social_link:hover {
		opacity: 0.7;
	}
	.header.smaller .toplinks {
		display: none;
	}


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

		.logo {
			left: 15px;
		}

	}




/* ===================================================================================================== */
/* ============================================= /TOP HEADER BAR ======================================= */
/* ===================================================================================================== */



/* ===================================================================================================== */
/* ============================================= NAVIGATION ============================================ */
/* ===================================================================================================== */

	.nav_container {
		float: right;
	}
	.nav_container {
		margin-top: 92px;
		transition: all 0.3s;
	}
	.smaller .nav_container {
		margin-top: 19px;
	}
	.main_nav {
		transition: all 0.3s;
	}
	.main_nav li {
		margin: 0; padding: 0;
		list-style-type: none;
		float: left;
		font-family: "Museo";
		position: relative;
	}
	.main_nav li a {
		display: block;
		padding: 8px 24px;
		font-size: 18px;
		font-weight: 300;
		letter-spacing: 0.5px;
		color: #ffffff;
	}
	.main_nav li a:hover {
		text-decoration: none;
		background: rgba(255,255,255,0.5);
		color: #ffffff;
		transition: all 0.2s;
	}

	.sub_nav {
		background-color: #f07f47;
		padding: 20px;
		color: #ffffff;
		width: 240px;
	  	visibility: hidden;
	  	/* hides sub-menu */
	 	opacity: 0;
	  	position: absolute;
	  	top: 100%;
	  	left: 0;
	  	transform: translateY(-2em);
	  	z-index: -1;
	  	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	}
	.main_nav li:last-child .sub_nav {
		left: auto;
		right: 0px;
	}
	.main_nav li:hover .sub_nav {
		/* shows sub-menu */
		visibility: visible;
		opacity: 1;
		z-index: -1;
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
		/* this removes the transition delay so the menu will be visible while the other styles transition */
	}
	.sub_nav li {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	.main_nav li .subtab1,
	.main_nav li .subtab2 {
		position: absolute;
		left: 24px;
		background-color: #f07f47;
		width: 45px;
		border-radius: 0px 0px 10px 10px;
	}
	.main_nav li .subtab1 {
		height: 22px;
		z-index: -2;
		bottom: -22px;
		transition: all 0.2s;
	}
	.main_nav li .subtab2 {
		position: absolute;
		top: 100%;
		background-color: #f07f47;
		width: 45px;
		height: 16px;
		border-radius: 0px 0px 10px 10px;
	}




	.hamburger_menu {
		position: absolute;
		top: 88px;
		right: -1530px;
		opacity: 0;
		transition: 0.3s all;
		font-size: 32px;
		cursor: pointer;
		color: #ffffff;
	}
	.hamburger_menu.on {
		color: #ffffff;
	}
	.smaller .hamburger_menu {
		top: 14px;
	}
	.nav_container li .fa {
		display: block;
		font-size: 26px;
	}

	.hide_on_wide { display: none; }
	.hide_on_narrow {  }

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

		.hamburger_menu {
			display: block;
			opacity: 1;
			right: 20px;
			z-index: 15;
		}

		.nav_container {
			opacity: 1;
			z-index: 14;
			top: 0px;
			left: 0;
			position: absolute;
			float: none;
			padding-bottom: 0px;	
			overflow: hidden;
			height: 0;
			width: 100%;
		}
		.nav_container.on {
			height: auto;
			padding-bottom: 20px;
		}
		.main_nav, .nav_container {
			background-color: #f07f47;
			margin-top: 0;
		}
		.main_nav {
			margin-left: 70px;
			margin-top: 45px;
			width: 100%;
		}
		.header.smaller .nav_container {
			margin-top: 0px;
		}
		.header.smaller .main_nav {
			margin-top: 25px;
		}
		.main_nav li {
			width: 100%;
		}
		.main_nav li a {
			color: #ffffff;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.main_nav li a:hover {
			background: rgba(255,255,255,0.2);
		}
		.hide_on_wide { display: block; }
		.hide_on_narrow { display: none; }


		/* Cancels all sub-menu dropdown animations: */
		.sub_nav {
			padding: 0px 0 0 14px;
			width: 100%;
		  	visibility: visible;
		 	opacity: 1;
		  	position: relative;
		  	top: auto;
		  	left: auto;
		  	transform: translateY(0);
		  	z-index: inherit;
		  	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
		}
		.main_nav li:hover .sub_nav {
			visibility: visible;
			opacity: 1;
			z-index: inherit;
			transform: translateY(0%);
			transition-delay: 0s, 0s, 0s;
		}


	}

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

		.header .label_tab { display: none; }
		.toplinks {
			right: 14px;
		}

	}
	@media screen and (max-width: 650px) {

		.logo {
			left: 10px;
			width: 147px;
		}
		.label_tab { display: none; }
		.label_tab.nobg { display: block; }

		.toplinks {
			right: 14px;
		}

		.header.smaller .logo {
			left: 2px;
			top: 2px;
			width: 140px;
		}

	}


/* ===================================================================================================== */
/* ============================================= /NAVIGATION =========================================== */
/* ===================================================================================================== */




/* ===================================================================================================== */
/* ============================================= BANNER ================================================ */
/* ===================================================================================================== */


	.banner {
		width: 100%;
		height: 758px;
		height: 880px;
		background-color: #fff;
		position: relative;

		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.slide {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
/*		position: absolute;
		top: 0px;
		left: 0px;*/
	}

	.slide .pagewrap { height: 100%; padding-top: 150px; box-sizing: border-box; }
	.first_section {
		border-top: 122px solid #000;
	}
	.content.first_section {
		padding-top: 80px;
	}
	.first_section.smaller {
		/*border-top: 93px solid #000;*/
	}

	.banner h1 {
		margin-bottom: 0px;
	}

	.move_down {
		position: absolute;
		width: 54px;
		margin-left: -27px;
		left: 50%;
		bottom: 30px;
		color: #ffffff;
		cursor: pointer;
		transition: bottom 0.3s;
	}
	.move_down .fa {
		color: #ffffff;
		font-size: 50px;
		font-weight: lighter;
	}
	.move_down:hover {
		bottom: 20px;
	}	


	.linkhide {}
	.linkshow { display: none; }


	.caption {
		width: 592px;
		height: 238px;
		box-sizing: border-box;
		padding: 28px;
		background-image: url('/assets/images/banner-caption.png');
		background-position: top left;
		background-repeat: no-repeat;
		float: right;
		margin-top: 300px;
	}
	.caption table { width: 100%; margin-top: 20px; }
	.caption table td { vertical-align: bottom; padding: 0; }
	.caption table td:first-child { padding-right: 10px; }
	.caption .btn {	float: right; margin: 0; }
	.caption p { font-size: 22px; margin: 0; line-height: 1.2em; }
	.caption p.doesnt_have_link { font-size: 24px; padding-right: 100px; }
	.caption h1 { font-size: 42px }

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

		.linkshow {
			display: block;
		}

	}

	@media screen and (max-width: 1300px) {
		.linkhide {
			display: none;
		}
	}

	@media screen and (max-width: 760px) {
		.banner {
			height: 600px;
		}
		.caption {
			margin-top: 188px;
			float: none;
			margin: 168px auto 0;
			height: auto;
			background-image: none;
		}
		.caption h1 {
			font-size: 30px;
			line-height: initial;
			min-height: 0px;
		}		
		.caption p { display: none; }
		.caption table .btn {
			/*float: left;*/
			margin-top: 8px;
		}
		.caption table {
			margin-top: 0px;
		}
	}
	@media screen and (max-width: 690px) {
		.banner .pagewrap {
			padding: 150px 0 0;
		}
		.caption {

		}
	}
	@media screen and (max-width: 618px) {
		.caption {
			width: 90%;
			
		}

		.caption p {
			font-size: 18px;
		}
	}
	@media screen and (max-width: 560px) {
		.banner {
			height: 450px;
		}
		.caption {
			bottom: 20px;
			margin-top: 0;
			margin: 0 5% 0;
			position: absolute;
		}

		.caption table td:first-child {
			display: none;
		}
		.caption {
			width: 92%;
			margin: 0 4% 0;
			height: auto;
		}
		.caption h1 {
			min-height: 0;
		}
		.banner .slick-arrow {
			display: none !important;
		}
		.banner .slick-dots {
			bottom: -1px;
		}
	}
	@media screen and (max-width: 380px) {
		.caption h1 {
			font-size: 24px;
		}
		.caption table td {
			display: block;
		}		
		.caption table .btn {
			float: left;
			margin-top: 8px;
		}
	}





/* ===================================================================================================== */
/* ============================================= /BANNER =============================================== */
/* ===================================================================================================== */




/* ================================================================================================= */
/* ============================================= HEADERS =========================================== */
/* ================================================================================================= */

	h1,	h2,	h3,	h4,	h5,	h6 {
	  	font-family: "Museo", "Open Sans", Arial, Helvetica, sans-serif;
	  	color: #15b2aa;
	}
	h3,	h4,	h5,	h6 {
		font-family: "Museo", Arial, Helvetica, sans-serif;
	}
	h1 {
		color: #15b2aa;
		font-size: 48px;
		font-weight: 700;
		text-align: left;
		line-height: 48px;
		margin: 0 0 10px;
	}
	h2, h1.in_content {
		font-weight: 700;
		font-size: 35px;
		color: #15b2aa;
		margin: 0 0 30px;
		text-align: left;
		text-shadow: none;
		line-height: auto;
	}
	h1.in_content {  }
	h2 {
		
	}
	h3 {
		/*color: #a1ce4f;*/
		color: #15b2aa;
		font-size: 32px;
		margin: 0px 0 12px;
		font-weight: bold;
	}
	h4 {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 12px;
	}
	.dayblock h4 {
		color: #fff;
		text-align: right;
	}

	h5 {
		color: #fff;
		font-size: 24px;
		font-weight: normal;
		margin: 0 0 20px;
	}
	h6 {
		font-weight: 500;
		font-size: 14px;
		margin: 0 0 12px;
		color: #818285;
	}
	.dayblock h6 {
		color: #fff;
		opacity: 0.8;
	}
	h6.news {

	}

/* ================================================================================================= */
/* ============================================= /HEADERS ========================================== */
/* ================================================================================================= */






/* ===================================================================================================== */
/* ============================================= CONTENT =============================================== */
/* ===================================================================================================== */

	.pagewrap.padding {
		padding: 20px 40px 20px;
	}
	.full_width_text {
		padding: 0 60px 0;
		text-align: center;
	}
	.full_width_text.small {
		padding: 0 170px 0;
	}
	.full_width_text img {
		max-width: 100%;
	}
	p.intro {
		font-size: 24px;
		font-weight: 500;
		color: #15b2aa;
	}
	.col_container {

	}
	.col {
		display: inline-block;
		box-sizing: border-box;
		margin: 0 2% 0px 0;
		vertical-align: top;
		float: left;
	}
	.alignleft { text-align: left !important; }
	.alignright { text-align: right !important; }
	.aligncentre { text-align: center !important; }
	.col50 {
		width: 50%;
		margin: 0;
	}
	.col50:nth-child(1) {
		padding-right: 40px;
	}
	.col50:nth-child(2n), .col.col33:nth-child(3n), .col:last-child {
		margin-right: 0;
	}
	.col33 {
		width: 33%;
		margin: 0;
	}
	.leftcol {
		float: left;
		width: 66%;
		box-sizing: border-box;
		padding: 0 25px 100px 0px;
	}
	.rightcol {
		float: left;
		width: 34%;
		box-sizing: border-box;
		padding: 0 0px 80px 25px;		
	}

	/* ============== LOCATION LINK: ================ */
	.location_link {
		display: inline-block;
	}
	.location_link:hover { text-decoration: none; }
	.location_link .img {
		display: inline-block;
		background-size: cover;
		border: 7px solid white;
		width: 155px;
		height: 105px;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);

		vertical-align: middle;
		margin-right: 17px;
	}
	.location_link .big_green_box {

		vertical-align: middle;
	}
	.big_green_box {
		display: inline-block;
		background-color: #a1ce4f;
		color: #ffffff;
		height: 54px;
		line-height: 54px;
		text-align: center;
		font-family: "Museo", serif;
		font-size: 33px;
		font-weight: 700;
		width: 282px;
	}
	.big_green_box.off {
		background-color: #ccc;
	}
	.cym .big_green_box {
		font-size: 28px;
	}
	/* ============== /LOCATION LINK ================ */


	.cm_tab { cursor: pointer; }

	.preview_360 {
		height: 308px;
		position: relative;	
		background-position: -150px 70%;
		background-repeat: no-repeat;

		
		background-color: black;
	}
	.preview_360_header {
		position: absolute;
		top: -50px;
		left: 50%;
		margin-left: -159px;
	}


	.wonkybox.preview_360_header {
		width: 318px;
		height: 100px;
		box-sizing: border-box;
		padding: 10px 22px 0;
	}
	.preview_360_header img {
		float: right;
	}
	.preview_360_header h2 {
		float: left;
		line-height: 37px;
	}
	.cym .preview_360_header h2 {
		font-size: 20px;
	}
	.preview_360_header h2 span {
		font-size: 46px;
		display: inline-block;

	}	
	.cym .preview_360_header h2 span {
		font-size: 25px;

	}


	/* ============== WHITEBOX & STITCHING ================ */

	.whitebox {
		background-color: #ffffff;
		padding: 10px;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
		transition: all 0.2s;
	}
	.whitebox.wb360:hover {
		cursor: pointer;
		box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.75);
	}	
	.stitching {
		height: 100%;
		border: 2px dashed #f58235;
		border-radius: 5px;
		padding: 9px;
		box-sizing: border-box;
	}
	.stitching.notop {
		border-top: 0;
	}


	/* ============== WHITEBOX ================ */


	.wonkybox {
		background: white;
		/*position: relative;*/
		width: 400px;
		height: 250px;
		-webkit-clip-path: polygon(0.25% 0, 99.5% 1%, 100% 98%, 0% 100%);
		clip-path: polygon(0.25% 0, 99.5% 1%, 100% 98%, 0% 100%);
	}
	.wonkybox.green {
		background-color: #15b2aa;
	}
	.green h2 {
		color: white;
	}


	.partner_logo {
		display: inline-block;
		height: 65px;
		height: 67px;
		margin: 0 10px 10px;
		/*filter: grayscale(100%);*/
	}
	.partner_logo:hover {
		filter: none;
	}




	/* ============== CONTACT BOX ================ */
	.contact_box {
		width: 100%;
		height: auto;
		position: relative;
		box-sizing: border-box;
		padding: 32px 0 0 20px;
		margin-bottom: 68px;
	}
	.contact_box img {
		position: absolute;
		top: 0px; left: 0px;
		width: 100%;
		z-index: -1;
		
	}
	.contact_box p {
		margin: 0; padding: 0; line-height: auto;
		color: #ffffff;
		font-family: "Museo", serif;
		font-weight: bold;
	}
	.contact_box a {
		color: #ffffff;
	}
	.contact_box p.c1 {
		font-size: 30px;
	}
	.contact_box p.c2 {
		font-size: 44px;
		margin-bottom: 16px;
	}
	.contact_box p.c3 {
		font-size: 16px;
		font-weight: normal;
	}
	@media screen and (max-width: 1360px) {
		.contact_box p.c2 {
			font-size: 34px;
			margin-bottom: 10px;
		}
	}
	@media screen and (max-width: 1190px) {
		.contact_box p.c2 {
			font-size: 28px;
			margin-bottom: 0px;
		}
	}
	@media screen and (max-width: 1080px) {
		.contact_box {
			padding-top: 20px;
		}
		.contact_box p.c2 {
			font-size: 22px;
			margin-bottom: 0px;
		}
		.contact_box p.c3 {
			font-size: 12px;
		}		
	}	
	@media screen and (max-width: 920px) {
		.contact_box {
			display: none;
		}		
	}




	@media screen and (max-width: 890px) {
		.col33 {
			width: 100%;
		}
		.leftcol, .rightcol {
			width: 100%;
			padding-bottom: 40px;
			padding-right: 0;
		}
		.rightcol {
			padding-left: 0;
			padding-bottom: 70px;
		}
	}
	@media screen and (max-width: 750px) {
		.col50 {
			width: 100%;
		}
		.col50:nth-child(1) {
			padding-right: 0px;
		}		
		.location_link {
			margin-bottom: 20px;
		}
		.location_link.last { margin-bottom: 0px; }
	}
	@media screen and (max-width: 560px) {

		.big_green_box, .cym .big_green_box {
			font-size: 26px;
			width: 220px;
		}
		.cym .big_green_box {
			font-size: 20px;
		}

	}
	@media screen and (max-width: 490px) {
		.preview_360 {
			background-position: -150px 70%;
			background-size: cover;
		}

		.big_green_box {
			margin-top: 8px;
		}
		.wonkybox.preview_360_header {
			width: 272px;
			margin-left: -136px;
		}	
		.preview_360_header h2 {
			line-height: 37px;
			font-size: 30px;
		}
		.preview_360_header h2 span {
			font-size: 35px;
			display: inline-block;

		}

		.wonkybox.preview_360_header {
			padding: 10px 4px 0;
		}
		.cym .preview_360_header h2 {
			font-size: 20px;
		}
		.cym .preview_360_header h2 span {
			font-size: 25px;
		}

		.leftcol table td {
			min-width: 100%;
			display: block;
		}

	}	

	@media screen and (max-width: 450px) {
		.location_link .img {
			margin-right: 0;
		}


	}


/* ===================================================================================================== */
/* ============================================= /CONTENT ============================================== */
/* ===================================================================================================== */








/* ===================================================================================================== */
/* ============================================= NEWS GALLERY ========================================== */
/* ===================================================================================================== */


	.news_img_container {

	}
	.news_img_container img {
		width: 100%;
		margin: 0 0 10px;
		box-sizing: border-box;
	}
	.news_img_container.num_imgs_2 img {
		width: calc(50% - 5px);
		height: 300px;
		object-fit: cover;
		float: left;
	}
	.news_img_container.num_imgs_2 img:first-child { margin-right: 5px;	}
	.news_img_container.num_imgs_2 img:nth-child(2) {	margin-left: 5px;	}

	.news_img_container.num_imgs_3 img {
		width: calc(50% - 5px);
		height: 300px;
		object-fit: cover;
		float: left;
	}
	.news_img_container.num_imgs_3 img:first-child { 
		margin-right: 0; margin-left: 0;
		height: 400px;
		width: 100%;
	}
	.news_img_container.num_imgs_3 img:nth-child(2) {	margin-right: 5px;	}
	.news_img_container.num_imgs_3 img:nth-child(3) {	margin-left: 5px;	}


	.news_img_container.num_imgs_4 img {
		width: calc(50% - 5px);
		height: 300px;
		object-fit: cover;
		float: left;
	}
	.news_img_container.num_imgs_4 img:nth-child(2n-1) {	margin-right: 5px;	}
	.news_img_container.num_imgs_4 img:nth-child(2n) {	margin-left: 5px;	}

	.news_img_container.num_imgs_5 img {
		width: calc(50% - 5px);
		height: 280px;
		object-fit: cover;
		float: left;
	}
	.news_img_container.num_imgs_5 img:nth-child(1) {	margin-right: 5px;	}
	.news_img_container.num_imgs_5 img:nth-child(2) {	margin-left: 5px;	}

	.news_img_container.num_imgs_5 img:nth-child(3) {	margin-right: 5px; height: 220px; width: calc(33.3% - 5px);	}
	.news_img_container.num_imgs_5 img:nth-child(4) {	margin-left: 5px; margin-right: 5px; height: 220px; width: calc(33.3% - 10px);	}
	.news_img_container.num_imgs_5 img:nth-child(5) {	margin-left: 5px; height: 220px; width: calc(33.3% - 5px);	}

	.news_img_container.num_imgs_6 img {
		width: calc(33.3% - 5px);
		height: 220px;
		object-fit: cover;
		float: left;
	}
	.news_img_container.num_imgs_6 img:nth-child(1) {	margin-right: 5px;	}
	.news_img_container.num_imgs_6 img:nth-child(2) {	margin-left: 5px; margin-right: 5px; width: calc(33.3% - 10px);	}

	.news_img_container.num_imgs_6 img:nth-child(3) {	margin-left: 5px;	}
	.news_img_container.num_imgs_6 img:nth-child(4) {	margin-right: 5px; 	}
	.news_img_container.num_imgs_6 img:nth-child(5) {	margin-left: 5px; margin-right: 5px; width: calc(33.3% - 10px);	}
	.news_img_container.num_imgs_6 img:nth-child(6) {	margin-left: 5px;	}


	@media screen and (max-width: 800px) {
		.news_img_container.num_imgs_6 img {
			height: 150px;
		}
	}
	@media screen and (max-width: 700px) {
		.news_img_container.num_imgs_5 img {
			height: 150px !important;
		}
		.news_img_container.num_imgs_4 img {
			height: 150px !important;
		}

		.news_img_container.num_imgs_3 img {
			height: 180px;
		}
		.news_img_container.num_imgs_3 img:first-child { 
			margin-right: 0; margin-left: 0;
			height: 270px;
			width: 100%;
		}

		.news_img_container.num_imgs_2 img {
			height: 220px;
		}

	}
	@media screen and (max-width: 530px) {
		.news_img_container.num_imgs_6 img {
			height: 100px;
		}
		.news_img_container.num_imgs_5 img {
			height: 100px !important;
		}		

		.news_img_container.num_imgs_3 img {
			height: 110px;
		}
		.news_img_container.num_imgs_3 img:first-child { 
			margin-right: 0; margin-left: 0;
			height: 200px;
			width: 100%;
		}		
		.news_img_container.num_imgs_2 img {
			height: 160px;
		}		
	}	
	@media screen and (max-width: 400px) {
		.news_img_container.num_imgs_4 img {
			height: 100px !important;
		}		
		.news_img_container.num_imgs_2 img {
			height: 120px;
		}			
	}

/* ===================================================================================================== */
/* ============================================= /NEWS GALLERY ========================================= */
/* ===================================================================================================== */




/* ===================================================================================================== */
/* ============================================= FEATUREBOX ============================================ */
/* ===================================================================================================== */


	.featurebox {
		display: inline-block;
		width: 322px;
	}
	.featurebox .img {
		width: 100%;
		height: 238px;
		border: 18px solid white;
		box-sizing: border-box;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.featurebox .txt {
		padding: 16px;
	}
	.featurebox h3 {
		color: #a1ce4f;
	}
	.featurebox p {
		font-size: 18px;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	@media screen and (max-width: 1160px) {
		.featurebox {
			width: 95%;
		}
	}	

/* ===================================================================================================== */
/* ============================================= /FEATUREBOX =========================================== */
/* ===================================================================================================== */









/* ===================================================================================================== */
/* ============================================= GALLERY SLIDER ======================================== */
/* ===================================================================================================== */


	.slick_container {
		height: 180px;
	}
	.slick-slider .slick-track, .slick-slider .slick-list {
	    height: 100%;
	}	
	.gal_img_outer {
		background: white;
		cursor: pointer;
		overflow: visible;
		outline: none;
		position: relative;
		xpadding: 10px;
		margin: 0 20px 0;
	}
	.gal_img {
		box-sizing: border-box;
		height: 152px;
		border: 14px solid white;
		margin: 5px 0 0;
		
		
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.gal_img:hover {
		cursor: pointer;
		box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.75);
	}		
	.gal_img.whitebox {
		padding: 0;
	}
	@media screen and (max-width: 1300px) {
		.gal_img_outer {
			margin: 0 10px 0;
		}
	}
	@media screen and (max-width: 650px) {
		.slick_container {
			margin: 0 20px 0;
		}
	}


/* ===================================================================================================== */
/* ============================================= /GALLERY SLIDER ======================================= */
/* ===================================================================================================== */








/* ===================================================================================================== */
/* ============================================= FORMS ================================================== */
/* ===================================================================================================== */

	input,textarea,select {
		display: block;
		background: none; border: none;
		background-color: #ffffff;
		box-sizing: border-box;
		border: 1px solid #ccc;
		width: 350px;
		height: 50px;
		outline: none;
		font-size: 20px;
		font-family: "proxima-nova";
		margin: 8px 0 15px;
		padding: 3px 10px 0;
		transition: 0.2s all;
	}
	.standard_form input, .standard_form textarea, .standard_form select {
		border: 1px solid #ccc;
	}
	.form5050 input, .form5050 textarea, .form5050 select {
		width: 170px;
		margin-top: 0;
		display: inline-block;
	}
	.flatpickr-current-month input, .flatpickr-current-month textarea, .flatpickr-current-month select {
		display: inline-block;
	}

	.form5050 input:first-child, .form5050 textarea:first-child, .form5050 select:first-child {
		margin-right: 10px;
	}
	.standard_form textarea { font-size: 13px; font-family: "proxima-nova", sans-serif; }
	input:focus, textarea:focus, select:focus {
		border: 1px solid #15b2aa;
	} 
	textarea {
		height: 80px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	input[type="checkbox"] { height: auto; }
	input.mini {
		width: 30%; 
		margin-right: 5%;
		float: left;
	}
	input.mini:last-child { margin-right: 0; }

	input.invalid, textarea.invalid, select.invalid {
		border: 1px solid #12b6af;
		animation: invalidcolour 2.5s 1;
	}

	select.delivery, input.delivery	 {
		/*background-color: #fff;*/
		background: rgba(255,255,255,0.5);
		border-radius: 0px;
		padding: 2px;
		margin: 0px 0 2px 0px;
		height: auto;
		font-size: 15px;
		
		box-sizing: border-box;

	}

	@keyframes invalidcolour {
	    0%      { background: #12b6af; }
        100%    { background: #fff; }
	}	
	.dual_leg {
		display: none;
	}

	.adv_btn {
		text-align: center;
	}
	.adv_btn span {
		background: none; border: none;
		text-align: center;
		padding: 0 30px 0;
		font-size: 24px;
		color: #ffffff;
		transition: all 0.3s;
		transition: all 0.25s ease;
		cursor: pointer;
		font-weight: 500;
		display: inline-block;
		height: 50px;
		margin: 0 auto 10px;
		outline: none;
		line-height: 50px;
		white-space: nowrap;

		background: transparent;
		border: 2px solid white;
		overflow: hidden;
	}
	.adv_btn:hover span {
		background: white;
		color: #12b6af;
	}	
	.adv_btn.active span {
		color: transparent;
		border-radius: 50%;
		width: 50px;
		padding: 0;
		box-sizing: border-box;
		border-left-color: #5bc2bc;
		animation: rotating 1.5s 0.05s linear infinite;
		
	}
	.adv_btn.active:hover span {
		background: none;
	}
	@keyframes rotating {
	  from {
	    -webkit-transform: rotate(0deg);
	            transform: rotate(0deg);
	  }
	  to {
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg);
	  }
	}	

	button, .btn {
		background: none; border: none;
		background-color: #12b6af;
		text-align: center;
		padding: 0 30px 0;
		font-size: 24px;
		color: #ffffff;
		transition: all 0.3s;
		cursor: pointer;
		font-weight: 500;
		display: inline-block;
		height: 50px;
		margin: 0 auto 10px;
		outline: none;
		line-height: 50px;
		white-space: nowrap;
	}
	button.alt, .btn.alt { background-color: #f07f47; }
	button:hover, .btn:hover {
		background-color: #a1ce4f;
		text-decoration: none;
	}
	button.small, .btn.small {
		height: 34px;
		font-size: 16px;
		line-height: 34px;
	}
	button.tiny, .btn.tiny, .checkout_table button.tiny, .checkout_table .btn.tiny {
		width: 140px;
		height: 24px;
		font-size: 10px;
		padding-top: 2px;
	}
	.btn.selector {
		float: left;
		width: 30%;
		margin: 0 5% 1% 0;
		height: 30px;
		font-size: 14px;
		box-sizing: border-box;
		padding-top: 7px;
		background-color: #ccc;
	}
	.btn.selector.on {
		background-color: #12b6af;
		color: #818285;
	}
	button.inverse, .btn.inverse {
		background: transparent;
		border: 2px solid white;
		color: white;
	}
	button.inverse:hover, .btn.inverse:hover {
		background: white;
		border: 2px solid white;
		color: #12b6af;
	}

	fieldset {
		border: none;
	}
	label, legend {
		display: block;
		font-weight: normal;
		width: 100%;
		font-size: 20px;
		margin: 0 0 8px;
		-webkit-padding-start: 0px;
		-webkit-padding-end: 0px;
	}
	legend {
		margin: 0 0 6px;
	}
	.infolink {
		opacity: 0.8;
		cursor: pointer;
		font-size: 17px;
	}
	.infolink:hover {
		opacity: 1;
	}
	label input[type="checkbox"] {
		width: auto;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
	}
	.accessories label {
		float: left;
		width: 50%;
		overflow: hidden;
		cursor: pointer;
		transition: opacity 0.2s;
	}
	.accessories label:hover, fieldset label:hover, .tabs_right label:hover {
		opacity: 0.6;
	}	
	fieldset label { cursor: pointer; }




/* ===================================================================================================== */
/* ============================================= /FORMS ================================================ */
/* ===================================================================================================== */





/* ===================================================================================================== */
/* ============================================= ENQUIRE FORM ========================================== */
/* ===================================================================================================== */


	.enquire_box {
		background-color: #15b2aa;
		width: 100%;
		height: 432px;
		height: auto;
		padding: 40px;
		box-sizing: border-box;
		position: relative;
	}
	.enquire_box h2 { color: #ffffff; }

	.enquire_box table { width: 100%; }
	.enquire_box table td { vertical-align: top; }
	.enquire_box td.lasttd { width: 29%; }

	.enquire_box.vacancy_page table td {
		width: 50%;
	}
	.enquire_box.vacancy_page input,
	.enquire_box.vacancy_page textarea {
		width: 95%;
	}

	.giraffeimg {
		position: absolute;
		bottom: 90%;
		right: 50px;
		z-index: 3;
	}
	.giraffeimg.small {
		width: 150px;
		bottom: 100%;
	}
	.enquire_box input, .enquire_box textarea, .enquire_box select {
		border-color: white;
	}
	.enquire_box label {
		color: #ffffff;
	}
	.enquire_box textarea {
		height: 174px;
	}

	@media screen and (max-width: 1200px) {
		.enquire_box {
			margin-bottom: 20px;
			height: auto;
		}
		.enquire_box td.lasttd { 
			display: none;
		}
		.giraffeimg {
			width: 150px;
			bottom: 100%;
		}

	}
	@media screen and (max-width: 900px) {
		.enquire_box td { 
			display: block;
			width: 100%;
		}
		.enquire_box input, .enquire_box textarea, .enquire_box select {
			width: 100%;
		}		

		.enquire_box.vacancy_page table td {
			width: 100%;
		}
		.enquire_box.vacancy_page input,
		.enquire_box.vacancy_page textarea {
			width: 100%;
		}		
	}
	@media screen and (max-width: 500px) {
		.enquire_box {
			padding: 30px 20px;
		}
		.giraffeimg {
			width: 75px;
			bottom: 100%;
			right: 10px;
		}
	}


/* ===================================================================================================== */
/* ============================================= /ENQUIRE FORM ========================================= */
/* ===================================================================================================== */








/* ===================================================================================================== */
/* ============================================= 360 VIEWS ============================================= */
/* ===================================================================================================== */


	.big_green_box.is_header {
		margin-bottom: 50px;
	}
	.link_360 {
		height: 240px;
		width: 95%;
		margin: 0 0 36px;
		display: inline-block;
		background-color: #ffffff;
		transition: 0.3s all;
		-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);		
	}
	.link_360:hover {
		cursor: pointer;
		box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.75);
	}	
	.link_360 .img {
		height: 180px;
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.link_360 .txt {
		height: 60px;
		width: 100%;
		padding: 3px 10px 0;
		box-sizing: border-box;
		position: relative;
		text-align: left;

	}
	.link_360 .txt img {
		width: 53px; height: 53px;
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;

	}
	.link_360 .txt h3 {
		margin-bottom: 0;
		display: inline-block;
		vertical-align: top;
		padding-top: 7px;
		color: #a1ce4f;
		font-size: 30px;
	}
	.link_360 .txt h3 span {
		font-size: 18px;
	}
	.link_360 .txt h6 {
		margin-bottom: 0;
		display: inline-block;
		position: absolute;
		bottom: 10px;
		right: 20px;
	}
	/* Different position for Welsh as the text is too long: */
	.cym .link_360 .txt h3 {
		padding-top: 0px;
	}
	.cym .link_360 .txt h6 {
		right: auto;
		left: 90px;
		bottom: 3px;
	}


	.popup_360 {
		position: absolute;
		top: 0px; left: 0px;
		padding: 40px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.popup_360 iframe {
		border: none;
		width: 100%;
		height: 100%;
	}
	.popup_360 .iframeimg {
		max-height: 100%;
		max-width: 100%;
	}

	@media screen and (max-width: 1300px) {
		.link_360 .txt h3 {
			font-size: 22px;
			padding-top: 14px;
		}
		.cym .link_360 .txt h3 {
			padding-top: 4px;
		}
		.link_360 .txt h3 span {
			font-size: 15px;
		}	
		.cym .link_360 .txt h6 {
			left: 70px;
			bottom: 8px;
		}
		.link_360 .txt img {
			margin-right: 0px;
		}
	}	
	@media screen and (max-width: 1060px) {
		.link_360 .txt h6 {
			font-size: 12px;
		}
	}	
	@media screen and (max-width: 1020px) {
		.cols_360 .col50 {
			width: 100%;
		}
	}
	@media screen and (max-width: 560px) {
		.link_360 .txt h3 {
			font-size: 22px;
			padding-top: 6px;
		}		
		.link_360 .txt h6 {
			right: auto;
			left: 68px;
		}
	}
	@media screen and (max-width: 450px) {
		.link_360 .txt h3 {
			font-size: 15px;
		}
		.link_360 .txt h3 span {
			font-size: 14px;
		}
		.cym .link_360 .txt h3 {
			padding-top: 9px;
		}
	}


/* ===================================================================================================== */
/* ============================================= /360 VIEWS ============================================ */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= CHILD'S DAY =========================================== */
/* ===================================================================================================== */


	.dayblock {
		height: 330px;
		margin-bottom: 40px;
		display: block;
	}
	.dayblock.side {
		margin-bottom: 20px;
		height: auto;
		transition: all 0.2s;
	}
	.dayblock.side .txt {
		height: 100%;
		padding-bottom: 30px;
	}
	.dayblock.side:hover {
		opacity: 0.8;
	}
	.dayblock .img {
		width: 48%;
		height: 100%;
		float: left;
		border: 18px solid white;
		box-sizing: border-box;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		z-index: 1;
		transform: rotate(-0.3deg);
	}
	.dayblock .txt {
		float: left;
		box-sizing: border-box;
		background-color: #12b6af;
		color: #ffffff;
		height: 90%;
		width: 52%;
		top: 5%;
		padding: 30px 50px 0 30px;
		position: relative;
		z-index: 0;
	}
	.dayblock.full_width .img { width: 35%; }
	.dayblock.full_width .txt { width: 65%; }
	.dayblock.orange .txt {
		background-color: #f07f47;
	}
	.dayblock.green .txt {
		background-color: #a1ce4f;
	}
	.dayblock.testimonial .txt p { padding: 14px 0 12px; font-style: italic; }

	@media screen and (max-width: 1100px) {
		.dayblock .txt p {
			font-size: 18px;
		}
	}	
	@media screen and (max-width: 860px) {
		.dayblock .txt p {
			font-size: 16px;
		}
		.dayblock.testimonial .txt p {
			font-size: 18px;
		}		
	}	
	@media screen and (max-width: 740px) {

		.dayblock {
			height: auto;
		}
		.dayblock .img {
			width: 100%;
			height: 300px;
		}
		.dayblock .txt {
			top: -1px;
			width: 100%;
			height: 300px;
		}
		.dayblock .txt p {
			font-size: 20px;
		}

		.dayblock.testimonial .txt p {
			font-size: 18px;
		}
		.dayblock.testimonial .img {
			height: 250px;
			width: 100%;
		}
		.dayblock.testimonial .txt {
			height: auto;
			width: 100%;
		}

	}	

/* ===================================================================================================== */
/* ============================================= /CHILD'S DAY ========================================== */
/* ===================================================================================================== */




/* ===================================================================================================== */
/* ============================================= TESTIMONIAL ============================================ */
/* ===================================================================================================== */

	.testimonials_container {
		text-align: center;
		min-height: 220px;
		cursor: pointer;
	}
	blockquote {
		font-size: 1.1rem;
		font-style: italic;
		font-weight: 300;
		color: var(--text_colour_2);
		text-align: center;
		padding: 0px 5em 0;
		margin: 0 auto 20px;
		max-width: 800px;
	}
	.testimonial_slide h5, .testimonial_slide h6 {
		font-family: "proxima-nova", serif, Arial, Helvetica, sans-serif;
		font-style: italic;
	}
	.testimonial_slide h5 {
		margin: 0 0 10px;
	}
	.testimonial_slide h6 {
		margin: 0 0 0px;
	}
	@media screen and (max-width: 850px) {
		.testimonials_container {
			min-height: 220px;
		}		
		blockquote {
			padding: 0px 1em 0;
		}

	}
	@media screen and (max-width: 550px) {
		.testimonials_container {
			min-height: 220px;
		}		
		blockquote {
			padding: 0px 0 0;
		}
	}
/* ===================================================================================================== */
/* ============================================= /TESTIMONIAL ========================================== */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= FOOTER ================================================ */
/* ===================================================================================================== */


	footer {
		font-size: 16px;
		font-weight: 400;
	}
	footer, footer a {
		color: #fff;
	}

	.footer_grass {
		width: 100%;
		height: 79px;
		background-image: url('/assets/images/footer_grass.png');
		background-position: center center;
		background-repeat: repeat-x;
	}

	.footer_body {
		background-color: #a1ce4f;
		height: 240px;
	}

	.foot_right {
		float: right;
		text-align: right;
		padding-top: 25px;
	}
	.foot_left {
		float: left;
		text-align: left;
		padding-top: 25px;
	}
	.footer_body table {}
	.footer_body table td { vertical-align: top; }
	.foot_right td {
		text-align: right;
		padding: 0  0 0 30px;
	}	
	.foot_right td:first-child {
		padding: 0  0 0 0px;
	}

	.footnav {

	}
	.footnav li {
		list-style-type: none;
	}
	.foot_links_horizontal {
		display: none;
		padding: 20px 0 20px;
		text-align: center;
	}
	.foot_links_horizontal .footnav li {
		display: inline-block;
	}

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

		.footer_body {
			height: auto;
		}
		.foot_right {
			max-width: 460px;
		}
	}
	@media screen and (max-width: 730px) {

		.foot_links_horizontal {
			display: block;
		}
		.foot_left {
			display: none;
		}
		.footer_body {
			height: auto;
		}
		.foot_right {
			width: 100%;
			max-width: 1000px;
		}
		.foot_right table {
			width: 100%;
		}
		.foot_right td {
			width: 100%;
			display: block;
			text-align: center;
			padding: 0 0 10px;
		}
		.foot_right td:first-child {
			padding-bottom: 20px;
		}

	}


/* ===================================================================================================== */
/* ============================================= /FOOTER =============================================== */
/* ===================================================================================================== */