@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
/**********************************************************************************
UI Styling
**********************************************************************************/
:root {
	--color-brand-primary: #7AC448;
	--color-brand-accent: #43A652;
}


.ui_hidden{
	display: none!important;
}
.form-alert{
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid;
	margin: 0 0 15px 0;
	text-align: center;
	width: 360px;
	color: #FFF;
}
	.form-alert.alert-error{
		background-color: #DF4238;
	}
	.form-alert.alert-success{
		background-color: var(--color-brand-accent);
	}
.form-input-alert{
	padding-left: 10px;
	padding-bottom: 5px;
}
	.form-input-alert.top-margin{
		margin-top: 5px;
	}
	.form-input-alert .fa{
		color: #DF4238;
	}
@media print{
	.main-bg{
		background: #FFF!important;
	}
	.main{
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		box-shadow: none!important;
	}
	.main .top-bar{
		display: none;
	}
	.main .top-image-slider{
		display: none;
	}
	.title-section{
		position: relative!important;
		margin-top: 0!important;
	}
	footer{
		display: none!important;
	}
}
body{
	font-family: 'Open Sans', sans-serif;
	background: #f0f0f0;
}
.main-bg{
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed!important;
	background-size: cover!important;
	background-color: rgb(248, 248, 248);
	opacity: 0.9;
}
.main{
	position: relative;
	margin: 0 auto;
	width: 1020px;
	background: #FFF;
	-webkit-box-shadow: 0px 3px 17px -2px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 3px 17px -2px rgba(0,0,0,0.50);
	box-shadow: 0px 3px 17px -2px rgba(0,0,0,0.50);

}
.lnk-green{
	color: #44A652!important;
}
.btn-block{
	display: block;
}
.btn-green{
	background: var(--color-brand-accent);
	color: #FFF!important;
	padding: 6px 15px 6px 15px;
	border: 1px solid var(--color-brand-accent);
	border-radius: 5px;
	text-align: center;
}
	.btn-green.btn-green-large{
		padding: 20px;
		border-radius: 5px;
		display: block;
		font-size: 16px;
	}
	.btn-green.btn-green-medium{
		padding: 15px;
		border-radius: 5px;
		display: block;
		font-size: 16px;
	}
	.btn-green:hover{
		color: #FFF;
		background: #59be63;
		border: 1px solid #59be63;
	}
a{
	text-decoration: none;
	color: inherit;
}
	a:hover,a:visited,a:focus{
		text-decoration: none;
		color: inherit;
	}
.inline{
	display: inline-block;
	vertical-align: top;
}
.page-title{
	font-size: 25px;
	color: #4EAB5A;
	margin: 0 0 30px 0;
}
.no-results{
	font-size: 25px;
	color: #48A555;
	text-align: center;
	margin: 25px 0 0 0;
}
.page-title-main{
	background: url(images/search-bg.jpg) no-repeat;
	background-position: center bottom;
	background-position-y: -200px;
	padding: 180px 0 30px 0;
	margin-top: -80px;
}
	.page-title-main .ptm-title{
		position: relative;
		border-left: 5px solid var(--color-brand-accent);
		padding: 20px;
		color: #FFF;
		font-size: 30px;
		padding-left: 50px;
		bottom: 0;
		z-index: 1;
	}
	.page-title-main .ptm-title::after {
		position: absolute;
		content: '';
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--color-brand-primary);
		z-index: -1;
		opacity: 0.8;
	}
.ui_hide{
	display: none;
}
.ui_text-colour-green{
	color: var(--color-brand-accent);
}
.ui_text-colour-light-grey{
	color: #858585;
}
/**********************************************************************************
HOME PAGE
**********************************************************************************/
	.main .top-bar{
		position: relative;
		padding: 10px;
		background-color: var(--color-brand-primary);
		z-index: 999;
	}
	.main .top-bar img{
		position: absolute;
		left: 20px;
	}
	.main .top-bar ul{
		padding: 0;
		margin: 0 0 0 180px;
	}
	.main .top-bar ul li{
		display: inline-block;
		list-style: none;
	}
	.main .top-bar ul li a{
		display: block;
		border: 1px solid transparent;
		padding: 10px;
		color: #FFF;
	}
	.main .top-bar ul li a:hover{
		border: 1px solid #FFF;
		border-radius: 5px;
		color: #FFF;
	}
		.main .top-bar ul li a.current-page{
			border: 1px solid #FFF;
			border-radius: 5px;
			color: #FFF;
		}
		.main .top-bar ul li a.highlight{
			background-color: var(--color-brand-accent);
			border-radius: 5px;
			color: #FFF;
		}
	.main .top-image-slider{
		position: relative;
		height: 500px;
		overflow: hidden;
		background-position: center center!important;
		background-size: cover!important;
		margin-top: -75px;
	}
	.main .top-image-slider.tis-mini{
		height: 350px;
	}
	.main .top-image-slider > span{
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%!important;
		height: 100%!important;
		background-position: center center!important;
		background-size: cover!important;
	}
	.main .top-image-slider .tis-next-button{
		position: absolute;
		background: url(images/gal-button-next.png) no-repeat;
		width: 80px;
		height: 80px;
		left: 920px;
		top: 150px;
		cursor: pointer;
		z-index: 999;
		opacity: 0.9;
	}
		.main .top-image-slider .tis-next-button:hover{
			opacity: 1;
		}
	.main .top-image-slider .tis-prev-button{
		position: absolute;
		background: url(images/gal-button-prev.png) no-repeat;
		width: 80px;
		height: 80px;
		left: 20px;
		top: 150px;
		cursor: pointer;
		z-index: 999;
		opacity: 0.9;
	}
		.main .top-image-slider .tis-prev-button:hover{
			opacity: 1;
		}
	.main .top-image-slider .tis-info-bar{
		position: absolute;
		border-left: 5px solid  var(--color-brand-accent);
		width: 1020px;
		height: 102px;
		bottom: 30px;
		z-index: 999;
	}
	.main .top-image-slider .tis-info-bar::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		top: 0; left: 0;
		background-color:  var(--color-brand-primary);
		opacity: 0.9;
		z-index: -1;
	}
		.main .top-image-slider .tis-info-bar .tis-ib-button{
			position: relative;
			float: right;
			color: #FFF;
			font-size: 16px;
			background: var(--color-brand-accent);
			padding: 40px;
			text-align: center;
			width: 200px;
		}
		.main .top-image-slider .tis-info-bar .tis-ib-details{
			position: relative;
			float: left;
			left: 30px;
			top: 12px;
		}
		.main .top-image-slider .tis-info-bar .tis-ib-details >div{
			display: inline-block;
			vertical-align: middle;
		}
		.main .top-image-slider .tis-info-bar .tis-ib-details.tis-no-circle{
			position: absolute;
			display: block;
			top: 25px;
			left: 50px;
		}
		.main .top-image-slider .tis-info-bar .tis-ib-details .tis-ib-circle{
			position: relative;
			top: 2px;
			width: 75px;
			height: 75px;
			border-radius: 50px;
			background: url(../images/profiles/person-profile.jpg) no-repeat;
			background-size: cover;
			background-position: center top;
			margin: 0 15px 0 0;
		}
		.main .top-image-slider .tis-info-bar .tis-ib-details .tis-ib-text{
			font-size: 19px;
			color: #FFF;
		}
		.main .top-image-slider .tis-info-bar .tis-ib-details .tis-ib-text #sliderLabelWalkType{
		}
		.main .top-image-slider .tis-info-bar .tis-ib-details .tis-ib-sub-details{
			font-size: 14px;
			margin: 4px 0 0 0;
		}
			.main .top-image-slider .tis-info-bar .tis-ib-details .tis-ib-sub-details .tis-sub-inner > span{
				margin: 10px 10px 0 0;
			}
	.main .title-section {
		text-align: center;
		padding: 100px 50px 30px 50px;
		margin: 60px 0 0 0;
	}
		.main .title-section.ts-darker-leader{
			background-color: #F6F6F3!important;
			padding-top: 40px!important;
			padding-bottom: 50px;
		}
		.main .title-section.ts-darker-map{
			background-color: #F6F6F3!important;
			background-position-y: 30px!important;
			padding-top: 135px!important;
			padding-bottom: 50px;
			margin-bottom: 0px;
		}
		.main .title-section.ts-no-icon{
			padding-top: 0px;
		}
		.main .title-section.ts-icon-info{
			background: url(images/ico-info.png) no-repeat;
			background-position: center top;
		}
		.main .title-section.ts-icon-heart{
			background: url(images/ico-heart.png) no-repeat;
			background-position: center top;
		}
		.main .title-section.ts-icon-location{
			background: url(images/ico-location.png) no-repeat;
			background-position: center top;
		}
		.main .title-section.ts-icon-camera{
			background: url(images/ico-camera.png) no-repeat;
			background-position: center top;
		}
		.main .title-section.ts-icon-walking-points{
			background: url(images/ico-walking-points.png) no-repeat;
			background-position: center top;
		}
		.main .title-section .ts-custom-icon{
			width: 95px;
			height: 95px;
			padding: 10px;
			margin: 0 auto;
			margin-bottom: 20px;
			text-align: center;
		}
		.main .title-section .ts-title{
			font-size: 28px;
			color: var(--color-brand-primary);
		}
		.main .title-section .ts-sub-title{
			font-size: 22px;
			color: #6A6A6A;
			margin: 10px 0 0 0;
		}
		.main .title-section .ts-sub-sub-title{
			font-size: 16px;
			margin: 10px 0 0 0;
			color: #44A652;
		}
			.main .title-section .ts-sub-sub-title a{
				font-weight: bold;
			}
		.main .title-section .ts-text{
			margin: 25px 60px 0 60px;
		}
			.main .title-section .ts-text.ts-text-description{
				margin: 40px 50px 0 50px;
				padding: 20px;
				border-top: 1px solid #E3E2E3;
				border-bottom: 1px solid #E3E2E3;
			}
			.main .title-section .ts-text-description a.link{
				font-size: 14px;
				color:var(--color-brand-accent);
				margin: 15px 0 0 0;
			}
		.main .title-section .ts-row{
			display: table;
			width: 100%;
			table-layout: fixed;
			background: var(--color-brand-accent);
			color: #FFF;
			padding: 20px;
			border-radius: 5px;
			margin: 30px 0 0 0;
		}
			.main .title-section.ts-no-bottom-margin{
				margin-bottom: 0px;
			}
			.main .title-section .ts-row.ts-row-white{
				background: #FFF;
				border: 1px solid #e5e5e5;
				padding: 10px;
				color: #333;
			}
			.main .title-section .ts-row.ts-row-white .ts-row-col{
				border-right: 1px solid #e5e5e5;
			}
			.main .title-section .ts-row .ts-row-col{
				overflow: hidden;
				position: relative;
				display: table-cell;
				text-align: center;
				font-size: 16px;
				border-right: 1px solid #3c9449;
			}
			.main .title-section .ts-row.ts-grey{
				background: #FFF;
				border-color: #E3E2E3;
			}
			.main .title-section .ts-row.ts-grey  .ts-row-col{
				border-right: 1px solid #E3E2E3;
			}
				.main .title-section .ts-row .ts-row-col:last-child{
					border-right: 0;
				}
			.main .title-section .ts-row .ts-row-col i{
				margin: 0 10px 0 0;
				font-size: 20px;
			}
			.main .title-section .component_container {
				margin-top: 25px;
				margin-bottom: 60px;
				margin: 25px 60px 60px 60px;
			}
	.main .walk-types-main{
		display: table;
		width: 100%;
	}
		.main .walk-types-main a{
			display: block;
			background-size: cover!important;
		}
		.main .walk-types-main.wtm-single{
			display: block;
			margin: 10px 0 0 0;
			text-align: center;
		}
			.main .walk-types-main.wtm-single .wt-box{
				display: inline-block;
				width: 505px;
			}
	.main .walk-types-main .wt-box{
		overflow: hidden;
		position: relative;
		display: table-cell;
		height: 250px;
		width: 49.7%;
	}
	.main .walk-types-main .wt-box.wt-spacer{
		width: 10px;
		background: #FFF;
	}
		.main .walk-types-main .wt-box .wt-bar{
			position: relative;
			display: table;
			width: 100%;
			position: absolute;
			border-left: 5px solid var(--color-brand-accent);
			bottom: 0;
		}
		.main .walk-types-main .wt-box .wt-bar::after {
			position: absolute;
			content: '';
			left: 0; top: 0;
			width: 100%;
			height: 100%;
			background-color: var(--color-brand-primary);
			z-index: 0;
		}
		.main .walk-types-main .wt-box .wt-bar .wt-bar-col{
			position: relative;
			display: table-cell;
			padding:  10px;
			z-index: 1;
		}
		.main .walk-types-main .wt-box .wt-bar .wt-title{
			color: #FFF;
			font-size: 20px;
			text-align: left;
			font-weight: lighter;
			padding-left: 25px;
		}
		.main .walk-types-main .wt-box .wt-bar .wt-bar-icon{
			display: inline-block;
			margin-right: 3px;
		}
		.main .walk-types-main .wt-box .wt-bar .wt-arrow{
			color: #FFF;
			font-size: 25px;
			text-align: center;
			background: #44A652;
			width: 80px;
		}
	.main .wellness-walks-main{
		padding: 50px;
		display: table;
		width: 100%;
		table-layout: fixed;
		background: url(images/wellness-walks-bg.jpg) no-repeat;
		background-size: cover;
	}
		.main .wellness-walks-main .ww-box{
			position: relative;
			display: inline-block;
			background: #F6F6F3;
			height: 220px;
			width: 450px;
			vertical-align: top;
			margin: 0 10px 10px 0;
			opacity: 0.95;
		}
		.main .wellness-walks-main .ww-box.ww-no-margin{
			margin-right: 0;
		}
		.main .wellness-walks-main .ww-box .ww-details{
			padding: 20px;
		}
		.main .wellness-walks-main .ww-box .ww-details .ww-title{
			font-size: 18px;
			color: #44A652;
			margin: 0 0 15px 0;
			padding: 0 0 0 30px;
		}
			.main .wellness-walks-main .ww-box .ww-details .ww-title.ww-symbol{
				background-position: left center;
				background-repeat: no-repeat;
			}
		.main .wellness-walks-main .ww-box .ww-details .ww-text{
		}
		.main .wellness-walks-main .ww-box .ww-bar{
			display: table;
			width: 100%;
			table-layout: fixed;
			position: absolute;
			border-left: 5px solid #469656;
			background: url(images/trans-green-block.png) repeat;
			bottom: 0;
		}
		.main .wellness-walks-main .ww-box .ww-bar .ww-bar-col{
			position: relative;
			display: table-cell;
			padding: 10px;
			color: #FFF;
		}
		.main .wellness-walks-main .ww-box .ww-bar .ww-bar-col.ww-title{
			text-align: right;
			padding-left: 25px;
			font-size: 16px;
			font-weight: lighter;
		}
		.main .wellness-walks-main .ww-box .ww-bar .ww-bar-col.ww-arrow{
			font-size: 20px;
			text-align: center;
			background: #44A652;
			width: 100px;
		}
/**********************************************************************************
SEARCH PAGE
**********************************************************************************/
.search-date-bar-main{
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #464646;
	user-select: none;
}
.search-date-bar{
	display: table;
	width: 100%;
	text-align: center;
}
	.search-date-bar>div{
		display: table-cell;
	}
	.search-date-bar .sdb-prev{
		width: 10%;
		background: #50a758;
		font-size: 28px;
		cursor: pointer;
		color: #FFF;
		vertical-align: middle;
		border-radius: 5px;
	}
	.search-date-bar .sdb-disabled{
		background: #f3f3f1!important;
		border: 1px solid #ececec!important;
		color: #ececec!important;
	}
	.search-date-bar .sdb-details{
		position: relative;
		vertical-align: middle;
		font-size: 18px;
		width: 80%;
	}
		.sdb-details .sdb-details-loader{
			position: absolute;
			color: #50a758;
			left: 0px;
			top: 23%;
			width: 100%;
		}
		.sdb-details-container{
			display: block;
			background: #f3f3f1;
			border: 1px solid #ececec;
			margin-left:10px;
			margin-right:10px;
			padding: 8px;
			border-radius: 5px;
		}
		.search-date-bar .sdb-details .sdb-details-label{
			display: block;
			font-size: 12px;
			color: #555555;
			text-align: center;
			width: 100%;
		}
	.search-date-bar .sdb-next{
		width: 10%;
		background: var(--color-brand-accent);
		font-size: 28px;
		color: #FFF;
		cursor: pointer;
		vertical-align: middle;
		border-radius: 5px;
	}
	.sdbm-date-nav-tabs{
		text-align: center;
	}
		.sdbm-date-nav-tabs ul{
			list-style: none;
			padding: 0;
			margin: 0;
		}
		.sdbm-date-nav-tabs ul li{
			display: inline-block;
			background: #f5f5f5;
			border: 1px solid #f3f3f1;
			padding: 6px 0;
			width: 150px;
			margin: 0 auto;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			cursor: pointer;
		}
		.sdbm-date-nav-tabs ul li:hover, .sdbm-date-nav-tabs ul li:hover>span{
			background: #4ea75a;
			color: #FFF!important;
		}
			.sdbm-date-nav-tabs ul li span{
				color: #4ea75a;
			}
.search-bar{
	border-bottom: 1px solid #ececec;
	border-top: 2px solid #1a9347;
}
	.search-bar .sb-inner{
		background: url(images/trans-white-block.png) repeat;
		padding: 20px;
	}
		.search-bar .sb-inner ul{
			padding: 0;
			margin: 0;
			list-style: none;
		}
		.search-bar .sb-inner ul li{
			display: inline-block;
			vertical-align: middle;
			margin: 0 15px 0 0;
		}
		.search-bar .sb-inner span{
			font-size: 25px;
			color: #44A652;
		}
		.search-bar .sb-inner .sb-options{
			padding: 3px;
			background: #FFF;
		}
			.search-bar .sb-inner .sb-options .sb-options-refresh{
				display: inline;
			}
			.search-bar .sb-inner .sb-options select{
				 -webkit-appearance: none;
				 -moz-appearance: none;
				 appearance:none;
				 padding: 5px;
				 background: var(--color-brand-accent);
				 color: #FFF;
				 border: 1px solid var(--color-brand-accent);
				 border-radius: 0;
				 width: 219px;
				 background-image: url(images/ico-arrow-down.png);
				 background-repeat: no-repeat;
				 background-position: left center;
				 background-position-x: 190px;
			}
			.search-title{
				font-size: 28px;
				color: #48A555;
				text-align: center;
				margin: 60px 0 20px 0;
			}
			.search-list{
				padding: 25px 25px 0 25px;
			}
				.search-list .sl-day{
					color: #A2A2A2;
					font-size: 28px;
					margin: 25px 0 20px 0;
				}
					.search-list .sl-day:first-child{
						margin-top: 15px;
					}
				.search-list .sl-day.sl-highlight{
					color: var(--color-brand-accent);
				}
				.search-list .sl-day-small{
					color: #A2A2A2;
					font-size: 18px;
					margin: 25px 0 20px 0;
				}
				.search-list .sl-date{
					font-size: 12px;
					color: #a2a2a2;
				}
				.search-list .sl-highlight-border{
					padding: 10px;
					background: #F5F5F5;
					border: 1px solid #ECECEC;
					border-radius: 5px;
				}
					.search-list .sl-highlight-border .sl-item{
						background: #FFF!important;
						margin: 0 0 10px 0;
					}
					.search-list .sl-highlight-border .sl-item:last-child{
						margin-bottom: 0px;
					}
				.search-list .sl-item{
					border: 1px solid #ECECEC;
					background: #F5F5F5;
					padding: 10px;
					border-radius: 5px;
					margin: 20px 0 10px 0;
				}
				.search-list .sl-item:last-child{
					margin-bottom: 0px;
				}
				.search-list .sl-item.sl-item-highlight{
					border: 1px solid #63c66c;
				}
				.search-list .sl-item .sl-col{
					position: relative;
					display: inline-block;
					vertical-align: middle;
					margin: 0 20px 0 0;
				}
					.search-list .sl-item .sl-col:last-child{
						margin: 0;
					}
				.search-list .sl-item .sl-image{
					width: 90px;
					height: 90px;
					overflow: hidden;
					border-radius: 5px;
					background-position: center top!important;
					background-size: cover;
				}
					.search-list .sl-item .sl-image img{
						width: 100%;
						height: 100%;
					}
				.search-list .sl-item .sl-profile{
					position: absolute;
					width: 50px;
					height: 50px;
					top: 22px;
					left: 60px;
					overflow: hidden;
					border-radius: 50px;
					background-size: cover;
					background-position: center top;
					margin: 0 10px 0 0;
					border: 2px solid #4ea75a;
				}
				.search-list .sl-item .sl-profile.sl-level-1-theme{
					border-color: #79C4B8;
				}
				.search-list .sl-item .sl-profile.sl-level-2-theme{
					border-color: #7BB737;
				}
				.search-list .sl-item .sl-profile.sl-level-3-theme{
					border-color: #1493A2;
				}
				.search-list .sl-item .sl-profile.sl-level-4-theme{
					border-color: #004f5b;
				}
				.search-list .sl-item .sl-place{
					font-size: 18px;
				}
				.search-list .sl-item .sl-walk-location span{
					color: #50A758;
				}
				.search-list .sl-item .sl-walk-location .fa{
					margin: 0 0 0 2px;
				}
				.search-list .sl-item .sl-walk-type{
					font-size: 12px;
					color: #5a5a5a;
				}
				.search-list .sl-item .sl-time-main{
					background-position: left center;
					padding: 0 0 0 45px;
					min-height: 33px;
				}
					.search-list .sl-item .sl-time-main.ico-clock{
						background: url(images/ico-clock.png) no-repeat;
					}
					.search-list .sl-item .sl-time-main.ico-calendar{
						background: url(images/ico-calendar.png) no-repeat;
					}
					.search-list .sl-item .sl-time-main .sl-time{
						font-size: 12px;
					}
					.search-list .sl-item .sl-time-main .sl-occures{
						font-size: 12px;
					}
			.search-list .sl-item .sl-location-main{
				background: url(images/ico-location-x32.png) no-repeat;
				background-position: left center;
				padding: 10px 10px 0 45px;
			}
			.search-list .sl-item .sl-level-main{
				/*background: url(images/ico-timer.png) no-repeat; */
				/*background-position: left center; */
				padding: 0 0 0 10px;
				min-height: 33px;
			}
				.search-list .sl-item .sl-level-main .sl-symbols{
					padding-top: 5px;
				}
					.search-list .sl-item .sl-level-main .sl-symbols img{
					}
				.search-list .sl-item .sl-level-main .sl-miles{}
			.search-list .sl-item .sl-leader{
				font-size: 12px;
			}
			.search-list .sl-search-no-events-available{
				padding: 50px 30px 30px 30px;
				font-size: 18px;
				text-align: center;
				color: #50a758;
			}
			.search-list .sl-date-no-events-available{
				padding: 5px;
				text-align: center;
				background: #f8f8f8;
				color: #cbcbcb;
			}
.results-bar{
	padding: 20px;
	background: #F5F5F5;
	color: #53A65B;
	font-size: 18px;
	 border-bottom: 2px solid #48A555;
}
.results-bar a{
	font-size: 13px;
}
.key-bar{
	display: none;
	padding: 10px 0 20px 20px;
	background: #F5F5F5;
	color: #53A65B;
	border-bottom: 2px solid #48A555;
}
	.key-bar .kb-title{
		font-size: 18px;
		color: #48A555;
		margin: 15px 0 15px 0;
	}
	.key-bar .kb-box{
		display: inline-block;
		border: 1px solid #48A555;
		width: 320px;
		padding: 10px;
		background: #FFF;
		border-radius: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		vertical-align: top;
	}
	.key-bar .kb-box.kb-box-levels{
		min-height: 235px;
	}
	.key-bar .kb-box.kb-box-wellness{
		margin-bottom: 10px;
	}
		.key-bar .kb-box .kbc-row{
			padding: 10px;
		}
			.key-bar .kb-box .kbc-row .kbc-col{
				display: inline-block;
				vertical-align: middle;
			}
			.kb-col-level{
				font-size: 16px;
			}
/**********************************************************************************
DETAILS PAGE
**********************************************************************************/
.details-bar{
	box-sizing: border-box;
	display: table;
	width: 89%;
	margin: 0 auto;
	table-layout: fixed;
}
	.details-bar .db-col{
		vertical-align: top;
		position: relative;
		display: table-cell;
		text-align: center;
		border-right: 1px solid #E3E2E3;
	}
		.details-bar .db-col:last-child{
			border: 0;
		}
	.details-bar .db-col .db-box{
		display: inline-block;
		max-width: 230px;
	}
	.details-bar .db-col .db-box .db-profile{
		display: inline-block;
		vertical-align: middle;
		width: 80px;
		height: 80px;
		overflow: hidden;
		border-radius: 50px;
		background-size: cover;
		background-position: center top;
		margin: 0 10px 0 0;
		border: 3px solid #F5F5F5;
	}
		.details-bar .db-col .db-box .db-profile-main{
			display: inline-block;
			vertical-align: middle;
			text-align: left;
		}
			.details-bar .db-col .db-box .db-profile-main .db-leader-name{
				font-size: 18px;
			}
	.details-bar .db-col .db-box .db-time-main{
		padding: 20px 30px 20px 75px;
		text-align: left;
	}
		.details-bar .db-col .db-box .db-time-main.ico-clock{
			background: url(images/ico-clock-x64.png) no-repeat;
			background-position: left center;
		}
		.details-bar .db-col .db-box .db-time-main.ico-calendar{
			background: url(images/ico-calendar-x64.png) no-repeat;
			background-position: left center;
		}
		.details-bar .db-col .db-box .db-time-main .db-time{
			margin: 0 0 3px 0;
		}
	.details-bar .db-col .db-box .db-level-main{
		background: url(images/ico-timer-x64.png) no-repeat;
		background-position: left center;
		padding: 20px 30px 20px 75px;
		text-align: left;
	}
			.details-bar .db-col .db-box .db-level-main .db-gradient{
				margin: 0 0 0 5px;
			}
			.details-bar .db-col .db-box .db-level-main .db-length{
				margin: 3px 0 0 0;
			}
	.details-bar .db-col .db-box .db-pace-main{
		background: url(images/ico-heart-x64.png) no-repeat;
		background-position: left center;
		padding: 20px 30px 20px 75px;
		text-align: left;
	}
	.details-bar .db-col .db-box .db-pace-main .db-pace{
		margin: 0 0 5px 0;
	}
	.details-bar .db-col .db-box .db-pace-main .db-gradient{
	}
	.ts-walk-image{
		display: inline-block;
		position: relative;
		width: 95px;
		height: 95px;
		border-radius: 50px;
		background-size: cover;
		background-position: center top;
		border: 2px solid #4EA65A;
		margin: 0 0 20px 0;
	}
	.ts-profile-image{
		display: inline-block;
		width: 80px;
		height: 80px;
		border-radius: 50px;
		background-size: cover;
		background-position: center top;
		border: 2px solid #4EA65A;
		margin: 0 0 20px 0;
	}
	.ts-profile-image-mini{
		display: inline-block;
		vertical-align: middle;
		width: 40px;
		height: 40px;
		border-radius: 50px;
		background-size: cover;
		background-position: center top;
		border: 2px solid #4EA65A;
	}
	.mmw-title-cover{
		position: absolute;
		margin-top: -42px;
		height: 55px;
		background: #FFF;
		width: 100%;
	}
		.mmw-title-cover.mmw-title-cover-darker{
			background: #F6F6F3;
		}
	.walk-location-map{
		height: 450px;
	}
		.walk-location-map.mmw-map{
			margin-top: -40px;
		}
	.walking-points-main{
		text-align: center;
	}
		.walking-points-main .wpm-box{
			position: relative;
			display: inline-block;
			vertical-align: top;
			overflow: hidden;
			width: 330.9px;
			margin: 0 10px 10px 0;
		}
		.walking-points-main .wpm-box .wpm-image{
			overflow: hidden;
		    height: 190px;
		    cursor: pointer;
		}
		.walking-points-main .wpm-box.wpm-no-right-margin{
			margin-right: 0;
		}
		.walking-points-main .wpm-box.wpm-box-blank{
			background: #F6F6F3;
		}
			.walking-points-main .wpm-box .wpm-number{
				position: absolute;
				padding: 3px;
				width: 50px;
				background: #44A652;
				border-radius: 5px;
				text-align: center;
				color: #FFF;
				top: 10px;
				left: 10px;
			}
			.walking-points-main .wpm-box .wpm-info{
				background: #F6F6F3;
				padding: 15px;
				color: #333;
				min-height: 170px;
				text-align: left;
			}
	.google-map-window-title{
		font-size: 18px;
		text-align: center;
		color: #046904;
		margin: 0 0 5px 0;
	}
	.google-map-window-content{
		padding: 0 0px 15px 0px;
	}
		.google-map-window-content img{
			border-radius: 5px;
		}
	.gm-style-iw{
		left: 27px!important;
	}
/**********************************************************************************
ABOUT  PAGE
**********************************************************************************/
.about-main{
	padding: 50px;
}
 .about-main iframe{
	 margin-bottom: 25px!important;
	 margin-top: 20px!important;
	 height: 340px!important;
 }
 .about-main .green-box{
	 background: #288C36;
	 padding: 10px;
	 border-radius: 5px;
	 text-align: center;
 }
 	.about-main .green-box img{
	 	margin: 0 10px 0 0;
	 	border-radius: 5px;
 	}
 		.about-main .green-box .diagrams{
	 		width: 260px;
 		}
 		.about-main .green-box .levels{
	 		width: 133px;
 		}
 		.about-main .green-box img:last-child{
	 		margin: 0;
 		}
.tab-menu{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin: 0 15px 0 0;
	width: 270px;
}
.tab-content{
	display: inline-block;
	vertical-align: top;
	padding: 25px;
	border: 1px solid #ececec;
	box-sizing: border-box;
	width: 630px;
}
	.tab-content ul{
		margin: 0;
	}
	.tab-content .tc-title{
		font-size: 21px;
		text-align: center;
		margin: 0 0 35px 0;
		padding: 8px;
		border: 1px solid var(--color-brand-accent);
		color: var(--color-brand-accent);
	}
	.tab-content a{
		color: var(--color-brand-accent);
		border-bottom: 1px dashed var(--color-brand-accent);
	}
	.tab-content a:hover{
		color: var(--color-brand-accent);
	}
.tab-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
	.tab-menu ul li a{
		display: block;
		position: relative;
		padding: 15px;
		border: 1px solid #ececec;
		cursor: pointer;
	}
	.tab-menu ul li a .fa{
		position: absolute;
		color: #919191;
		right: 20px;
		top: 20px;
	}
	.tab-menu ul li a.tm-option:hover{
		background: var(--color-brand-accent);
		color: #FFF;
	}
		.tab-menu ul li a.tm-option:hover .fa{
			color: #FFF;
		}
	.tab-menu ul li a.tm-option-hot{
		background: var(--color-brand-accent);
		color: #FFF;
	}
		.tab-menu ul li a.tm-option-hot .fa{
			color: #FFF;
		}
	.tab-menu ul li a.tm-sub-option:hover{
	}
		.tab-menu ul li a.tm-sub-option:hover .fa{
			color: var(--color-brand-accent);
		}
	.tab-menu ul li a.tm-sub-option-hot{
		background: #eeeeee;
	}
		.tab-menu ul li a.tm-sub-option-hot .fa{
			color: var(--color-brand-accent);
		}
	.tab-menu .tm-sub-menu li a{
		border-left: 3px solid var(--color-brand-accent);
	}
.tab-content{
}
	.tab-content .hidden{
		display: none;
	}
	.tab-content li{
		margin: 0 0 5px 0;
	}
	.tab-content .tc-contact{
		margin: 25px 0 0 0;
		color: #333;
	}
	.tab-content .tc-item{
		display: table;
		border: 1px solid #E9E9E9;
		margin: 10px 0 0 0;
		width: 100%;
		padding: 15px;
		text-align: center;
	}
	.tab-content a{
		color: #4EAB5B;
	}
		.tab-content .tc-row{
			display: table-row;
		}
		.tab-content .tc-column{
			display: table-cell;
		}
/**********************************************************************************
PHOTOS  PAGE
**********************************************************************************/
.photos-grid{
	text-align: center;
	margin: 20px;

}
	.photos-grid .pg-image{
		position: relative;
		display: inline-block;
		width: 320px;
		height: 220px;
		background-size: cover!important;
		background-position: center center!important;
		cursor: pointer;
	}
/**********************************************************************************
CHASE FIT FAMILIES PAGE
**********************************************************************************/
.family-main{
	padding: 50px;
	background: url(images/chase-fit-families-banner.png) no-repeat;
	background-size: contain;
	background-position: center center;
	background-position-y: 20px;
}
	.family-main .col-main{
		display: inline-table;
		margin: 0 0 170px 0;
		width: 100%;
	}
	.family-main .col{
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
		.family-main .col img{
			margin: 0 0 0 40px;
		}
	.packs-main .pm-pack{
		display: inline-block;
		width: 450px;
		border: 1px solid #DFDFDF;
		border-radius: 5px;
		margin-right: 5px;
	}
		.packs-main .pm-pack:last-child{
			margin-right: 0;
		}
	.packs-main .pmp-inner{
		display: table;
		width: 100%;
	}
	.packs-main .pmp-inner .pmpi-col{
		display: table-cell;
		vertical-align: top;
	}
	.packs-main .pmp-inner .pmpi-col.pmpi-col-image{
		width: 30%;
	}
	.packs-main .pmp-inner .pmpi-col.pmpi-col-text{
		padding: 20px;
	}
		.packs-main .pmp-inner .pmpi-col.pmpi-col-text .pmpi-title{
			font-size: 18px;
			margin: 0 0 15px 0;
			color: #009EE3;
		}
/**********************************************************************************
CONTACT PAGE
**********************************************************************************/
.contact-main{}
	.contact-main a{
		color: #4EAB5B;
		border-bottom: 1px dashed #4EAB5B;
	}
	.contact-main .surround{
		padding: 50px 50px 0 50px;
	}
	.contact-main .cm-container{
		color: #333;
		padding: 25px;
		border: 1px solid #E3E2E3;
		border-radius: 5px;
		margin: 0 0 10px 0;
	}
	.contact-main .cm-item{
		display: table;
		width: 100%;
	}
	.contact-main .cm-row{
		display: table-row;
	}
	.contact-main .cm-cell{
		display: table-cell;
		width: 50%;
	}
		.contact-main .cm-cell .highlight{
			color: #48A455;
		}
	.contact-main .surround label{
		color: #575757;
		font-weight: normal;
	}
	.contact-main .surround input{
		margin: 0 0 10px 0;
		width: 360px;
	}
	.contact-main .surround input,textarea{
		border: 1px solid #E3E2E3!important;
		padding: 12px 10px;
		line-height: 12px;
		height: auto!important;
	}
	.contact-main .surround button{
		margin: 10px 0 0 0;
	}
	.contact-main .srround textarea{
		height: 400px;
	}
	.contact-main .title-text{
		font-size: 1.5em;
		margin-bottom: 10px;
	}
/**********************************************************************************
FOOTER
**********************************************************************************/
footer{
	text-align: center;
	display: block;
	padding: 30px;
	background: var(--color-brand-primary);
	margin: 60px 0 0 0;
	height: 150px;
}
	footer img{
		display: inline-block;
		vertical-align: middle;
		margin: 0 100px;
	}
/**********************************************************************************
PLUGIN: GALLERY
**********************************************************************************/
.gallery_main{
	position: fixed;
	text-align: center;
	width: 100%;
	height: 100%;
	left: 0; top: 0;
	background:rgba(0,0,0,0.8);
	z-index: 999;
}
.gallery_close{
	position: fixed;
	top: 20px;
	right: 30px;
	color: #4EAB5A;
	font-size: 30px;
	cursor: pointer;
	z-index: 999;
}
.gallery_image{
	display: none;
	max-width: 100%;
    max-height: 80%;
}
.gallery_descriptionBox{
	box-sizing: border-box;
	background-color: var(--color-brand-accent);
	padding: 10px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: left;
	width: 300px;
	color: #FFF;
}
.gallery_buttonMain{
    position: fixed;
	text-align: center;
    padding: 0px 20px;
    border-radius: 10px;
	z-index: 1000;
	font-size: 40px;
	top: 45%;
	color: #FFF;
	background: var(--color-brand-accent);
	cursor: pointer;
	 -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	.gallery_buttonMain:hover{
		background-color: #4EAB5A;
	}
	.gallery_buttonMain.gallery_buttonNext{
		right: 20px;
	}
		.gallery_buttonNext .fa{
			position: relative;
			top: -2px;
			left: 2px;
		}
	.gallery_buttonMain.gallery_buttonPrev{
		left: 20px;
	}
		.gallery_buttonPrev .fa{
			position: relative;
			top: -2px;
			left: -2px;
		}
/*
	Activity banner that sits above the search results
	on the acitivities page. This is to help vistors find
	other activites that are available on the site.
*/
.activities-banner{
	text-align: center;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	border-radius: 5px;
}
.activities-banner .activity{
	position: relative;
	flex: 1;
	box-sizing: border-box;
	height: 160px;
	cursor: pointer;
}
.activities-banner .activity .inner{
	position: relative;
	overflow: hidden;
	height: 100%;
}
.activities-banner .activity .title{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	text-align: center;
	font-size: 22px;
	width: 100%;
	text-shadow: 0px 0px 10px black;
	z-index: 2;
}
.activities-banner .arrow{
	display: none;
	position: absolute;
	bottom: -26px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 30px;
	color: #1a9347;
	z-index: 999;
}
.activities-banner .activity .image{
	width: 100%;
	height: 100%;
	background-size: cover!important;
	background-position: center top!important;
	z-index: 0;
	transition: transform 0.4s;
}
	.activities-banner .activity.active .image{
		transform: scale(1.1);
	}
	.activities-banner .activity.active .overlay{
		transition: opacity 0.4s ease-in;
		opacity: 0.9;
	}
	.activities-banner .activity.active .title{
		text-shadow: none;
	}
	.activities-banner .activity.active .arrow{
		display: block;
	}
	.activities-banner .activity:hover .image{
		transform: scale(1.1);
	}
	.activities-banner .activity:hover .title{
		text-shadow: none;
	}
	.activities-banner .activity:hover .overlay{
		transition: opacity 0.4s ease-in;
		opacity: 0.8;
	}
.activities-banner .activity .overlay{
	background: var(--color-brand-accent);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}
.activities-banner-header{
	background: #4eab5c;
	padding: 10px;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin: 0 auto;
	margin-top: -20px;
	width: 320px;
	z-index: 99;
}

/**
      Cookie Consent
*/

.cc-banner .cc-message {
      color: #fff;
}

.cc-banner .cc-message .cc-link {
      color: #fff!important;
}


/**
      Components
*/

.component_covid-info {
      background-color: #FFBB33;
      border-top: 10px solid #FF8803;
      padding: 25px;
      box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
      max-width: 80%;
      margin: 0 auto;
      transform: scale(1);
      animation: covidInfoPulse 2s infinite;
      text-align: center;
}

@keyframes covidInfoPulse {
	0% {
		transform: scale(0.98);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.98);
	}
}


.component_container {
	position: relative;
	margin-bottom: 30px;
}

.component_alerts {
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.21);
	border: 3px solid #7AC448;
	background: #FCFCFC;
	border-radius: 15px;
	text-align: left;
	overflow: hidden;
}

.component_alerts-header {
	display: flex;
	padding: 15px;
	align-items: center;
	background-color: var(--color-brand-primary);
	background-image: url(images/striped-bg.png);
	font-size: 20px;
	color: white;
}

.component_alerts-header svg {
	margin-right: 1rem;
	fill: #FFEE00;
}

.component_alerts-body {
	padding: 20px 10px 25px 10px;
}

.component_alert-item {
	position: relative;
	display: flex;
	background-color: #F2F8EF;
	padding: 20px 20px 20px 50px;
	border-radius: 10px;
	margin-left: 35px;
	margin-right: 10px;
}

.component_alert-item--vertical {
	margin-bottom: 10px;
}

.component_alert-item-icon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 8px solid white;
	background-color: var(--color-brand-primary);
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.05);
	width: 60px;
	height: 60px;
}

.component_alert-item-icon svg {
	fill: white;
}

.component_alert-item-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: var(--color-brand-accent);
}

.component_alerts-pagination {
	margin-top: 15px;
	margin-bottom: 15px;
}

.component_alerts-pagination .swiper-pagination {
	position: relative;
	bottom: unset!important;
}

.component_alerts-pagination .swiper-pagination-bullet-active {
	background-color: var(--color-brand-accent);
}

.component_alerts-pagination .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
}

.component_alerts-btn-expand {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--color-brand-accent);
    border-radius: 5px;
    color: #FFF;
	border: 0;
	padding: 13px 25px;
}

.component_alerts-btn-expand svg {
	margin-right: 10px;
	stroke: white;
}



