@import url(https://fonts.googleapis.com/css?family=Lato|Roboto+Condensed|Roboto:400,500);

.flip-container, .flipper {
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d
}

.back, div.back {
	font-style: normal !important
}

	.back p, .back-title, .footer-trip h3 {
		text-align: center
	}

#navcon ul, .h4, .sidenav a {
	display: block
}

#navcon ul, #navcontainer ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none
}

.flickr_badge_image img:hover, .flickr_badge_image_flickrV2 img:hover, .footer-trip img:hover, .img-hover:hover img, .scrollup {
	opacity: .8
}

.advisories h4, .online li a, .pdf li, .pdf ul, .trip ul li {
	list-style-type: none !important
}

.b, .openNav, .topright {
	float: right
}

.element2:before, .element:before {
	font-style: normal;
	text-decoration: inherit
}

.noticeGray:hover, .openNav, .redBox:hover, .tab button, .topright, a.buttonVha {
	cursor: pointer
}

h4 {
	padding: 10px 10px 5px 0;
	margin-bottom: 0
}

.h4 {
	padding: 3px 15px;
	background: #eee;
	margin-top: 15px;
	width: 100%;
	border: 1px solid #ddd
}

#navcontainer ul li, .tab, .tabcontent {
	border: 1px solid #ccc
}

.marBottom {
	margin-bottom: 30px
}

#navcontainer ul {
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	justify-content: flex-start
}

	#navcontainer ul li {
		margin: 3px 9px 6px 0;
		background: #f1f1f1
	}

		#navcontainer ul li a {
			text-decoration: none;
			line-height: 28px;
			height: 28px;
			padding: .6em 1em;
			font-size: 13px;
			color: #333
		}

			#navcontainer ul li a:hover {
				background: #10395d !important;
				color: #fff
			}

#margintab {
	margin-top: 0;
	margin-bottom: 20px
}

.tab {
	overflow: hidden;
	background-color: #f1f1f1
}

	.tab button {
		background-color: inherit;
		float: left;
		border: none;
		outline: 0;
		padding: 9px 16px;
		transition: .3s;
		font-size: 16px;
		line-height: 22px;
		border-left: 1px solid #ccc
	}

		.tab button:first-of-type {
			border-left: 0 solid #ccc
		}

		.tab button.active, .tab button:hover {
			background-color: #10395d;
			color: #fff
		}

.tabcontent {
	display: none;
	padding: 25px 10px 15px 20px;
	border-top: none
}

.topright {
	font-size: 24px;
	margin-top: -20px
}

	.sidenav a:hover, .topright:hover {
		color: #ee3124
	}

.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000px;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-webkit-box-shadow: 0 0 5px 2px #999;
	-moz-box-shadow: 0 0 5px 2px #999;
	box-shadow: 0 0 5px 2px #999
}

#searchForm input[type=text], .searchBox input[type=text] {
	box-sizing: border-box;
	resize: vertical;
	box-shadow: none !important
}

.flip-container.hover .back, .flip-container:hover .back {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-o-transform: rotateY(0);
	-ms-transform: rotateY(0);
	transform: rotateY(0)
}

.flip-container.hover .front, .flip-container:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.back, .flip-container, .front {
	width: 320px;
	height: 375px
}

.flipper {
	-webkit-transition: .6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: .6s;
	-moz-transition: .6s;
	-moz-transform: perspective(1000px);
	transition: .6s;
	transform-style: preserve-3d;
	position: relative
}

.back, .back p, .back-logo, .back-title, .front, .front .name {
	position: absolute
}

.back, .front {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: .6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0);
	-moz-transition: .6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0);
	-o-transition: .6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0);
	-ms-transition: .6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0);
	transition: .6s;
	transform-style: preserve-3d;
	transform: rotateY(0);
	top: 0;
	left: 0
}

.front {
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	background: #ddd;
	z-index: 2
}

.back {
	background: #add8e6;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.front .name {
	font-size: 2em;
	background: rgba(33,33,33,.9);
	color: #f8f8f8;
	font-family: Courier;
	padding: 5px 10px;
	border-radius: 5px;
	bottom: 60px;
	left: 25%;
	text-shadow: .1em .1em .05em #333;
	display: none;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}

.back-logo {
	top: 40px;
	left: 90px;
	width: 160px;
	height: 117px;
	background: url(logo.png) no-repeat
}

.back-title {
	font-weight: 700;
	color: #00304a;
	top: 180px;
	left: 0;
	right: 0;
	text-shadow: .1em .1em .05em #acd7e5;
	font-family: Courier;
	font-size: 22px
}

.back p {
	bottom: 40px;
	left: 0;
	right: 0;
	padding: 0 20px;
	font-size: 18px
}

.element, .element2, .vertical.flip-container {
	position: relative
}

.vertical .back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.vertical.flip-container .flipper {
	-webkit-transform-origin: 100% 213.5px;
	-moz-transform-origin: 100% 213.5px;
	-ms-transform-origin: 100% 213.5px;
	transform-origin: 100% 213.5px
}

.vertical.flip-container.hover .back, .vertical.flip-container:hover .back {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-o-transform: rotateX(0);
	-ms-transform: rotateX(0);
	transform: rotateX(0)
}

.vertical.flip-container.hover .front, .vertical.flip-container:hover .front {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg)
}

.danger {
	padding: 2px 10px
}

.box > .icon:hover > .image > i, .box > .icon:hover > .image > span, .boxActivities > .icon:hover > .image > i, .boxActivities > .icon:hover > .image > span, .navList ul li ul li ul li ul li ul li li a, .navList ul ul li a:hover, .navList ul ul li li a:hover, .navList ul ul ul li li a, .navList ul ul ul ul ul li li a, .travelBox:hover, a.divLink:hover {
	color: #fff !important
}

.sidenav {
	height: 100% !important;
	width: 0;
	position: fixed;
	z-index: 99999999999999 !important;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: .5s;
	padding-top: 0 !important;
	margin-top: 0 !important
}

	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 15px;
		color: #f1f1f1;
		transition: .3s
	}

	.sidenav .closebtn {
		position: absolute;
		top: -5px;
		right: 3px;
		font-size: 30px;
		margin-left: 50px;
		color: #fff !important
	}

	.sidenav::-webkit-scrollbar-track {
		background-color: #ccc
	}

	.sidenav::-webkit-scrollbar {
		background-color: #206cac
	}

	.sidenav::-webkit-scrollbar-thumb {
		background-color: #206cac
	}

		.sidenav::-webkit-scrollbar-thumb:hover {
			background-color: #333
		}

.alert, .button .alert, .expanded, .label, .large, .warning, a.button, alert, span.alert, span.label {
	border-radius: 0 !important
}

.advisories h4 {
	font-size: 24px !important;
	color: #fff !important
}

.openNav {
	font-size: 30px;
	color: #fff;
	background: #206cac;
	padding: 0 10px;
	margin: 0 15px 0 5px
}

	.openNav:hover {
		background: #003866
	}

@media only screen and (min-width:600px) and (max-width:1224px) {
	.col-xs-2 .openNav {
		font-size: 20px !important;
		font-weight: 500;
		padding: 1px 9px;
		margin-top: -2px
	}
}

@media screen and (max-height:450px) {
	.sidenav {
		padding-top: 15px
	}

		.sidenav a {
			font-size: 18px
		}
}

.marginTop {
	margin-top: 15px
}

.ptop {
	padding-top: 15px;
	margin-bottom: -5px;
	font-size: 14px;
	padding-left: 25px
}

.navText, .rdkCheck, .rdkcCheck {
	background: #fff;
	width: 85%;
	text-align: center
}

.footer-trip {
	border: 1px solid #ecf0f1;
	background: #ecf0f1;
	margin-top: 6px;
	margin-left: -15px
}

	.footer-trip img {
		background: #38b580;
		margin: 5px;
		width: 235px;
		height: 110px
	}

	.footer-trip h3 {
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 0
	}

#loadMore, .visitor h2 {
	text-align: center !important
}

.footer-flicker {
	background: #ecf0f1;
	padding: 30px 10px;
	margin-top: 50px
}

.flickr_badge_image, .flickr_badge_image_bc, .flickr_badge_image_com, .flickr_badge_image_incl, .flickr_badge_image_trip {
	display: inline-block
}

	.flickr_badge_image img, .flickr_badge_image_com img {
		border: 0 solid #ddd !important;
		margin: 5px;
		width: auto;
		height: 135px;
		max-width: 250px
	}

	.flickr_badge_image_incl img {
		border: 0 solid #ddd !important;
		margin: 5px;
		width: auto;
		height: 165px
	}

	.flickr_badge_image_trip img {
		border: 0 solid #ddd !important;
		margin: 5px;
		width: 225px;
		height: 165px
	}

#flickr_badge_wrapper {
	width: 250px;
	text-align: left
}

.flickr_badge_image_bc img {
	border: 0 solid #ddd !important;
	margin: 5px;
	width: auto;
	height: 135px;
	max-width: 230px
}

#navcon h2, .visitor h2 {
	display: block;
	width: 100%
}

.trip ul li {
	list-style-image: none;
	margin-left: -50px;
	padding: 0
}

#navcon h2 {
	color: #545f1d !important;
	text-align: center;
	clear: both;
	padding: 0 0 25px
}

.navList li h4 a:before, .noShow, .smallScreen {
	display: none
}

.box > .icon, .boxActivities > .icon {
	text-align: center;
	position: relative
}

	.box > .icon > .image, .boxActivities > .icon > .image {
		position: relative;
		z-index: 2;
		margin: auto;
		width: 88px;
		height: 88px;
		border: 8px solid #f0f0f0;
		line-height: 88px;
		border-radius: 50%;
		background: #333;
		vertical-align: middle
	}

		.box > .icon > .image > i, .box > .icon > .image > span, .boxActivities > .icon > .image > i, .boxActivities > .icon > .image > span {
			font-size: 36px !important;
			color: #fff !important
		}

	.box > .icon > .info, .boxActivities > .icon > .info {
		margin-top: -24px;
		background: #f0f0f0;
		border: 1px solid #e2e3e4;
		padding: 15px 0
	}

		.box > .icon > .info > h3.title, .boxActivities > .icon > .info > h3.title {
			font-size: 28px;
			color: #546f00;
			font-weight: 500
		}

		.box > .icon > .info > p, .boxActivities > .icon > .info > p {
			font-size: .81em;
			color: #666;
			line-height: 1.5em;
			margin: 20px;
			font-weight: 400
		}

		.box > .icon > .info > .more a, .boxActivities > .icon > .info > .more a {
			font-size: 12px;
			color: #fff;
			line-height: 12px;
			text-transform: uppercase;
			text-decoration: none;
			background-color: #36424a;
			padding: 8px 16px
		}

	.box > .icon:hover > .info > .more > a {
		padding: 8px 16px;
		background: #025e7c
	}

.visitor h2 {
	font-size: 28px;
	color: #546f00 !important;
	font-weight: 500;
	margin-bottom: 25px !important;
	clear: both !important;
	margin-left: -10px
}

.information h4 {
	font-size: 24px;
	color: #546f00 !important
}

.box > .icon:hover > .info > .more > a, .box > .icon:hover > .info > .visitor h2, .box > .icon:hover > .info > p, .box > .icon:hover > .info > ul li, .boxActivities > .icon:hover > .info > h3.title {
	color: #222
}

.boxActivities > .icon:hover > .info > .more > a {
	color: #fff;
	padding: 8px 16px;
	background: #025e7c
}

.box .space, .height30 {
	height: 30px
}

.KcMaps table, .LRM table, .ParkList-KC table, .accessibleCamp table, .advClosure table, .allTrails table, .annualTrailClosure table, .archives table, .backcountryCamping table, .biathlonPass table, .bowValley table, .byActivity table, .campingListwithPhoneNumbers table, .capitalProjects table, .cncDaylodge table, .cncTrailReport table, .cncTrailReport2 table, .cooking-lake table, .dayUseKC table, .dumpStation table, .eBikeTrails table, .equestrianCamping table, .extendedSeasonCamping table, .fcfs table, .fcfs-status table, .fireHazard table, .firstComeFirstServe table, .gDayUse table, .groupCampSite table, .groupSizeLimitKC table, .hrsOfOp table, .hunting table, .huntingContact table, .huntingNAs table, .huntingPermit table, .huntingWildParks table, .huntingWildland table, .kc-trailReport table, .kcGroupCamping table, .kcVechileAccessCampsites table, .kidsDontFloat table, .landuse table, .listSeasonalCamping table, .lowCostCamping table, .online-IndividualReservations table, .online-reservations table, .online-reservations-com table, .online-reservations-gc table, .pActivities table, .pAmenities table, .pFacility table, .pRates table, .pRegion table, .parksClassRoom table, .parksDayEvents table, .partnership table, .sCR table, .sCR2 table, .sFieldPrograms table, .sharedSites table, .spEvents table, .spFacilities table, .species table, .trailList table, .trails table, .trailsCNC table, .trailsKC table, .treeCutting table, .videoConfProg table, .volGp table {
	width: 100%;
	border-collapse: collapse
}

.KcMaps tr:nth-of-type(odd), .LRM tr:nth-of-type(odd), .ParkList-KC tr:nth-of-type(odd), .accessibleCamp tr:nth-of-type(odd), .advClosure tr:nth-of-type(odd), .allTrails tr:nth-of-type(odd), .annualTrailClosure tr:nth-of-type(odd), .archives tr:nth-of-type(odd), .back2:nth-of-type(odd), .backcountryCamping tr:nth-of-type(odd), .biathlonPass tr:nth-of-type(odd), .bowValley tr:nth-of-type(odd), .byActivity tr:nth-of-type(odd), .campingListwithPhoneNumbers tr:nth-of-type(odd), .capitalProjects tr:nth-of-type(odd), .cncDaylodge tr:nth-of-type(odd), .cncTrailReport tr:nth-of-type(odd), .cncTrailReport2 tr:nth-of-type(odd), .comfortCamping tr:nth-of-type(odd), .consultation tr:nth-of-type(odd), .cooking-lake tr:nth-of-type(odd), .cookingLake_trailReport tr:nth-of-type(2n), .dayUseKC tr:nth-of-type(odd), .dumpStation tr:nth-of-type(odd), .eBikeTrails tr:nth-of-type(odd), .equestrianCamping tr:nth-of-type(odd), .extendedSeasonCamping tr:nth-of-type(odd), .fcfs tr:nth-of-type(odd), .fcfs-status tr:nth-of-type(odd), .fireHazard tr:nth-of-type(odd), .firstComeFirstServe tr:nth-of-type(odd), .gDayUse tr:nth-of-type(odd), .groupCampSite tr:nth-of-type(odd), .groupSizeLimitKC tr:nth-of-type(odd), .hrsOfOp tr:nth-of-type(odd), .hunting tr:nth-of-type(odd), .huntingContact tr:nth-of-type(odd), .huntingNAs tr:nth-of-type(odd), .huntingPermit tr:nth-of-type(odd), .huntingWildParks tr:nth-of-type(odd), .huntingWildland tr:nth-of-type(odd), .jobs tr:nth-of-type(odd), .kc-trailReport tr:nth-of-type(odd), .kcGroupCamping tr:nth-of-type(odd), .kcVechileAccessCampsites tr:nth-of-type(odd), .kidsDontFloat tr:nth-of-type(odd), .landuse tr:nth-of-type(odd), .listSeasonalCamping tr:nth-of-type(odd), .lowCostCamping tr:nth-of-type(odd), .online-IndividualReservations tr:nth-of-type(odd), .online-reservations tr:nth-of-type(odd), .online-reservations-com tr:nth-of-type(odd), .online-reservations-gc tr:nth-of-type(odd), .pActivities tr:nth-of-type(odd), .pAmenities tr:nth-of-type(odd), .pFacility tr:nth-of-type(odd), .pRates tr:nth-of-type(odd), .pRegion tr:nth-of-type(odd), .parksClassRoom tr:nth-of-type(odd), .parksDayEvents tr:nth-of-type(odd), .partnership tr:nth-of-type(odd), .reservationBox .label-success, .sCR tr:nth-of-type(odd), .sCR2 tr:nth-of-type(odd), .sFieldPrograms tr:nth-of-type(odd), .sharedSites tr:nth-of-type(odd), .spEvents tr:nth-of-type(odd), .spFacilities tr:nth-of-type(odd), .species tr:nth-of-type(odd), .sprogram tr:nth-of-type(odd), .trailList tr:nth-of-type(odd), .trails tr:nth-of-type(odd), .trailsCNC tr:nth-of-type(odd), .trailsKC tr:nth-of-type(odd), .travelBox:nth-child(2n), .travelBox:nth-child(odd), .treeCutting tr:nth-of-type(odd), .videoConfProg tr:nth-of-type(odd), .volGp tr:nth-of-type(odd), table.frameWork tr:nth-child(odd), table.general tr:nth-child(odd), table.general2 tr:nth-child(odd), table.parksMgmt tr:nth-child(odd), table.reservations tr:nth-child(odd), table.visitor tr:nth-child(odd), table.visitorCentre tr:nth-child(odd) {
	background: #fff
}

.KcMaps th, .LRM th, .ParkList-KC th, .accessibleCamp th, .advClosure th, .annualTrailClosure th, .backcountryCamping th, .byActivity th, .campingListwithPhoneNumbers th, .capitalProjects th, .comfortCamping th, .dayUseKC th, .dumpStation th, .eBikeTrails th, .equestrianCamping th, .extendedSeasonCamping th, .fcfs th, .fireHazard th, .gDayUse th, .groupCampSite th, .groupSizeLimitKC th, .hrsOfOp th, .kcGroupCamping th, .listSeasonalCamping th, .lowCostCamping th, .pActivities th, .pFacility th, .pRates th, .pRegion th, .parksClassRoom th, .partnership th, .sCR th, .sCR2 th, .sFieldPrograms th, .species th, .sprogram th, .trailList th, .trails th, .trailsCNC th, .trailsKC th, .videoConfProg th {
	background: #e2f3ad;
	color: #333;
	font-weight: 600;
	border: 1px solid #ddd;
	padding: 10px 0 10px 10px !important
}

.KcMaps td, .ParkList-KC td, .accessibleCamp td, .advClosure td, .allTrails td, .annualTrailClosure td, .archives td, .backcountryCamping td, .biathlonPass td, .bowValley td, .byActivity td, .campingListwithPhoneNumbers td, .capitalProjects td, .cncDaylodge td, .cncTrailReport td, .cncTrailReport2 td, .consultation td, .dayUseKC td, .eBikeTrails td, .equestrianCamping td, .extendedSeasonCamping td, .fcfs td, .fireHazard td, .gDayUse td, .groupCampSite td, .groupSizeLimitKC td, .hrsOfOp td, .hunting td, .huntingContact td, .huntingNAs td, .huntingPermit td, .huntingWildParks td, .huntingWildland td, .jobs td, .kc-trailReport td, .kcGroupCamping td, .kcVechileAccessCampsites td, .kidsDontFloat td, .landuse td, .pActivities td, .pFacility td, .pRates td, .parksClassRoom td, .parksDayEvents td, .partnership td, .sCR td, .sCR2 td, .sFieldPrograms td, .sharedSites td, .spEvents td, .spFacilities td, .species td, .trailList td, .trails td, .trailsCNC td, .trailsKC td, .treeCutting td, .videoConfProg td, .volGp td {
	padding: 10px !important;
	border: 1px solid #ddd;
	text-align: left
}

.KcMaps input[type=text], .LRM input[type=text], .ParkList-KC input[type=text], .accessibleCamp input[type=text], .advClosure input[type=text], .allTrails input[type=text], .annualTrailClosure input[type=text], .archives input[type=text], .backcountryCamping input[type=text], .biathlonPass input[type=text], .bowValley input[type=text], .byActivity input[type=text], .campingListwithPhoneNumbers input[type=text], .capitalProjects input[type=text], .cncDaylodge input[type=text], .cncTrailReport input[type=text], .cncTrailReport2 input[type=text], .comfortCamping input[type=text], .consultation input[type=text], .cooking-lake input[type=text], .dayUseKC input[type=text], .dumpStation input[type=text], .eBikeTrails input[type=text], .equestrianCamping input[type=text], .extendedSeasonCamping input[type=text], .fcfs input[type=text], .fcfs-status input[type=text], .fireHazard input[type=text], .firstComeFirstServe input[type=text], .gDayUse input[type=text], .groupCampSite input[type=text], .groupSizeLimitKC input[type=text], .hrsOfOp input[type=text], .hunting input[type=text], .huntingContact input[type=text], .huntingNAs input[type=text], .huntingPermit input[type=text], .huntingWildParks input[type=text], .huntingWildland input[type=text], .kc-trail .kc-trailReport input[type=text], .kc-trailReport input[type=text], .kcGroupCamping input[type=text], .kcVechileAccessCampsites input[type=text], .kidsDontFloat input[type=text], .landuse input[type=text], .listSeasonalCamping input[type=text], .lowCostCamping input[type=text], .online-IndividualReservations input[type=text], .online-reservations input[type=text], .online-reservations-com input[type=text], .online-reservations-gc input[type=text], .pActivities input[type=text], .pAmenities input[type=text], .pFacility input[type=text], .pRates input[type=text], .pRegion input[type=text], .parksClassRoom input[type=text], .parksDayEvents input[type=text], .partnership input[type=text], .sCR input[type=text], .sCR2 input[type=text], .sFieldPrograms input[type=text], .sharedSites input[type=text], .spEvents input[type=text], .spFacilities input[type=text], .species input[type=text], .trailList input[type=text], .trails input[type=text], .trailsCNC input[type=text], .trailsKC input[type=text], .treeCutting input[type=text], .videoConfProg input[type=text], .volGp input[type=text] {
	outline: 0;
	width: 100% !important;
	border: 1px solid #ddd;
	border-radius: 0 !important;
	box-sizing: border-box;
	resize: vertical;
	box-shadow: none !important
}

	#searchForm input[type=text]:focus, .KcMaps input[type=text]:focus, .LRM input[type=text]:focus, .ParkList-KC input[type=text]:focus, .accessibleCamp input[type=text]:focus, .advClosure input[type=text]:focus, .allTrails input[type=text]:focus, .annualTrailClosure input[type=text]:focus, .archives input[type=text]:focus, .backcountryCamping input[type=text]:focus, .biathlonPass input[type=text]:focus, .bowValley input[type=text]:focus, .byActivity input[type=text]:focus, .campingListwithPhoneNumbers input[type=text]:focus, .capitalProjects input[type=text]:focus, .cncDaylodge input[type=text]:focus, .cncTrailReport input[type=text]:focus, .cncTrailReport2 input[type=text]:focus, .comfortCamping input[type=text]:focus, .consultation input[type=text]:focus, .cooking-lake input[type=text]:focus, .dayUseKC input[type=text]:focus, .dumpStation input[type=text]:focus, .eBikeTrails input[type=text]:focus, .equestrianCamping input[type=text]:focus, .extendedSeasonCamping input[type=text]:focus, .fcfs input[type=text]:focus, .fcfs-status input[type=text]:focus, .fireHazard input[type=text]:focus, .firstComeFirstServe input[type=text]:focus, .gDayUse input[type=text]:focus, .groupCampSite input[type=text]:focus, .groupSizeLimitKC input[type=text]:focus, .hrsOfOp input[type=text]:focus, .hunting input[type=text]:focus, .huntingContact input[type=text]:focus, .huntingNAs input[type=text]:focus, .huntingPermit input[type=text]:focus, .huntingWildParks input[type=text]:focus, .huntingWildland input[type=text]:focus, .kc-trailReport input[type=text]:focus, .kcGroupCamping input[type=text]:focus, .kcVechileAccessCampsites input[type=text]:focus, .kidsDontFloat input[type=text]:focus, .landuse input[type=text]:focus, .listSeasonalCamping input[type=text]:focus, .lowCostCamping input[type=text]:focus, .online-IndividualReservations input[type=text]:focus, .online-reservations input[type=text]:focus, .online-reservations-com input[type=text]:focus, .online-reservations-gc input[type=text]:focus, .pActivities input[type=text]:focus, .pAmenities input[type=text]:focus, .pFacility input[type=text]:focus, .pRates input[type=text]:focus, .pRegion input[type=text]:focus, .parksClassRoom input[type=text]:focus, .parksDayEvents input[type=text]:focus, .partnership input[type=text]:focus, .sCR input[type=text]:focus, .sCR2 input[type=text]:focus, .sFieldPrograms input[type=text]:focus, .sharedSites input[type=text]:focus, .spEvents input[type=text]:focus, .spFacilities input[type=text]:focus, .species input[type=text]:focus, .trailList input[type=text]:focus, .trails input[type=text]:focus, .trailsCNC input[type=text]:focus, .trailsKC input[type=text]:focus, .treeCutting input[type=text]:focus, .videoConfProg input[type=text]:focus, .volGp input[type=text]:focus {
		box-shadow: 0 0 3px #51cbee !important;
		border: 1px solid #51cbee;
		border-radius: 0;
		-moz-transition: padding .25s;
		-webkit-transition: padding .25s;
		-o-transition: padding .25s;
		transition: padding .25s
	}

p.options.left, p.options.right {
	padding-right: 5px;
	padding-left: 5px
}

table.general, table.general2, table.general3, table.parksMgmt, table.reservations, table.visitor, table.visitorCentre {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed
}

	table.visitor caption {
		font-size: 1.5em;
		margin: .5em 0 .75em
	}

	table.frameWork tr, table.general tr, table.general2 tr, table.general3 tr, table.parksMgmt tr, table.reservations tr, table.visitor tr, table.visitorCentre tr {
		padding: .35em
	}

	table.frameWork td, table.frameWork th, table.general2 td, table.general2 th, table.general3 td, table.general3 th, table.jobs td, table.jobs th, table.parksMgmt td, table.parksMgmt th, table.reservations td, table.reservations th, table.visitor td, table.visitor th, table.visitorCentre td, table.visitorCentre th {
		padding: .625em;
		text-align: left;
		border: 1px solid #ddd
	}

	table.reservations td, table.visitor td {
		font-size: .88em
	}

	table.reservations th, table.visitor th {
		font-size: .85em;
		letter-spacing: .1em;
		text-transform: uppercase;
		background: #e2f3ad
	}

	.footer-update, table.frameWork tr:nth-child(2n), table.general tr:nth-child(2n), table.general2 tr:nth-child(2n), table.parksMgmt tr:nth-child(2n), table.reservations tr:nth-child(2n), table.visitor tr:nth-child(2n), table.visitorCentre tr:nth-child(2n) {
		background: #ecf0f1
	}

	table.frameWork h4, table.general h4, table.general2 h4, table.parksMgmt h4, table.reservations h4, table.visitor h4, table.visitorCentre h4 {
		font-size: 18px;
		text-align: left;
		color: #333
	}

	table.frameWork h6, table.general h6, table.general2 h6, table.parksMgmt h6, table.reservations h6, table.visitor h6, table.visitorCentre h6 {
		text-align: left
	}

.information .large-4, .row-flex .col-md-6 {
	margin-bottom: 10px
}

.advisories ul, .events ul, .infoFacility ul, .information ul, .public-safety ul, .resources ul {
	list-style: none;
	padding: 0;
	font-size: .95em
}

.information li {
	padding: .1em .2em;
	text-align: left
}

	.infoFacility li:before, .information li:before {
		content: "\f05a";
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.3em;
		width: 1.3em
	}

.contactCentre ul li:before, .information ul li li:before {
	content: "\f054" !important;
	color: #333 !important;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.1em;
	width: 1.1em
}

.online li a:before, .pdf li:before {
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em
}

.infoFacility h4, .information h4 {
	padding: 2px 4px;
	margin-top: 10px
}

.information p {
	font-size: .95em;
	padding: 5px 10px;
	margin: 15px 0
}

.events h4, h4.public-safety, h4.resources {
	color: #bed600;
	font-size: 24px;
	padding-top: 5px
}

.advisories li a {
	padding-left: 1.3em;
	line-height: 1.6em;
	padding-bottom: 0;
	margin-top: -7px
}

	.advisories li a:before, .events li a:before, .public-safety li a:before, .resources li a:before {
		content: "\f138";
		color: #fff !important;
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.3em;
		width: 1.3em
	}

h4.advisories {
	color: #bed600;
	padding-left: 15px;
	font-size: 24px;
	padding-bottom: 0
}

.events li a {
	padding-left: 1.5em;
	line-height: 1.3em;
	padding-bottom: 0
}

.events h4 {
	padding-bottom: 0
}

.public-safety li a, .resources li a {
	padding-left: 1.1em;
	line-height: 1.4;
	margin-bottom: -5px;
	padding-bottom: 0
}

	.public-safety li a:hover, .resources li a:hover {
		color: #5fceea
	}

h4.public-safety, h4.resources {
	padding-left: 15px;
	padding-bottom: 0;
	margin-bottom: 5px
}

.pdf ul {
	list-style: none;
	padding: 0;
	font-size: .99em
}

.pdf li {
	margin-left: .5em;
	padding-right: .5em;
	line-height: 1.9em
}

	.pdf li:before {
		content: "\f1c1";
		width: 1.3em
	}

.height7 {
	height: 7px
}

.height10 {
	height: 10px
}

.height15 {
	height: 15px
}

.height40 {
	height: 40px
}

.height20 {
	height: 20px
}

.bansContent .unOrderList, .font15, .notesAccessability p {
	font-size: 15px
}

.font16 {
	font-size: 16px
}

.font18 {
	font-size: 18px
}

.menuPad {
	padding-right: 4px
}

@media only screen and (max-width:600px) {
	h1 {
		font-size: 26px !important
	}

	.flickr_badge_image_incl img {
		width: 100% !important;
		height: auto;
		margin: 2px
	}

	.flickr_badge_image img, .flickr_badge_image_bc img, .flickr_badge_image_com img {
		max-width: 100% !important;
		height: auto;
		margin: 2px
	}

	.text-align {
		text-align: left !important;
		margin-top: 10px
	}

	.information li {
		padding: .1em 0;
		text-align: left
	}

	.footer-trip {
		height: 180px;
		margin-top: 5px !important;
		width: 91%;
		margin-left: 16px !important;
		margin: 0 auto
	}

	.flickr_badge_image {
		margin: 2px
	}

	.footer-trip h3 {
		padding-top: 10px
	}

	h1 a {
		font-size: 24px !important
	}

	.backColor {
		text-align: center
	}

	.col-xs-2 .openNav {
		font-size: 20px !important;
		font-weight: 500;
		padding: 1px 6px;
		margin-right: 2px;
		margin-left: 15px
	}

	.pdf li {
		margin-left: 0 !important;
		padding-left: 0 !important;
		padding-right: .7em;
		line-height: 1.7em !important
	}
}

.rules li, text {
	line-height: 1.7em
}

@media only screen and (max-width:490px)and (min-device-width:300px) {
	.flickr_badge_image img {
		position: relative;
		width: 500px;
		height: auto;
		margin: 0 auto
	}

	.footer-trip h3 {
		padding-top: 10px
	}
}

.govLogo {
	height: 2.3em;
	margin-top: 5px
}

.parklogo {
	margin-top: -5px;
	margin-right: 25px;
	width: 100px;
	height: 50px
}

.footer {
	background-color: #343231 !important
}

.goa-wrapper {
	background-color: #343231 !important;
	border-bottom: 0 solid #333
}

.goa-header {
	background: #343231 !important;
	padding: 15px 0 0
}

.main-font, .mainfont {
	color: #fff;
	text-shadow: 0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1)
}

a.main-font {
	background-color: transparent;
	transition: background-color 250ms ease-out
}

	a.main-font:hover {
		color: #00aad2;
		background-color: transparent
	}

.header-bg {
	padding-top: 0;
	background: #fff !important
}

.text-align, .tright {
	text-align: right
}

.social-media {
	margin-top: 0;
	padding-top: 3px
}

	.social-media a:hover {
		opacity: .5 !important
	}

#searchForm input[type=text] {
	border-radius: 0 !important
}

.box-reservation, .notes, .topBox {
	border: 1px solid #ddd
}

#searchForm input[type=text] {
	outline: 0;
	width: 100% !important;
	box-sizing: border-box;
	resize: vertical;
	border: 1px solid transparent;
	border-top: none;
	border-bottom: 1px solid #ddd;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.39),0 -1px 1px #fff,0 1px 0 #fff
}

.icon-search {
	background-image: url(/media/6495740/icon-search-parks.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 2.4375rem;
	width: 100%
}

.logoMargin {
	padding-left: 3px
}

.scrollup {
	width: 42px;
	height: 40px;
	position: fixed;
	bottom: 65px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url(/media/6495741/scroll.png)
}

#select p.options a, .notes, .resBox, .table-dates, .topBox {
	display: block
}

.imgHover:hover, .scrollup:hover {
	opacity: .7
}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
	.tab button {
		border-left: 0 solid #ccc
	}

	.image-transparency {
		height: 60px !important
	}

	.accessibleCamp table, tbody, td, th, thead, tr {
		display: block;
		font-size: 15px !important
	}

	.accessibleCamp thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.accessibleCamp tr {
		border: 1px solid #ccc;
		margin-bottom: 6px
	}

	.accessibleCamp td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important
	}

		.accessibleCamp td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 50% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.accessibleCamp td:first-of-type:before {
			content: "Park: "
		}

		.accessibleCamp td:nth-of-type(2):before {
			content: "Campground: "
		}

		.accessibleCamp td:nth-of-type(3):before {
			content: "# of Sites: "
		}

		.accessibleCamp td:nth-of-type(4):before {
			content: "Sites: "
		}

	.footer-trip {
		border: 0 solid #ddd;
		margin-top: 0
	}

	.smallScreen {
		display: block;
		width: 100%;
		height: auto
	}

	.largeScreen {
		display: none
	}

	h1 {
		text-align: left !important
	}

	.marBottom {
		margin-bottom: 20px
	}

	table.visitor {
		border: 0;
		padding: 0;
		margin: 0;
		border-collapse: separate !important
	}

		table.visitor caption {
			font-size: 1.3em
		}

		table.visitor thead {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px
		}

		table.visitor tr {
			border-bottom: 3px solid #ddd;
			display: block;
			margin-bottom: 0;
			padding: 0
		}

		table.visitor td {
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd;
			border-bottom: 0;
			display: block;
			font-size: .85em !important;
			text-align: right
		}

			table.visitor td:last-child {
				border-bottom: 0 !important
			}

			table.visitor td::before {
				content: attr(data-label);
				float: left;
				font-weight: 600
			}

		table.visitor .green {
			color: #545f1d
		}

	.scrollup {
		position: fixed;
		bottom: 25px !important;
		right: 20px
	}

	.large-1 .button {
		padding: 0 5px !important;
		margin: 0 !important
	}

	.mtop {
		margin-top: 7px
	}

	.logoMargin {
		padding-left: 5px
	}

	.paddB {
		padding: 0;
		margin-right: -1px
	}

	.tleft, .tright {
		text-align: center !important
	}

	.govLogo {
		margin-right: -95px
	}

	.parklogo {
		margin-top: -6px
	}
}

@media only screen and (max-width:400px) and (min-width:320px) {
	.icon-search {
		background-image: url(/media/6495740/icon-search-parks.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 2.4999rem
	}

	.large-1 .button {
		padding: 0 5px !important;
		margin: 0 !important
	}
}

@media only screen and (max-width:1024px) and (min-width:768px) {
	.large-1 .button {
		padding: 0 5px !important;
		margin: 0 !important
	}
}

@media only screen and (max-width:1024px) {
	.text-align {
		text-align: left !important;
		margin-top: 5px
	}
}

.button, .fcfs-status .button, .online-IndividualReservations .button, .online-reservations .button, .online-reservations-com .button, .online-reservations-gc .button {
	padding: 10px 25px
}

.sprogram table, table.table {
	width: 100%;
	border-collapse: collapse;
	border: 0 !important;
	padding: 0
}

.letter-space {
	text-transform: capitalize !important;
	letter-spacing: normal !important
}

.table-dates {
	width: 100%;
	background-color: transparent;
	height: 40px;
	vertical-align: middle !important;
	line-height: 30px;
	font-size: .95em;
	letter-spacing: .1em;
	text-transform: capitalize;
	font-weight: 500;
	color: #333;
	text-align: center
}

.accessabilty ul, .callout ul, .contactCentre ul, .navList ul, .notesAccessability ul, .online ul, .sideAdv ul, .unOrderListWhite ul {
	list-style: none;
	padding: 0;
	font-size: .95em;
	list-style-type: none !important
}

.notes h2, .notesAccessability h2, .topBox h2 {
	padding-left: 10px
}

.online li a {
	padding-left: 3em;
	line-height: 1.3em;
	padding-bottom: 0
}

.rules li, .rules ul, ul.rules {
	list-style-type: disc !important
}

.online li a:before {
	content: "\f138";
	color: #333 !important;
	width: 1.3em
}

.topBox {
	padding: 20px 25px 15px;
	background: #fafafa;
	color: #333
}

#select, .box-reservation, .notes {
	background: #fff
}

	#block-div a, #select, #select p.options a:hover, .btn-danger.btn-outline:hover, .btn-info.btn-outline:hover, .btn-primary, .btn-primary.btn-outline, .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-warning.btn-outline:hover, .first-box h3, .footer-head h4, .fourth-box h3, .navList li a:hover, .second-box h3, .survey-box p, .survey-box-img p, .third-box h3, h4#block-div {
		color: #fff
	}

.topBox h2 {
	margin-top: 0
}

.notes {
	width: 100%;
	padding: 20px
}

	.notes.bg {
		background: #f1f1f1
	}

.resBox {
	width: 95%;
	padding: 5px 2px 0;
	margin-top: 2px;
	font-size: 15px
}

.marTopNeg {
	margin-top: -25px
}

hr {
	height: 1px !important
}

.box-reservation {
	height: 50px;
	line-height: 46px;
	text-align: left
}

.col-md-10 h1, .margintopZero, .survey-box-img > :first-child, .survey-box > :first-child, h2.margin {
	margin-top: 0
}

.rulesTop {
	text-align: left;
	font-size: 15px;
	padding: 20px 25px
}

.rules ul {
	list-style: none;
	padding: 0;
	font-size: .95em
}

.rules li {
	padding-left: 0;
	padding-bottom: 0
}

.btn-primary {
	background-color: #206cac;
	border-color: #206cac
}

@media only screen and (max-width:1200px) and (min-width:320px) {
	.smallH {
		margin-top: 15px
	}
}

.padLeft {
	padding-left: 20px
}

#select {
	float: left;
	height: 50px;
	width: 100%
}

	#select p.options {
		color: #fff;
		background: #fff;
		float: left;
		font-size: 20px;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		width: 50%
	}

p.options.left {
	align-items: center;
	background: #10395d;
	display: flex;
	justify-content: center;
	border-right: 1px solid #ddd
}

p.options.right {
	align-items: center;
	background: #ebebeb;
	display: flex;
	justify-content: center
}

.sideAdv li:before, table.frameWork td.checkmark li:before {
	display: inline-block;
	font-family: FontAwesome;
	margin-left: -1.3em
}

#select p.options a {
	color: #333;
	padding: 80px 0;
	text-decoration: none;
	width: 100%
}

p.options.left:hover, p.options.right:hover {
	background-color: #00aeef !important
}

.rightq, table {
	width: 100%
}

.flex-fireban {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

	.flex-fireban > div {
		background: #bd2126 !important;
		width: 100%;
		margin: 1px;
		text-align: left;
		line-height: 40px;
		font-size: 16px !important;
		color: #fff !important
	}

.fireban a:link {
	color: #fff !important;
	background: #bd2126;
	padding-left: 5px
}

.fireban a:active, .fireban a:hover {
	color: #fff !important;
	background: #8f0002
}

.fireban a:visited {
	color: #fff !important;
	background: #bd2126
}

span.firebadge {
	background: #fff;
	font-weight: 700;
	padding: 3px 7px;
	line-height: 20px;
	border-radius: 50%;
	color: #333;
	font-size: 14px !important;
	font-family: Arial,Helvetica,sans-serif
}

.flex-container > div, .flex-rates > div, .flex-reservation > div {
	background: #10395d;
	margin: 1px;
	line-height: 40px;
	font-size: 16px !important;
	color: #fff !important
}

.b {
	margin: 5px;
	padding: 5px
}

.reservationBox, .reservationBox2 {
	margin-top: -20px;
	text-align: left
}

a.divLink, a.flex-div {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none
}

.flex-advisories, .flex-container, .flex-rates, .flex-reservation {
	display: flex;
	flex-flow: row wrap
}

#block-div, #block-divNoLink, #link-div, .callout2, .image-transparency, a.fill-div, a.filled-div {
	display: block
}

.flex-container > div {
	width: 260px;
	text-align: left
}

.flex-rates > div {
	width: 160px;
	text-align: left
}

.flex-reservation > div {
	width: 210px;
	text-align: left
}

.click a:link, .flex-advisories > div, .navList li h4 a {
	background: #206cac !important
}

.click a:link {
	color: #fff;
	padding-left: 15px
}

.click a:active, .click a:visited {
	color: #fff;
	background: #206cac !important
}

.click a:hover {
	color: #fff;
	background: #003866 !important
}

@media (max-width:600px) {
	.flex-container > div, .flex-rates > div {
		width: 100% !important
	}

	.reservationBox {
		padding: 15px 10px 23px !important
	}

	.topBox {
		padding: 20px 10px !important
	}

	.flex-reservation > div {
		width: 100% !important;
		margin-right: 20px
	}

	h2 {
		font-size: 24px
	}

	.img-banner h1 a {
		font-size: 20px !important
	}

	.image-transparency {
		height: 40px !important
	}
}

@media only screen and (max-width:1200px) and (min-width:990px) {
	.flex-container > div, .flex-rates > div, .flex-reservation > div {
		width: 92% !important
	}
}

.reservationBox {
	padding: 17px 0 13px 22px
}

.reservationBox2 {
	padding: 40px 0 5px 22px
}

.infoFacility .large-4 {
	margin-bottom: 10px;
	padding-bottom: 0
}

.infoFacility li {
	padding: .5em 3.2em;
	text-align: left
}

.infoFacility p {
	font-size: .95em;
	padding: 0 20px 5px 28px;
	margin: 15px 0
}

.reservationBox .label {
	font-weight: 400;
	color: #333;
	font-size: 14px
}

.btn, .callout {
	border-radius: 0
}

.callout2 {
	width: 100%;
	padding: 20px 25px 10px;
	border: 1px solid #ddd;
	background: #fff;
	margin-top: 20px;
	border-radius: 0
}

.callout li {
	padding-left: .2em;
	line-height: 1.7em;
	padding-bottom: 0;
	list-style-type: none !important
}

.callout ul li li:before, .notesAccessability li:before {
	content: "\f138" !important;
	color: #333 !important;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em
}

.h1.main {
	padding: 0;
	margin: 0
}

h1 {
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 500 !important
}

.topBackground {
	background: #eee;
	margin-top: -25px;
	padding-top: 1px;
	margin-bottom: 15px
}

.image-transparency, .survey-box {
	position: absolute;
	background: rgba(0,0,0,.5)
}

.publications {
	text-align: left;
	font-size: 15px;
	padding: 0 20px
}

.label.alert {
	padding: 4px !important
}

.img-banner h1 a, .marginT {
	margin-top: 5px
}

.image-transparency {
	width: 100%;
	height: 75px;
	bottom: 0;
	z-index: 1
}

h4.adversaries {
	color: #bed600;
	padding-left: 15px;
	font-size: 24px
}

.survey-box {
	top: 130px;
	right: 14.5%;
	height: 185px;
	max-width: 330px;
	padding: 1rem 1.5rem;
	border: 0 solid #333;
	color: #0a0a0a
}

	.comfortCamping .button, .marginBottomZero, .survey-box-img > :last-child, .survey-box > :last-child {
		margin-bottom: 0
	}

	.survey-box-img.primary, .survey-box.primary {
		background-color: #def0fc
	}

	.survey-box-img.secondary, .survey-box.secondary {
		background-color: grey
	}

	.survey-box-img.success, .survey-box.success {
		background-color: #e1faea
	}

	.survey-box-img.alert, .survey-box.alert {
		background-color: #fce6e2
	}

	.survey-box-img.warning, .survey-box.warning {
		background-color: #000
	}

	.survey-box-img.small, .survey-box.small {
		padding: .5rem
	}

	.survey-box-img.large, .survey-box.large {
		padding: 3rem
	}

	.banner-msg.hover:hover, .nintyDays-box.hover:hover, .survey-box-img.hover:hover, .survey-box.hover:hover {
		background-color: #f9f9f9
	}

	.nintyDays-box h4, .sprogram th a:active, .sprogram th a:link, .sprogram th a:visited, .survey-box h4, .survey-box-img h4 {
		color: #bed600
	}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
	.survey-box {
		position: absolute;
		top: 5px;
		right: .5%;
		height: 160px;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: .3rem .7rem;
		border: 1px solid #000;
		color: #0a0a0a
	}

	.img-banner h1 a {
		font-size: 20px !important
	}

	.image-transparency {
		height: 40px !important;
		position: absolute;
		bottom: 0
	}

	.survey-box h4 {
		font-size: 18px
	}

	.survey-box p {
		font-size: 15px
	}
}

.vcImg {
	margin: 5px;
	width: auto;
	height: 135px;
	max-width: 250px
}

.flex-advisories > div {
	width: 100%;
	margin: 1px;
	text-align: left;
	line-height: 40px;
	font-size: 16px !important;
	color: #fff !important
}

.searchBox input[type=text] {
	outline: 0;
	width: 100%;
	padding: 5px 5px 5px 10px !important;
	border: 1px solid #ccc;
	border-radius: 0;
	margin: 5px 1px 3px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

	.searchBox input[type=text]:focus {
		box-shadow: 0 0 5px #51cbee;
		border: 1px solid #51cbee;
		border-radius: 0;
		-moz-transition: padding .25s;
		-webkit-transition: padding .25s;
		-o-transition: padding .25s;
		transition: padding .25s
	}

.labels.button {
	color: #fff;
	padding: 0 8px;
	border-radius: 0;
	font-size: 12px;
	font-family: Arial;
	font-weight: 200;
	line-height: 32px;
	margin: 3px
}

.element:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: 400;
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 7px
}

.element span, .element2 span {
	padding-left: 13px
}

.m2 {
	margin: 2px
}

.survey-box-img {
	position: absolute;
	top: 110px;
	right: 14.5%;
	height: 325px;
	max-width: 330px;
	background: rgba(0,0,0,.5);
	padding: .75rem 1.5rem;
	border: 0 solid #333;
	color: #0a0a0a
}

	.survey-box-img img {
		height: 150px
	}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
	.survey-box-img {
		position: absolute;
		top: 5px;
		right: .5%;
		height: 160px;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: .3rem .7rem;
		border: 1px solid #000;
		color: #0a0a0a
	}

		.survey-box-img h4 {
			font-size: 18px
		}

		.survey-box-img p {
			font-size: 15px
		}
}

#block-div, #block-divNoLink, #link-div, a.fill-div, a.filled-div {
	width: 100%;
	height: 100%
}

.back2:nth-of-type(2n) {
	background: #f7f7f7
}

.callout {
	border: 0 solid #ddd
}

	.callout h5 {
		font-size: 16px;
		margin: 5px
	}

.thinline {
	border-top: 1px solid #e7e7e7;
	padding-bottom: 5px
}

.nintyDays-box {
	position: absolute;
	top: 140px;
	right: 14.5%;
	height: 165px;
	max-width: 330px;
	background: rgba(0,0,0,.5);
	padding: 1rem 1.8rem;
	border: 0 solid #333;
	color: #0a0a0a
}

	.nintyDays-box .spText {
		display: block;
		background: #10395d;
		padding: 0 10px;
		height: 40px;
		margin-top: 0
	}

	.nintyDays-box h2.spText {
		color: #fff;
		text-align: center;
		font-size: 28px !important;
		line-height: 40px
	}

	.nintyDays-box p {
		color: #fff;
		font-size: 16px
	}

.btn-outline {
	background-color: transparent;
	color: inherit;
	transition: .5s;
	border: 1px solid #ccc
}

.btn-primary.btn-outline:hover {
	background: #10395d
}

.btn-success.btn-outline {
	color: #5cb85c
}

.btn-info.btn-outline {
	color: #5bc0de
}

.btn-warning.btn-outline {
	color: #f0ad4e
}

.btn-danger.btn-outline {
	color: #d9534f
}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
	.nintyDays-box {
		position: absolute;
		top: 5px;
		right: .5%;
		height: 145px;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: .3rem .7rem;
		border: 1px solid #000;
		color: #0a0a0a
	}

		.nintyDays-box h4 {
			font-size: 18px
		}

		.nintyDays-box p {
			font-size: 15px
		}
}

@media only screen and (max-width:1200px) and (min-width:768px) {
	.survey-box {
		position: absolute;
		top: 107px;
		right: .9%;
		height: 175px;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: 1rem 1.5rem;
		border: 1px solid #000;
		color: #0a0a0a
	}

		.nintyDays-box h4, .survey-box h4, .survey-box-img h4 {
			font-size: 24px
		}

	.survey-box-img {
		position: absolute;
		top: 125px;
		right: .9%;
		height: 175px;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: 1rem 1.5rem;
		border: 1px solid #000;
		color: #0a0a0a
	}

	.image-transparency {
		height: 50px !important;
		position: absolute;
		bottom: 0
	}

	.img-banner h1 a {
		font-size: 24px !important
	}

	.nintyDays-box {
		position: absolute;
		top: 125px;
		right: .9%;
		height: 155px;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: 1rem 1.5rem;
		border: 1px solid #000;
		color: #0a0a0a
	}
}

@media only screen and (max-width:1400px) and (min-width:1250px) {
	.survey-box, .survey-box-img {
		position: absolute;
		top: 130px;
		right: 6%;
		height: 185px;
		max-width: 330px;
		background: rgba(0,0,0,.5);
		padding: 1rem 1.5rem;
		border: 1px solid #000;
		color: #0a0a0a
	}

	.nintyDays-box {
		position: absolute;
		top: 130px;
		right: 6%;
		height: 165px;
		max-width: 330px;
		background: rgba(0,0,0,.5);
		padding: 1rem 1.5rem;
		border: 1px solid #000;
		color: #0a0a0a
	}
}

@media only screen and (max-width:767px) {
	.navList li h4 a {
		font-size: 20px
	}

	.sm-noDisplay {
		display: none !important
	}

	.font18 {
		font-size: 16px
	}

	.padd2 {
		padding-left: 25px !important
	}

	.vcImg {
		width: 100%;
		height: auto;
		max-width: 450px;
		background-size: cover
	}

	table td {
		font-weight: 500 !important
	}

	.frameWork img {
		width: 15px;
		height: 15px
	}

	.unOrderList ul li, .unOrderListSprog ul li {
		margin-left: 5px !important
	}

	.smPad {
		padding-right: 10px
	}

	.imgCtrl {
		width: 100% !important;
		height: auto !important
	}

	.flickr_badge_image_trip {
		width: 100%;
		background-size: cover;
		margin: 2px
	}

	.heightSmallScreen {
		height: 15px
	}

	.mTopLarge {
		margin-top: 22px !important
	}

	.tLeft {
		text-align: left !important
	}

	.forest-img {
		width: 100% !important;
		height: 200px !important
	}

	.smMargin {
		margin-bottom: 10px !important
	}

	.smScreen {
		margin-bottom: 3px !important
	}

	.nintyDays-box p, .survey-box h4, .survey-box p, .survey-box-img h4, .survey-box-img p {
		color: #333 !important
	}

	.survey-box {
		position: relative;
		margin: -5px auto 30px;
		height: auto;
		width: 95%;
		max-width: 1920px;
		background: #fff;
		padding: 1rem;
		border: 1px solid #ddd;
		color: #333
	}

	.mbot {
		margin-bottom: 15px
	}

	.rules li:before {
		margin-left: -2.5em !important
	}

	.hauto {
		height: 85px !important
	}

	.survey-box-img {
		position: relative;
		margin: -5px auto 50px;
		height: auto;
		width: 95%;
		max-width: 1920px;
		background: #fff;
		padding: 1rem;
		border: 1px solid #ddd;
		color: #333
	}

	.img img {
		width: 100% !important;
		height: auto !important;
		margin: 10px 0
	}

	.btn-primary.btn-outline {
		color: #333
	}

	.nintyDays-box h4 {
		color: #487317 !important;
		text-align: center
	}

	.nintyDays-box {
		position: relative;
		margin: -5px auto 50px;
		height: auto;
		width: 95%;
		max-width: 1920px;
		background: #f6f6f6;
		padding: 1rem;
		border: 1px solid #ddd;
		color: #333
	}
}

.footer-head, .jobs tr:nth-of-type(2n), .lastmodified {
	background: #eee
}

.sml {
	margin-left: 20px
}

@media screen and (max-width:39.9375em) {
	.full-width {
		width: 100% !important
	}
}

table.frameWork td, table.general td, table.general2 td, table.general3 td, table.modify th, table.parksMgmt td, table.visitorCentre td {
	font-size: .9888888em
}

table.visitorCentre th {
	font-size: 1.1em;
	letter-spacing: .1em;
	text-transform: uppercase;
	background: #e2f3ad
}

.jobs th {
	background: #e2f3ad
}

.lastmodified {
	border-top: 1px solid #d2d2d2;
	padding: 15px 0
}

	.lastmodified h5 small {
		color: #686868 !important
	}

table.general td, table.general th {
	padding: .625em;
	text-align: left;
	border: 1px solid #ddd !important
}

table.general th {
	font-size: 1em;
	text-transform: Capitalize;
	background: #e2f3ad !important
}

.size, h4 .size {
	margin-left: 5px
}

.comfortCamping table, .consultation table {
	width: 100%;
	border-collapse: collapse;
	font-family: Roboto,sans-serif
}

.allTrails th, .archives th, .biathlonPass th, .bowValley th, .cncDaylodge th, .cncTrailReport th, .cncTrailReport2 th, .consultation th, .cooking-lake th, .huntingContact th, .huntingNAs th, .huntingPermit th, .huntingWildParks th, .huntingWildland th, .kc-trailReport th, .kcVechileAccessCampsites th, .kidsDontFloat th, .parksDayEvents th, .sharedSites th, .spEvents th, .spFacilities th, .treeCutting th, .volGp th {
	background: #e2f3ad;
	color: #333;
	font-weight: 600;
	border-right: 1px solid #ddd;
	padding: 10px 0 10px 10px !important;
	border-bottom: 1px solid #e2f3ad
}

	.allTrails th:last-child, .archives th:last-child, .biathlonPass th:last-child, .bowValley th:last-child, .capitalProjects th:last-child, .cncDaylodge th:last-child, .cncTrailReport th:last-child, .cncTrailReport2 th:last-child, .consultation th:last-child, .cooking-lake th:last-child, .cookingLake_trailReport th:last-child, .dumpStation th:last-child, .equestrianCamping th:last-child, .fcfs th:last-child, .fireHazard th:last-child, .gDayUse th:last-child, .groupCampSite th:last-child, .hunting th:last-child, .huntingContact th:last-child, .huntingNAs th:last-child, .huntingPermit th:last-child, .huntingWildParks th:last-child, .huntingWildland th:last-child, .kcGroupCamping th:last-child, .kcVechileAccessCampsites th:last-child, .kidsDontFloat th:last-child, .listSeasonalCamping th:last-child, .pFacility th:last-child, .parksClassRoom th:last-child, .parksDayEvents th:last-child, .partnership th:last-child, .sCR th:last-child, .sCR2 th:last-child, .sFieldPrograms th:last-child, .sharedSites th:last-child, .spEvents th:last-child, .spFacilities th:last-child, .species th:last-child, .sprogram th:last-child, .trailList th:last-child, .trails th:last-child, .trailsCNC th:last-child, .treeCutting th:last-child, .videoConfProg th:last-child, .volGp th:last-child {
		border-right: 0 !important
	}

.hunting th, .landuse th {
	background: #e2f3ad;
	font-weight: 600
}

.landuse th {
	color: #333;
	border: 1px solid #ddd;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #e2f3ad
}

.LRM td {
	padding: 10px !important;
	border: 1px solid #ddd !important;
	text-align: left
}

.instaimg {
	padding: 5px;
	width: 195px
}

.footer-head {
	padding: 35px 0 25px;
	margin-top: 30px
}

#block-div, #block-div a:hover, .info {
	background-color: #10395d
}

a.fill-div {
	text-decoration: none;
	padding: 4px 6px
}

a:hover.fill-div {
	background-color: #10395d;
	color: #fff
}

a.filled-div {
	text-decoration: none;
	padding: 2px 0
}

a:hover.filled-div {
	background-color: #206cac;
	color: #fff
}

a.size a {
	color: #545f1d !important
}

.size {
	font-size: 15px
}

h4 .size {
	font-size: 17px
}

#block-divNoLink {
	background-color: #206cac;
	font-size: 20px;
	padding: 5px 0 5px 10px
}

.unOrderList ul li, .unOrderListSprog ul li {
	margin-left: 10px !important;
	list-style-type: disc !important
}

.unOrderList ul ul li, .unOrderListSprog ul ul li {
	list-style-type: circle !important
}

.unOrderList ul ul ul li, .unOrderListSprog ul ul ul li {
	list-style-type: square !important
}

.unOrderList ul ul ul ul li, .unOrderListSprog ul ul ul ul li {
	list-style-type: decimal !important
}

.flex-container-video {
	display: flex;
	flex-wrap: nowrap;
	background-color: #fff
}

	.flex-container-video > iframe {
		width: 282px;
		margin: 5px;
		text-align: center;
		line-height: 175px;
		font-size: 30px
	}

.bookNow {
	position: absolute;
	left: 25px;
	top: 80px
}

.bookNowRFOA {
	position: absolute;
	right: 20px;
	top: 80px
}

@media only screen and (max-width:480px) {
	.bookNow {
		margin-left: -15px;
		margin-top: -7px
	}

	.bookNowRFOA {
		margin-right: -10px;
		margin-top: -7px
	}
}

.tilt {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transition: .5s
}

	.tilt:hover {
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}

.label-accessability {
	color: #fff;
	padding: 4px 10px;
	border-radius: 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px
}

.labels, .labels-sm {
	padding: 3px 8px;
	border-radius: 0;
	font-family: Arial;
	color: #fff
}

.labels {
	font-size: 14px
}

.labels-sm {
	font-size: 12px
}

.success {
	background-color: #4caf50
}

.warning {
	background-color: #ffc836;
	border-color: #ffc836 !important
}

.danger {
	background-color: #f44336
}

.#ee3124 {
	background-color: #ee3124;
	color: #fc1921
}

.brown {
	background-color: #964b00
}

.agentBox:nth-of-type(odd), .campingNotes, .spyTab tr:nth-of-type(odd) {
	background-color: #eee
}

.equestrian {
	background-color: #a47700
}

.sewage {
	background-color: #333
}

.reservationsDs {
	background-color: #487317
}

.water {
	background-color: #3feee4;
	color: #333
}

.other {
	background-color: #fff;
	color: #333
}

.ft {
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif
}

.marginZero {
	margin: 0
}

.paddingZero {
	padding: 0
}

.paddingtopZero {
	padding-top: 0
}

#eventsSkii {
	width: 100%;
	display: block
}

a.skiiDiv {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: #333 !important
}

a:hover.skiiDiv {
	background-color: #10395d;
	color: #fff !important
}

#boxAdv, .boxAdv {
	width: 100%;
	height: 150px;
	color: #000;
	border: 1px solid #ddd;
	margin: 5px 0;
	padding: 0;
	display: block
}

	#boxAdv:nth-of-type(2n), #boxAdv:nth-of-type(odd), .boxAdv:nth-of-type(2n), .boxAdv:nth-of-type(odd) {
		background: #fff !important
	}

	#boxAdv:hover a, #boxAdv:hover h4, #boxAdv:hover h6, .boxAdv:hover a, .boxAdv:hover h4, .boxAdv:hover h6 {
		cursor: pointer;
		background: #003866 !important;
		color: #fff !important;
		border: 0
	}

.padLR {
	padding: 0 6px
}

h4.nameAdv {
	padding: 10px 5px 0 10px;
	margin: 0 0 10px !important;
	font-size: 20px;
	display: block;
	height: 60px
}

h6.parkAdv {
	padding: 0 20px 10px 15px;
	margin: 0;
	font-size: 15px;
	color: #10395d
}

.textCase {
	text-transform: capitalize !important
}

.redtext {
	color: #8e1021
}

.cross-skii-img {
	font-size: 18px;
	display: block;
	height: 45px;
	background: #10395d;
	margin-bottom: 0
}

a.cross-skii-img h5 {
	color: #fff;
	font-size: 18px;
	display: block;
	padding: 10px
}

	a.cross-skii-img h5:hover {
		background: #005072;
		font-size: 18px
	}

.hunting th {
	color: #333;
	border: 1px solid #ddd
}

table.general2 th, table.general3 th {
	font-size: .9em;
	letter-spacing: .1em;
	text-transform: uppercase;
	background: #e2f3ad !important
}

ol.custom-counter {
	counter-reset: li-counter;
	list-style-type: none
}

	ol.custom-counter > li {
		position: relative;
		margin: 5px 0 5px 20px
	}

		ol.custom-counter > li:before {
			content: counter(li-counter);
			counter-increment: li-counter;
			position: absolute;
			top: 0;
			left: -30px;
			width: 25px;
			height: 25px;
			line-height: 25px;
			border-radius: 50%;
			color: #fff;
			background: #10395d;
			text-align: center
		}

.bans, .bansContent, .sideAdvInside {
	border: 1px solid #ddd;
	display: block
}

.imgCtrl, .responsive {
	width: 100%;
	height: auto
}

.sideAdvInside {
	margin: 5px
}

.sideAdv li {
	padding: .5em .7em .5em 2em;
	line-height: 1.5em;
	list-style-type: none !important
}

.contactCentre li, .navList li a {
	padding-bottom: 0;
	list-style-type: none !important
}

.sideAdv li:before {
	content: "\f071" !important;
	color: #ee3124 !important;
	width: 1.3em
}

h2.bans {
	font-size: 24px
}

.bans {
	width: 100%;
	padding: 2px 7px;
	background: #eee
}

.bansImg {
	height: 30px;
	margin-top: -5px
}

.first-box, .fourth-box, .second-box, .third-box {
	padding: 10px;
	height: 280px
}

.bansContent {
	padding: 10px;
	margin-top: -11px
}

	.bansContent h4 {
		font-size: 20px;
		margin-top: 5px
	}

.marTop {
	margin-top: 20px
}

.first-box {
	background: #005072
}

.second-box {
	background: #10395d
}

.third-box {
	background: #545f1d
}

.fourth-box {
	background: #487317
}

.height {
	background: #d1d4d3
}

.contactCenterBox {
	background: #eee;
	padding: 30px 0 15px
}

	.contactCenterBox h4 {
		font-size: 20px
	}

.contactCentre a:active, .contactCentre a:hover, .contactCentre a:link, .contactCentre a:visited {
	color: #fff;
	text-decoration: none
}

.contactCentre li {
	font-size: .88888em;
	padding-left: 2em;
	text-align: left;
	line-height: 1.7em
}

	.contactCentre li a {
		list-style-type: none !important;
		color: #005072
	}

		.contactCentre li a:hover {
			color: #000
		}

	.accessabilty li:before, .contactCentre li:before, .unOrderListWhite li:before {
		content: "\f138" !important;
		color: #fff !important;
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.3em;
		width: 1.3em
	}

.first-box h1, .fourth-box h1, .second-box h1, .third-box h1 {
	border-radius: 50px;
	background: #eee;
	height: 50px;
	width: 50px;
	margin: 10px auto 0;
	font-size: 30px;
	line-height: 50px
}

.black, .campSideBox h6, .first-box, .fourth-box, .second-box, .third-box, h3 {
	color: #333
}

table.frameWork {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%
}

	table.frameWork th {
		font-size: 1.1em;
		letter-spacing: .1em;
		text-transform: capitalize;
		background: #e2f3ad
	}

	table.frameWork td.checkmark ul {
		list-style: none;
		padding: 0;
		font-size: 1.5em;
		list-style-type: none !important
	}

	table.frameWork td.checkmark li {
		padding-top: 10px;
		line-height: 0;
		font-size: 1.5em;
		font-weight: 200;
		text-align: center;
		list-style-type: none !important
	}

		table.frameWork td.checkmark li:before {
			content: "\f00c" !important;
			color: #333 !important;
			width: 1.3em
		}

.img-border {
	border: 1px solid #ddd;
	padding: 10px
}

.background {
	background: #eee;
	font-weight: 700
}

.greenBack {
	background: #e2f3ad;
	font-weight: 700;
	text-align: left
}

.badge, .font400 {
	font-weight: 400
}

.dumpStation td {
	border: 1px solid #ddd;
	text-align: left
}

table.modify td {
	font-size: .8888888em
}

.badge {
	background: #0281ac
}

	.badge .font-normal {
		font-weight: 400 !important;
		font-size: 14px !important;
		text-shadow: none
	}

.travel-routes-box {
	position: absolute;
	top: 320px;
	right: 14.5%;
	width: 330px;
	background: rgba(0,0,0,.5);
	height: 105px;
	padding: .2rem 0 0;
	text-align: right;
	border: 0 solid #999;
	display: block
}

	.travel-routes-box:hover {
		background: rgba(0,0,0,.7)
	}

	.travel-routes-box h4 {
		color: #bed600;
		padding: 20px 0 0;
		text-align: left;
		margin: 0;
		font-size: 22px
	}

		.travel-routes-box h4:hover {
			color: #00aad2
		}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
	table.general2, table.general3, table.visitorCentre {
		border: 0;
		padding: 0;
		margin: 0;
		border-collapse: separate !important
	}

		table.frameWork thead, table.general2 thead, table.general3 thead, table.visitorCentre thead {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px
		}

		table.frameWork tr, table.general2 tr, table.general3 tr, table.visitorCentre tr {
			border-bottom: 3px solid #ddd;
			display: block;
			margin-bottom: 0;
			padding: 0
		}

		table.general3 td, table.visitorCentre td {
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd;
			border-bottom: 0;
			display: block;
			font-size: .85em !important;
			text-align: left
		}

			table.frameWork td:last-child, table.general td:last-child, table.general2 td:last-child, table.general3 td:last-child, table.visitorCentre td:last-child {
				border-bottom: 0 !important
			}

			table.frameWork td::before, table.general td::before, table.general2 td::before, table.general3 td::before, table.visitorCentre td::before {
				content: attr(data-label);
				float: left;
				font-weight: 600
			}

		table.general .green, table.visitorCentre .green {
			color: #545f1d
		}

	table.general {
		border: 0 !important;
		padding: 0;
		margin: 0;
		border-collapse: separate !important
	}

		table.general tbody {
			border: none !important
		}

		table.general thead {
			border: none;
			clip: rect(0 0 0 0);
			height: 0;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 0
		}

		table.general tr {
			border: 2px solid #ddd;
			display: block;
			margin-bottom: 1em !important;
			padding: 0
		}

		table.general td, table.general2 td {
			border-bottom: 0;
			display: block;
			font-size: .85em !important
		}

		table.general td {
			border-right: 0 solid #ddd;
			border-left: 0 solid #ddd;
			text-align: right !important
		}

		table.general .left {
			text-align: left
		}

	.LRM table, .ParkList-KC table, .advClosure table, .archives table, .consultation table, .dayUseKC table, .dumpStation table, .equestrianCamping table, .fcfs table, .groupCampSite table, .groupSizeLimitKC table, .hunting table, .huntingContact table, .huntingWildland table, .kcGroupCamping table, .kcVechileAccessCampsites table, .kidsDontFloat table, .landuse table, .pActivities table, .parksDayEvents table, .sharedSites table, .spEvents table, .spFacilities table, .trailList table, .trails table, .trailsKC table, tbody, td, th, thead, tr {
		display: block;
		font-size: 15px !important
	}

	.LRM thead tr, .ParkList-KC thead tr, .advClosure thead tr, .archives thead tr, .consultation thead tr, .dayUseKC thead tr, .dumpStation thead tr, .equestrianCamping thead tr, .fcfs thead tr, .groupCampSite thead tr, .groupSizeLimitKC thead tr, .hunting thead tr, .huntingContact thead tr, .huntingWildland thead tr, .kcGroupCamping thead tr, .kcVechileAccessCampsites thead tr, .kidsDontFloat thead tr, .landuse thead tr, .pActivities thead tr, .parksDayEvents thead tr, .sharedSites thead tr, .spEvents thead tr, .spFacilities thead tr, .trailList thead tr, .trails thead tr, .trailsKC thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.LRM tr, .ParkList-KC tr, .advClosure tr, .archives tr, .consultation tr, .dayUseKC tr, .dumpStation tr, .equestrianCamping tr, .fcfs tr, .groupCampSite tr, .groupSizeLimitKC tr, .hunting tr, .huntingContact tr, .huntingWildland tr, .kcGroupCamping tr, .kcVechileAccessCampsites tr, .kidsDontFloat tr, .landuse tr, .pActivities tr, .parksDayEvents tr, .sharedSites tr, .spEvents tr, .spFacilities tr, .trailList tr, .trails tr, .trailsKC tr {
		border: 1px solid #ccc;
		margin-bottom: 6px
	}

	.consultation td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important;
		font-family: Roboto,sans-serif;
		font-weight: 500
	}

		.LRM td:before, .ParkList-KC td:before, .advClosure td:before, .archives td:before, .consultation td:before, .dayUseKC td:before, .dumpStation td:before, .equestrianCamping td:before, .fcfs td:before, .groupCampSite td:before, .groupSizeLimitKC td:before, .hunting td:before, .huntingContact td:before, .huntingWildland td:before, .kcGroupCamping td:before, .kcVechileAccessCampsites td:before, .kidsDontFloat td:before, .pActivities td:before, .parksDayEvents td:before, .sharedSites td:before, .spEvents td:before, .spFacilities td:before, .trailList td:before, .trails td:before, .trailsKC td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 50% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.archives td:first-of-type:before, .consultation td:first-of-type:before, .groupCampSite td:nth-of-type(2):before {
			content: "Site Name: "
		}

		.consultation td:nth-of-type(2):before {
			content: "Description: "
		}

		.consultation td:nth-of-type(3):before {
			content: "Comment Period : "
		}

	.landuse td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 70% !important;
		text-align: left !important
	}

		.landuse td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 30% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.landuse td:first-of-type:before {
			content: "IUCN Category:"
		}

		.landuse td:nth-of-type(2):before {
			content: "IUCN Protected Area:"
		}

		.landuse td:nth-of-type(3):before {
			content: "Protected Areas Global: "
		}

		.landuse td:nth-of-type(4):before {
			content: "Protected Areas Canada: "
		}

		.landuse td:nth-of-type(5):before {
			content: "Protected Areas AB Fed: "
		}

		.landuse td:nth-of-type(6):before {
			content: "Protected Areas AB Prov: "
		}

		.landuse td:nth-of-type(7):before {
			content: "Total Area(km2) Global: "
		}

		.landuse td:nth-of-type(8):before {
			content: "Total Area(km2) Canada: "
		}

		.landuse td:nth-of-type(9):before {
			content: "Total Area(km2) AB Fed: "
		}

		.landuse td:nth-of-type(10):before {
			content: "Total Area(km2) AB Prov: "
		}

	.LRM td, .hunting td, .huntingContact td, .huntingWildland td, .sharedSites td, .spFacilities td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important
	}

		.LRM td:first-of-type:before {
			content: "Park Class: "
		}

		.LRM td:nth-of-type(2):before {
			content: "Key Objectives: "
		}

		.LRM td:nth-of-type(3):before {
			content: "visitor Experience: "
		}

		.LRM td:nth-of-type(4):before {
			content: "#: "
		}

		.LRM td:nth-of-type(5):before {
			content: "Area (ha): "
		}

	.instaimg {
		width: 100% !important
	}

	.ParkList-KC td, .advClosure td, .archives td, .dayUseKC td, .dumpStation td, .equestrianCamping td, .fcfs td, .groupCampSite td, .groupSizeLimitKC td, .kcGroupCamping td, .kcVechileAccessCampsites td, .kidsDontFloat td, .pActivities td, .parksDayEvents td, .spEvents td, .trailList td, .trails td, .trailsKC td {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important
	}

		.ParkList-KC td:first-of-type:before, .trails td:first-of-type:before {
			content: "Park : "
		}

		.ParkList-KC td:nth-of-type(2):before {
			content: "Facilities : "
		}

		.ParkList-KC td:nth-of-type(3):before, .trails td:nth-of-type(2):before {
			content: "Region : "
		}

		.trailList td:first-of-type:before {
			content: "Trail : "
		}

		.trailList td:nth-of-type(2):before {
			content: "Length : "
		}

		.trailList td:nth-of-type(3):before {
			content: "Season : "
		}

		.trailList td:nth-of-type(4):before, .trails td:nth-of-type(3):before {
			content: "Permitted Activities : "
		}

		.trails td:nth-of-type(4):before {
			content: "Trails : "
		}

	.spFacilities td:first-of-type:before {
		content: "Facilities: "
	}

	.dayUseKC td:nth-of-type(2):before, .kcGroupCamping td:first-of-type:before, .kcVechileAccessCampsites td:first-of-type:before, .kidsDontFloat td:first-of-type:before, .parksDayEvents td:nth-of-type(2):before, .sharedSites td:first-of-type:before, .spFacilities td:nth-of-type(2):before {
		content: "Park: "
	}

	.spFacilities td:nth-of-type(3):before {
		content: "Contact: "
	}

	.hunting td:first-of-type:before {
		content: "Classification: "
	}

	.hunting td:nth-of-type(2):before {
		content: "No. Sites: "
	}

	.hunting td:nth-of-type(3):before {
		content: "Hunting: "
	}

	.hunting td:nth-of-type(4):before {
		content: "Exceptions: "
	}

	.hunting td:nth-of-type(5):before {
		content: "OHVs permitted: "
	}

	.huntingContact td:first-of-type:before {
		content: "Office: "
	}

	.huntingContact td:nth-of-type(2):before {
		content: "Phone: "
	}

	.equestrianCamping td:first-of-type:before, .fcfs td:first-of-type:before, .groupCampSite td:first-of-type:before, .huntingWildland td:first-of-type:before {
		content: "Park Name: "
	}

	.huntingWildland td:nth-of-type(2):before {
		content: "Hunting Permitted: "
	}

	.huntingWildland td:nth-of-type(3):before {
		content: "OHV Permitted: "
	}

	.huntingWildland td:nth-of-type(4):before {
		content: "Comments: "
	}

	table.general2 td {
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-bottom: 0;
		display: block;
		font-size: .85em !important;
		text-align: right
	}

	.equestrianCamping td:nth-of-type(2):before, .fcfs td:nth-of-type(2):before, .kcVechileAccessCampsites td:nth-of-type(2):before, .sharedSites td:nth-of-type(2):before {
		content: "Campground: "
	}

	.sharedSites td:nth-of-type(3):before {
		content: "Sites: "
	}

	.fcfs td:nth-of-type(3):before {
		content: "P/W/S: "
	}

	.fcfs td:nth-of-type(4):before {
		content: "FCFS Campsites: "
	}

	.groupCampSite td:nth-of-type(3):before {
		content: "Reservations: "
	}

	.groupCampSite td:nth-of-type(4):before {
		content: "Campsites: "
	}

	.contactCenterBox {
		padding: 10px 0 5px
	}

	table.frameWork {
		border: 0;
		padding: 0;
		margin: 0;
		border-collapse: collapse !important
	}

		table.frameWork td {
			border-right: 1px solid #ddd;
			border-left: 1px solid #ddd;
			border-bottom: 0;
			display: block;
			font-size: .95em !important;
			text-align: left;
			text-indent: 5px
		}

	.archives td:nth-of-type(2):before {
		content: "Descrition: "
	}

	.parksDayEvents td:first-of-type:before {
		content: "Date: "
	}

	.parksDayEvents td:nth-of-type(3):before {
		content: "Event: "
	}

	.kidsDontFloat td:nth-of-type(2):before {
		content: "Site: "
	}

	.kidsDontFloat td:nth-of-type(3):before {
		content: "Amenities: "
	}

	.spEvents td:nth-of-type(2):before {
		content: "Fee Type: "
	}

	.spEvents td:nth-of-type(3):before {
		content: "Non-profit Gp/Events: "
	}

	.spEvents td:nth-of-type(4):before {
		content: "Other Gp/Events:"
	}

	.kcGroupCamping td:nth-of-type(3):before, .kcVechileAccessCampsites td:nth-of-type(3):before {
		content: "Season:"
	}

	.kcGroupCamping td:nth-of-type(4):before, .kcVechileAccessCampsites td:nth-of-type(4):before {
		content: "Reservations/Permits:"
	}

	.equestrianCamping td:nth-of-type(4):before, .kcGroupCamping td:nth-of-type(5):before, .kcVechileAccessCampsites td:nth-of-type(5):before {
		content: "Campsites:"
	}

	.kcGroupCamping td:nth-of-type(2):before {
		content: "Group Use: "
	}

	.equestrianCamping td:nth-of-type(3):before {
		content: "Reservations:"
	}

	.dumpStation .sNotes {
		margin-bottom: 10px !important
	}

	.dumpStation td:first-of-type:before {
		content: "Station: "
	}

	.dumpStation td:nth-of-type(2):before {
		content: "Status: "
	}

	.dayUseKC td:first-of-type:before {
		content: "Day Use: "
	}

	.dayUseKC td:nth-of-type(3):before, .trailsKC td:nth-of-type(3):before {
		content: "Season: "
	}

	.groupSizeLimitKC td:nth-of-type(2):before, .trailsKC td:first-of-type:before {
		content: "Trail: "
	}

	.trailsKC td:nth-of-type(2):before {
		content: "Length: "
	}

	.trailsKC td:nth-of-type(4):before {
		content: "Permitted Activities: "
	}

	.pActivities td:first-of-type:before {
		content: "Activity: "
	}

	.pActivities td:nth-of-type(2):before {
		content: "Pro. Recreation Areas: "
	}

	.pActivities td:nth-of-type(3):before {
		content: "Provincial Parks: "
	}

	.pActivities td:nth-of-type(4):before {
		content: "Wildland Parks: "
	}

	.pActivities td:nth-of-type(5):before {
		content: "Public Land Use Zones: "
	}

	.mb {
		margin-bottom: 15px
	}

	.advClosure td:first-of-type:before {
		content: "Road: "
	}

	.advClosure td:nth-of-type(2):before {
		content: "Sections: "
	}

	.advClosure td:nth-of-type(3):before {
		content: "Closure Dates: "
	}

	.groupSizeLimitKC td:first-of-type:before {
		content: "Area: "
	}

	.groupSizeLimitKC td:nth-of-type(3):before {
		content: "Group Size Limit: "
	}

	.travel-routes-box {
		position: absolute;
		top: 5px;
		left: .5%;
		height: auto;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: .3rem .7rem;
		border: 1px solid #000;
		color: #0a0a0a
	}

	.img-banner h1 a {
		font-size: 20px !important
	}

	.image-transparency {
		height: 40px !important;
		position: absolute;
		bottom: 0
	}

	.travel-routes-box h4 {
		font-size: 18px
	}

	.travel-routes-box p {
		font-size: 15px
	}
}

@media only screen and (max-width:1200px) and (min-width:768px) {
	.travel-routes-box {
		position: absolute;
		top: 125px;
		left: .9%;
		height: auto;
		width: 330px;
		background: rgba(0,0,0,.5);
		padding: 0;
		border: 1px solid #000;
		color: #0a0a0a;
		text-align: center
	}

	.image-transparency {
		height: 50px !important;
		position: absolute;
		bottom: 0
	}

	.travel-routes-box h4 {
		font-size: 24px;
		text-align: center
	}

	.img-banner h1 a {
		font-size: 24px !important
	}
}

@media only screen and (max-width:1400px) and (min-width:1250px) {
	.travel-routes-box {
		position: absolute;
		top: 130px;
		left: 6%;
		height: auto;
		max-width: 330px;
		background: rgba(0,0,0,.5);
		padding: 0;
		border: 1px solid #000;
		color: #0a0a0a
	}
}

.travelBox, .travelBox .font, .travelBox h4:hover, li .travelBox:hover {
	display: block;
	width: 100%
}

	.travelBox, .travelBox h4 {
		color: #333;
		font-size: 22px
	}

.travelBox {
	padding: 10px 15px;
	border: 1px solid #ddd;
	background: #fff;
	height: 350px;
	margin-bottom: 20px
}

	.ptop, .travelBox .font {
		padding-bottom: 10px
	}

	.travelBox .font {
		font-size: 22px
	}

	.travelBox .activities {
		margin: 0 2px 2px
	}

	.travelBox h4 {
		margin-bottom: -5px
	}

		.travelBox h4:hover {
			font-size: 22px;
			color: #fff
		}

li .travelBox:hover {
	background: #2682aa;
	color: #fff !important
}

.travelBox .img {
	position: absolute;
	bottom: 20px;
	left: 15px;
	text-align: center;
	right: 20px;
	width: 95%;
	height: auto;
	padding: 1px
}

.hover:hover {
	background-color: #ddd !important
}

table.parksMgmt th {
	font-size: 1.1em;
	letter-spacing: .1em;
	text-transform: Capitalize;
	background: #e2f3ad !important
}

.percent25 {
	width: 25%
}

.percent20 {
	width: 20%
}

.navList li a:before, .navList ul ul li a:before, .navList ul ul li li a:before {
	content: "\f068" !important;
	display: inline-block;
	font-family: FontAwesome
}

.navList li a {
	font-size: .999em;
	padding-left: .899em;
	line-height: 1.3em;
	color: #e9fdaa
}

.navList li h4 a, .navListNo li h4, h4.paddNav {
	padding: 10px 0 10px 10px;
	font-size: 22px;
	display: block
}

.navList li a:before {
	color: #e9fdaa !important;
	margin-left: -1.2em;
	width: 1.2em
}

.navList li h4 a {
	margin-top: -10px !important;
	margin-left: 0;
	color: #fff;
	width: 300px
}

	.navList li h4 a:hover {
		background: #003866 !important;
		color: #fff
	}

.navListNo li h4, h4.paddNav {
	color: #fff;
	width: 100%;
	background: #10395d
}

.navList ul ul li a {
	color: #fcd4f8 !important
}

	.navList ul ul li a:before {
		color: #fcd4f8 !important;
		margin-left: -1em;
		width: 1.1em
	}

.navList ul ul li li a {
	color: #a0e8ff !important
}

	.navList ul ul li li a:before {
		color: #a0e8ff !important;
		margin-left: -1.3em;
		width: 1.3em
	}

.navList ul ul ul li li a:hover, .navList ul ul ul ul ul li li a:hover {
	color: #ffefb1 !important
}

.navList ul ul ul li li a:before, .navList ul ul ul ul ul li li a:before {
	content: "\f068" !important;
	color: #fff !important;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.2em;
	width: 1.2em
}

.comfortCamping td {
	padding: 10px !important;
	border: 1px solid #ddd;
	text-align: left;
	font-weight: 300
}

.lowCostCamping td {
	padding: 10px !important;
	border: 0 solid #ddd;
	text-align: left
}

.accessabilityBlock {
	padding: 5px 7px 5px 0;
	font-size: 15px
}

.accessabilityBlock2 {
	padding: 5px 0 5px 7px;
	font-size: 15px
}

.text-in {
	padding-left: 5px
}

@media only screen and (max-width:767px) {
	.flex-container-video {
		display: block
	}

		.flex-container-video iframe {
			width: 100%;
			height: 100%
		}

	.cross-skii-img, .mobileDevices {
		height: auto
	}

	.activityThumbs img {
		width: 100%;
		height: auto
	}

	.first-box h1, .fourth-box h1, .second-box h1, .third-box h1 {
		text-align: center !important
	}

	.first-box, .fourth-box, .second-box, .third-box {
		height: 300px
	}

	.contactCentre li {
		font-size: .79999em;
		padding-left: .2em;
		text-align: left;
		line-height: 1.7em;
		padding-bottom: 0;
		list-style-type: none !important
	}

	.smMargin {
		margin-bottom: 10px !important
	}

	.smScreen {
		margin-bottom: 3px !important
	}

	.travel-routes-box h4 {
		color: #333 !important;
		margin: 0;
		padding: 0;
		text-align: center
	}

		.travel-routes-box h4:hover {
			color: #fff !important
		}

	.travel-routes-box {
		text-align: center;
		position: relative;
		margin: -5px auto 40px;
		height: auto;
		width: 95%;
		max-width: 1920px;
		background: #ddd;
		padding: .5rem 0;
		border: 1px solid #ddd;
		color: #333
	}

		.travel-routes-box:hover {
			background: #999
		}

		.travel-routes-box p {
			color: #333 !important
		}

	.travelBox {
		display: block;
		width: 100%;
		height: auto;
		padding: 10px
	}

		.travelBox .font {
			font-size: 18px;
			margin-bottom: 10px;
			margin-top: 0;
			padding-top: 0;
			line-height: 2em
		}

		.travelBox .img {
			position: relative;
			width: 100%;
			bottom: 5px;
			left: 0;
			top: 1px
		}

	.navList li h4 a {
		font-size: 20px
	}

	.smTrMargin {
		margin-bottom: 15px
	}

	.accessabilityBlock, .accessabilityBlock2 {
		padding: inherit;
		margin-top: 10px
	}

	.notesAccessabilityBlock h4 {
		font-size: 24px
	}

	.notes {
		padding: 10px;
		margin: 0
	}
}

.bBottom {
	border-bottom: 1px solid #ddd
}

	.bBottom:first-child {
		border: 0
	}

.notesAccessabilityBlock {
	display: block;
	width: 100%;
	padding: 15px 20px;
	background: #fff;
	color: #333;
	font-weight: 400;
	font-size: 15px;
	border: 1px solid #e3e3e3;
	clear: both
}

	.notesAccessabilityBlock h4 {
		font-size: 28px;
		padding-bottom: 5px;
		border-bottom: 1px dashed #ddd;
		margin-bottom: 15px
	}

.accessabilityHead {
	background: #0065a4;
	color: #fff;
	padding: 10px 20px;
	letter-spacing: 1.2px;
	border: 0;
	display: block;
	width: 100%
}

.notesAccessability {
	display: block;
	width: 100%;
	padding: 15px 20px;
	background: #ddd
}

.heightminus5 {
	margin-top: -5px
}

.height5 {
	height: 2px
}

.accessabilty li, .notesAccessability li {
	padding-left: 0;
	line-height: 1.7em;
	padding-bottom: 0;
	list-style-type: none !important;
	margin-bottom: 5px
}

.blockNotes {
	display: block;
	width: 170px;
	margin-bottom: 3px
}

.barFree {
	display: block;
	width: auto;
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 5px
}

.unOrderListSprog.school ul {
	margin-left: 0 !important
}

.agentBox:nth-of-type(2n), .spyTab tr:nth-of-type(2n) {
	background-color: #fff
}

.spyTab td {
	border: 1px solid #ddd;
	text-align: left;
	font-weight: 300
}

.forest-img {
	width: 200px;
	height: 120px
}

.pAmenities th {
	border: 1px solid #ddd !important
}

.tent:after {
	content: '⛺'
}

.advCt {
	color: #bed600;
	padding-left: 15px;
	font-size: 24px;
	margin-bottom: 0
}

.cooking-lake th, .kc-trailReport th {
	border: 1px solid #ddd
}

.Good, .Open, .Roller-Packed, .Very-Good, .veryGood {
	background-color: #487317;
	color: #fff
}

.Fair, .Not-Ski-Ready, .Partially-Closed, .Warning, .Warning-Icy, .Warning-Snow-Covered, .Warning-Wet {
	background-color: #f8ef22;
	color: #000
}

.Closed, .Snowmaking-in-Progress, .button.alert {
	background-color: #bd2126;
	color: #fff
}

.trailMap {
	right: 0;
	left: auto;
	position: absolute
}

.button.sm {
	padding: 6px 15px;
	margin: 0
}

.listSeasonalCamping td {
	padding: 10px !important;
	border: 1px solid #ddd;
	text-align: left;
	color: #333
}

.mTopLarge {
	margin-top: -22px
}

.fcfs-status th, .online-IndividualReservations th, .online-reservations th, .online-reservations-com th, .online-reservations-gc th {
	background: #e2f3ad;
	color: #333;
	font-weight: 600;
	border: 1px solid #ddd;
	padding: 5px 10px !important
}

.kc-trailReport td, a.required, a.required:hover {
	font-weight: 400 !important
}

.fcfs-status td, .online-IndividualReservations td, .online-reservations td, .online-reservations-com td, .online-reservations-gc td {
	padding: 5px 10px !important;
	border: 1px solid #ddd
}

#loadMore {
	padding: 10px;
	background-color: #10395d;
	color: #fff;
	width: 100% !important;
	border-style: solid;
	border-color: #fff;
	transition: .6s ease-in-out;
	-webkit-transition: .6s ease-in-out;
	-moz-transition: .6s ease-in-out;
	-o-transition: .6s ease-in-out;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around
}

	#loadMore:hover {
		background-color: #036483;
		color: #fff
	}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
	table.parksMgmt {
		border: 0;
		padding: 0;
		margin: 0;
		border-collapse: separate !important
	}

	.percent20, .percent25, .trailStatus {
		width: 100%
	}

	table.parksMgmt thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px
	}

	table.parksMgmt tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: 0;
		padding: 0
	}

	table.parksMgmt td {
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-bottom: 0;
		display: block;
		font-size: .85em !important;
		text-align: left
	}

		table.parksMgmt td:last-child {
			border-bottom: 0 !important
		}

		table.parksMgmt td::before {
			content: attr(data-label);
			float: left;
			font-weight: 600
		}

	.smDevices {
		text-align: left;
		font-size: 12px;
		line-height: 1.3em;
		padding-left: 0;
		float: left
	}

	.KcMaps table, .annualTrailClosure table, .backcountryCamping table, .campingListwithPhoneNumbers table, .capitalProjects table, .cncTrailReport table, .cncTrailReport2 table, .comfortCamping table, .extendedSeasonCamping table, .fireHazard table, .gDayUse table, .huntingNAs table, .huntingPermit table, .huntingWildParks table, .kc-trailReport table, .listSeasonalCamping table, .lowCostCamping table, .online-IndividualReservations table, .online-reservations table, .pAmenities table, .pFacility table, .parksClassRoom table, .sCR table, .sCR2 table, .sFieldPrograms table, .species table, .videoConfProg table, tbody, td, th, thead, tr {
		display: block;
		font-size: 15px !important
	}

	.KcMaps thead tr, .annualTrailClosure thead tr, .backcountryCamping thead tr, .campingListwithPhoneNumbers thead tr, .capitalProjects thead tr, .cncTrailReport thead tr, .cncTrailReport2 thead tr, .comfortCamping thead tr, .extendedSeasonCamping thead tr, .fireHazard thead tr, .gDayUse thead tr, .huntingNAs thead tr, .huntingPermit thead tr, .huntingWildParks thead tr, .kc-trailReport thead tr, .listSeasonalCamping thead tr, .lowCostCamping thead tr, .online-IndividualReservations thead tr, .online-reservations thead tr, .pAmenities thead tr, .pFacility thead tr, .parksClassRoom thead tr, .sCR thead tr, .sCR2 thead tr, .sFieldPrograms thead tr, .species thead tr, .videoConfProg thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.LRM tr, .annualTrailClosure tr, .backcountryCamping tr, .campingListwithPhoneNumbers tr, .capitalProjects tr, .cncTrailReport tr, .cncTrailReport2 tr, .comfortCamping tr, .extendedSeasonCamping tr, .fireHazard tr, .gDayUse tr, .huntingNAs tr, .huntingPermit tr, .huntingWildParks tr, .kc-trailReport tr, .listSeasonalCamping tr, .lowCostCamping tr, .online-IndividualReservations tr, .online-reservations tr, .pAmenities tr, .pFacility tr, .parksClassRoom tr, .sCR tr, .sCR2 tr, .sFieldPrograms tr, .species tr, .videoConfProg tr {
		border: 1px solid #ccc;
		margin-bottom: 6px
	}

	.comfortCamping td {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important;
		font-family: Roboto,sans-serif;
		font-weight: 500
	}

		.KcMaps td:before, .annualTrailClosure td:before, .campingListwithPhoneNumbers td:before, .capitalProjects td:before, .cncTrailReport td:before, .cncTrailReport2 td:before, .comfortCamping td:before, .gDayUse td:before, .huntingNAs td:before, .huntingPermit td:before, .huntingWildParks td:before, .kc-trailReport td:before, .lowCostCamping td:before, .pAmenities td:before, .parksClassRoom td:before, .sFieldPrograms td:before, .species td:before, .videoConfProg td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 50% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.comfortCamping td:first-of-type:before, .gDayUse td:nth-of-type(2):before, .huntingNAs td:first-of-type:before, .huntingPermit td:first-of-type:before, .huntingWildParks td:first-of-type:before, .pAmenities td:first-of-type:before, .pFacility td:first-of-type:before, .sFieldPrograms td:first-of-type:before, .videoConfProg td:nth-of-type(4):before {
			content: "Park: "
		}

		.comfortCamping td:nth-of-type(2):before {
			content: "Accomodation: "
		}

		.comfortCamping td:nth-of-type(3):before {
			content: "Sleeps: "
		}

		.comfortCamping td:nth-of-type(4):before {
			content: "Rate/Night: "
		}

		.backcountryCamping td:nth-of-type(2):before, .comfortCamping td:nth-of-type(5):before, .extendedSeasonCamping td:nth-of-type(4):before, .gDayUse td:nth-of-type(3):before {
			content: "Reservations: "
		}

	.annualTrailClosure td, .backcountryCamping td, .campingListwithPhoneNumbers td, .capitalProjects td, .cncTrailReport td, .cncTrailReport2 td, .extendedSeasonCamping td, .gDayUse td, .lowCostCamping td, .online-IndividualReservations td, .online-reservations td, .pAmenities td, .parksClassRoom td, .sFieldPrograms td, .species td, .videoConfProg td {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important
	}

		.backcountryCamping td:before, .extendedSeasonCamping td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 55% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.backcountryCamping td:first-of-type:before, .campingListwithPhoneNumbers td:first-of-type:before, .listSeasonalCamping td:first-of-type:before, .lowCostCamping td:first-of-type:before {
			content: "Campground: "
		}

		.backcountryCamping td:nth-of-type(3):before {
			content: "Campsites: "
		}

	.backcountryCamping .marginB {
		margin-bottom: 10px
	}

	.extendedSeasonCamping td:first-of-type:before {
		content: "Campground/Park: "
	}

	.campingListwithPhoneNumbers td:nth-of-type(3):before, .extendedSeasonCamping td:nth-of-type(2):before {
		content: "Season: "
	}

	.extendedSeasonCamping td:nth-of-type(3):before {
		content: "Max. RV Length: "
	}

	.extendedSeasonCamping .button, .lowCostCamping .button {
		margin-bottom: 0
	}

	.lowCostCamping td:nth-of-type(2):before {
		content: "Nearby City/town: "
	}

	.lowCostCamping td:nth-of-type(3):before, .pAmenities td:nth-of-type(4):before {
		content: "Amenities: "
	}

	.lowCostCamping td:nth-of-type(4):before {
		content: "US: "
	}

	.lowCostCamping td:nth-of-type(5):before {
		content: "P: "
	}

	.lowCostCamping td:nth-of-type(6):before {
		content: "PW: "
	}

	.lowCostCamping td:nth-of-type(7):before {
		content: "PWS: "
	}

	.annualTrailClosure td:first-of-type:before, .cncTrailReport2 td:nth-of-type(2):before {
		content: "Trail: "
	}

	.annualTrailClosure td:nth-of-type(2):before {
		content: "Closure Dates: "
	}

	.annualTrailClosure td:nth-of-type(3):before {
		content: "Reason/Additional Info: "
	}

	.annualTrailClosure td:nth-of-type(4):before {
		content: "Map: "
	}

	.cncTrailReport td:first-of-type:before, .gDayUse td:first-of-type:before, .pAmenities td:nth-of-type(2):before, .pFacility td:nth-of-type(2):before {
		content: "Facility: "
	}

	.cncTrailReport td:nth-of-type(2):before, .cncTrailReport2 td:nth-of-type(3):before {
		content: "Comments: "
	}

	.cncTrailReport td:nth-of-type(3):before, .cncTrailReport2 td:nth-of-type(4):before {
		content: "Status: "
	}

	.cncTrailReport2 td:first-of-type:before {
		content: "Loop: "
	}

	.fireHazard td, .pFacility td, .sCR td, .sCR2 td {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 25% !important;
		text-align: left !important
	}

		.fireHazard td:before, .pFacility td:before, .sCR td:before, .sCR2 td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 75% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.sCR td:first-of-type:before {
			content: "Rank: "
		}

		.sCR td:nth-of-type(2):before, .sCR2 td:nth-of-type(2):before {
			content: "Definition: "
		}

		.sCR2 td:first-of-type:before {
			content: "Qualifier: "
		}

	.species td:first-of-type:before {
		content: "Major Group: "
	}

	.species td:nth-of-type(2):before {
		content: "Group: "
	}

	.species td:nth-of-type(3):before {
		content: "Sub-group: "
	}

	.species td:nth-of-type(4):before {
		content: "Element Code: "
	}

	.huntingNAs td:nth-of-type(2):before, .huntingWildParks td:nth-of-type(2):before, .pAmenities td:nth-of-type(3):before {
		content: "Nearby City/Town: "
	}

	.fireHazard td:first-of-type:before {
		content: "Level: "
	}

	.fireHazard td:nth-of-type(2):before {
		content: "Permitted: "
	}

	.fireHazard td:nth-of-type(3):before {
		content: "Prohibited: "
	}

	.campingListwithPhoneNumbers td:nth-of-type(2):before, .sFieldPrograms td:nth-of-type(2):before {
		content: "Region: "
	}

	.sFieldPrograms td:nth-of-type(3):before {
		content: "Programs: "
	}

	.parksClassRoom td:nth-of-type(2):before, .videoConfProg td:first-of-type:before {
		content: "Program: "
	}

	.parksClassRoom td:nth-of-type(4):before, .videoConfProg td:nth-of-type(2):before {
		content: "Grade: "
	}

	.videoConfProg td:nth-of-type(3):before {
		content: "Curriculm: "
	}

	.parksClassRoom td:first-of-type:before {
		content: "Area: "
	}

	.parksClassRoom td:nth-of-type(3):before {
		content: "Program Type: "
	}

	.capitalProjects td:first-of-type:before {
		content: "Project Title: "
	}

	.capitalProjects td:nth-of-type(2):before {
		content: "Park Refurbishment: "
	}

	#loadMore, .mb {
		margin-bottom: 15px
	}

	.campingListwithPhoneNumbers td:nth-of-type(4):before, .listSeasonalCamping td:nth-of-type(3):before {
		content: "Phone: "
	}

	.listSeasonalCamping td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40% !important;
		text-align: left !important
	}

		.listSeasonalCamping td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 60% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.listSeasonalCamping td:nth-of-type(2):before {
			content: "Notes: "
		}

	.KcMaps td, .huntingNAs td, .huntingPermit td, .huntingWildParks td, .kc-trailReport td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important
	}

		.huntingNAs td:nth-of-type(3):before, .huntingPermit td:nth-of-type(2):before, .huntingWildParks td:nth-of-type(3):before {
			content: "Hunting: "
		}

		.huntingPermit td:nth-of-type(3):before {
			content: "OHV : "
		}

		.huntingPermit td:nth-of-type(4):before {
			content: "Discharge Permit : "
		}

		.huntingWildParks td:nth-of-type(4):before {
			content: "OHV: "
		}

	.online-IndividualReservations .button, .online-reservations .button {
		margin-bottom: 0 !important;
		padding: 8px 25px
	}

	.online-IndividualReservations td:before, .online-reservations td:before {
		position: absolute;
		top: 4px;
		left: 6px;
		width: 50% !important;
		padding-right: 10px;
		white-space: nowrap;
		color: #3b4e02
	}

	.online-IndividualReservations td:first-of-type:before, .online-reservations td:first-of-type:before {
		content: "Facility"
	}

	.online-IndividualReservations td:nth-of-type(2):before, .online-reservations td:nth-of-type(2):before {
		content: "Nearby City/Town"
	}

	.online-IndividualReservations td:nth-of-type(3):before {
		content: "Camping Season"
	}

	.online-IndividualReservations td:nth-of-type(4):before {
		content: "Reservable Dates"
	}

	.online-IndividualReservations td:nth-of-type(5):before, .online-reservations td:nth-of-type(4):before {
		content: "Sites"
	}

	.online-IndividualReservations td:nth-of-type(6):before {
		content: "Res: 1-877-537-2757 \A 9:00AM booking starts";
		white-space: pre;
		line-height: 18px;
		font-size: 14px
	}

	.online-reservations td:nth-of-type(3):before {
		content: "Amenities"
	}

	.online-reservations td:nth-of-type(5):before {
		content: "Reservation: ";
		white-space: pre
	}

	.KcMaps td:first-of-type:before {
		content: "Media: "
	}

	.KcMaps td:nth-of-type(2):before {
		content: "Size: "
	}

	.kc-trailReport td:first-of-type:before {
		content: "Trail Name: "
	}

	.kc-trailReport td:nth-of-type(2):before {
		content: "Activities: "
	}

	.kc-trailReport td:nth-of-type(3):before {
		content: "Status : "
	}
}

h4.trailReportCNCSummer {
	display: block;
	background: #10395d;
	height: 50px;
	color: #fff
}

h4.biathlonRange, h4.trailReportCNCWinter {
	display: block;
	padding: 5px 5px 10px 15px;
	background: #10395d;
	height: 45px;
	color: #fff
}

@media only screen and (max-width:767px) {
	.smMarginBottom {
		margin-bottom: 12px
	}

	.smFonts {
		font-size: 13px
	}

	h4.biathlonRange, h4.trailReportCNCSummer, h4.trailReportCNCWinter {
		line-height: 30px !important;
		height: 40px !important
	}

	.navList {
		font-size: 14px
	}

	td.smallDisppear {
		display: none !important
	}

	ul.pdf {
		font-size: 14px !important
	}

	.flickr_badge_image_flickrV2 img {
		width: 100% !important;
		height: auto !important
	}
}

.show-for-print table, .show-for-print td, .show-for-print th {
	padding: 1px !important
}

.show-for-print p {
	font-size: 13px !important
}

@media print {
	td, th {
		font-size: 12px !important;
		padding: 3px !important
	}

	.kc-trailReport td, .label, td {
		color: #333 !important
	}

	.zoom::before {
		display: none !important
	}

	.marginB {
		margin-bottom: 25px
	}

	.mb-30 {
		margin-bottom: 0
	}

	.col-lg-9, .large-9, p {
		font-size: 12px !important
	}

	th {
		background: #eee !important
	}

	.col-xs-6.inline {
		width: 25% !important;
		display: inline !important
	}

	.printLeft {
		float: left !important
	}

	.printMarginBottom {
		font-size: 13px;
		margin-bottom: 10px
	}

	.font18 {
		font-size: 13px
	}

	h3 {
		font-size: 16px;
		font-weight: 700
	}

	.FLeft, .inline {
		font-size: 14px
	}

	.printfont18 {
		font-size: 13px !important
	}

	.FRight {
		float: right !important;
		position: absolute;
		top: 60px;
		right: 20px;
		font-size: 14px
	}

	img {
		max-width: 500px !important;
		page-break-inside: avoid;
		page-break-after: avoid
	}

	[title~=Hunt] {
		max-width: 100% !important
	}

	figcaption {
		text-align: left !important
	}

	figure {
		border: 0 !important
	}

	.advPrint {
		margin-top: 40px !important
	}
}

.flickr_badge_image_flickrV2 {
	margin: 2px;
	display: inline-block
}

	.flickr_badge_image_flickrV2 img {
		border: 0 solid #ddd !important;
		margin: 5px;
		width: 285px;
		height: 185px;
		background-size: 100% 100%
	}

a.required {
	color: #10395d !important
}

	a.required:hover {
		color: #005072 !important
	}

.activitiesfont {
	font-size: 20px !important;
	line-height: 1em
}

.mapBox li a, .sbTitle {
	font-size: 15px !important
}

.eq-height-box {
	display: flex;
	flex-wrap: wrap
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px
}

.campSideBox, .eventNotice, .mapBox li a, .noticeGray, .redBox, .sewagetd {
	display: block
}

.content {
	height: 100%;
	width: 100%;
	padding: 15px 20px 5px 0
}

	.content.border {
		border: 1px solid #ddd;
		padding: 10px 15px
	}

.padding {
	padding: 0 10px 0 0
}

.spBoxGrey, .spBoxWhite {
	border: 1px solid #eee;
	padding: 20px 5px 10px;
	margin: 5px 0 15px
}

.spBoxGrey {
	background: #eee
}

.spBoxWhite {
	background: #fff
}

.campSideBox, .campSideBox.marginB {
	margin-bottom: 5px
}

.warning {
	color: #333;
	margin-top: 1px
}

.campSideBox {
	width: 100%;
	padding: 15px 20px;
	border: 1px solid #ddd;
	background: #f1f1f1
}

.trailBoxGrey, .trailBoxWhite {
	border: 1px solid #eee;
	padding: 15px 20px
}

.campSideBox h5 {
	padding-top: 5px
}

.campSideBox:hover, .campSideBox:hover h5, .campSideBox:hover h6 {
	background-color: #10395d;
	opacity: 1;
	color: #fff !important;
	border-color: #01789e
}

.font500 {
	font-weight: 500
}

.font600 {
	font-weight: 600
}

.trailBoxGrey {
	background: #eee
}

.trailBoxWhite {
	background: #fff
}

ul.mapBox {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: transparent !important
}

.mapBox li a {
	padding: 8px 10px 8px 15px;
	text-decoration: none;
	background: #10395d;
	width: 100%;
	margin: 1px;
	text-align: left;
	line-height: 1.5em;
	color: #fff !important
}

	.mapBox li a:hover {
		background-color: #005072;
		color: #fff
	}

.element2:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: 400;
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: 7px;
	left: 0;
	padding-left: 7px
}

@supports (-ms-ime-align:auto) {
	.sidenav {
		position: fixed;
		height: auto;
		width: 0;
		z-index: 99;
		top: 0;
		right: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 0 !important;
		margin-top: 0 !important
	}
}

@supports (-webkit-appearance:none) {
	.sidenav {
		position: fixed;
		height: auto;
		width: 0;
		z-index: 99;
		top: 0;
		right: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 0 !important;
		margin-top: 0 !important
	}
}

.sewage1, .sewage2 {
	padding: 10px;
	color: #fff;
	text-align: center
}

select::-ms-expand {
	display: block
}

.sideMenuHr {
	border-top: 1px solid #8c8b8b
}

.sewage1 {
	background-color: #bd2126 !important
}

.sewage2 {
	background-color: #439b3d !important
}

.sewagetd {
	padding: 0;
	height: 100%
}

a.buttonVha {
	background-color: #4caf50;
	border: none;
	color: #fff;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px
}

	a.buttonVha:hover {
		background: #3eb1e6
	}

.text-top > * {
	vertical-align: top
}

.callout .secondary {
	padding: 0 !important
}

.borderLinks {
	border: 1px solid #ccc;
	color: #333
}

.col-half-offset {
	margin-left: 1.166666667%
}

.banner-msg {
	position: absolute;
	top: 220px;
	height: 55px;
	width: 100%;
	background: rgba(0,0,0,.5);
	padding: 1rem 1.8rem;
	border: 0 solid #333;
	color: #0a0a0a
}

.redBox {
	width: 100%;
	padding: 15px 10px;
	text-align: center;
	font-size: 17px;
	background: #eb5744 !important;
	border: 1px solid #eb5744;
	margin-bottom: 15px;
	font-weight: 400;
	color: #fff !important
}

.Closed, .Good, .Neutral, .Not-Advised, .Open, .Poor, .Very-Good, .no-report, .status {
	border-bottom: 1px solid #fff !important
}

.redBox:hover {
	background: #d92f1f !important
}

@media only screen and (max-width:767px) {
	.redBox {
		height: auto !important;
		line-height: auto !important;
		padding: 10px 5px;
		font-size: 16px
	}
}

.unOrderListWhite li {
	font-size: .999em;
	padding-left: 1em;
	line-height: 1.7em;
	padding-bottom: 0;
	list-style-type: none !important
}

.unOrderListWhite ul li:before {
	content: "\f054" !important;
	color: #fff !important;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.1em;
	width: 1.1em
}

.cooking-lake th a:hover, .sprogram th a:hover {
	color: #005072
}

.sprogram .text-center {
	text-align: center
}

.sprogram td {
	padding: 10px !important;
	border: 1px solid #ddd;
	text-align: left;
	font-weight: 400
}

.dont-break-out {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto
}

.sprogram ul, p.padBottom {
	margin-bottom: 0;
	padding-bottom: 0
}

.sprogram li::before {
	content: "";
	margin-right: -3px;
	position: relative
}

.sprogram li li {
	list-style: circle;
	margin-left: 7px
}

.cooking-lake th a:active, .cooking-lake th a:link, .cooking-lake th a:visited {
	color: #2f81ab
}

.cooking-lake td, .pAmenities td, .pRegion td {
	padding: 10px !important;
	border: 1px solid #ddd;
	text-align: left;
	font-weight: 100
}

.Neutral {
	background-color: grey;
	color: #000
}

.status {
	text-align: center;
	margin: 0;
	border-top: 1px solid #fff
}

.Good, .Open, .Very-Good {
	background-color: #487317;
	color: #fff
}

.Fair, .Partially-Closed, .Seasonal, .Warning {
	background-color: #f8ef22;
	color: #000;
	border-bottom: 1px solid #fff !important
}

.Not-Advised, .Poor {
	background-color: #ed8c00;
	color: #fff
}

.no-report {
	background-color: #ddd;
	color: #666
}

.cookingLake_trailReport th {
	background: #e2f3ad;
	color: #333;
	font-weight: 600;
	border-right: 1px solid #ddd;
	padding: 10px !important;
	border-bottom: 1px solid #e2f3ad
}

.cookingLake_trailReport td {
	padding: 10px !important;
	border: 1px solid #ddd;
	font-weight: 100
}

.firstComeFirstServe th, .pAmenities th {
	background: #e2f3ad;
	color: #333;
	font-weight: 600
}

h4.marTop {
	margin-top: 30px
}

.marTop a:active, .marTop a:link, .marTop a:visited {
	color: #10395d;
	text-decoration: none
}

.marTop a:hover {
	color: #015a77;
	text-decoration: none
}

.Fair {
	background-color: #f8ef22;
	color: #333
}

.Poor {
	background-color: #ed8c00;
	color: #333
}

.Closed {
	background-color: #bd2126;
	color: #fff
}

.height {
	height: 350px
}

@media only screen and (max-width:1024px) and (min-width:600px) {
	.height img {
		height: 90% !important;
		width: auto !important;
		padding-top: 15px !important
	}

	.height h5 {
		font-size: 16px !important
	}

	.height h1 {
		font-size: 24px !important
	}
}

@media only screen and (max-width:600px) {
	h4.nameAdv {
		height: auto !important;
		padding: 10px 10px 0 15px
	}

	.padLR {
		padding: 0 !important
	}

	.col-half-offset {
		margin-top: 2px;
		margin-right: 1.166666667%
	}

	.height img {
		width: 100% !important;
		height: 90% !important;
		padding-top: 15px !important
	}

	.toggleList {
		position: relative;
		top: 0;
		left: 0;
		padding: 0
	}
}

.kc-trailReport th:last-child, .pAmenities th:last-child, .pRegion th:last-child {
	border-right: 0px !important
}

.pAmenities th {
	padding: 10px 0 10px 10px !important
}

.firstComeFirstServe th {
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 10px 0 10px 10px !important
}

.firstComeFirstServe td {
	padding: 10px !important;
	border: 1px solid #ddd;
	font-size: 16px;
	text-align: left
}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
	.sidenav {
		height: 100%
	}

	.allTrails table, .biathlonPass table, .bowValley table, .byActivity table, .cncDaylodge table, .cooking-lake table, .cookingLake_trailReport table, .cookingLake_trailReport_top table, .eBikeTrails table, .fcfs-status table, .firstComeFirstServe table, .hrsOfOp table, .kc-trailReport table, .online-reservations-com table, .online-reservations-gc table, .pAmenities table, .pRates table, .pRegion table, .partnership table, .sprogram table, .treeCutting table, .volGp table, tbody, td, th, thead, tr {
		display: block;
		font-size: 15px !important
	}

	.allTrails thead tr, .biathlonPass thead tr, .bowValley thead tr, .byActivity thead tr, .cncDaylodge thead tr, .cooking-lake thead tr, .cookingLake_trailReport thead tr, .cookingLake_trailReport_top thead tr, .eBikeTrails thead tr, .fcfs-status thead tr, .firstComeFirstServe thead tr, .hrsOfOp thead tr, .kc-trailReport thead tr, .online-reservations-com thead tr, .online-reservations-gc thead tr, .pAmenities thead tr, .pRates thead tr, .pRegion thead tr, .partnership thead tr, .sprogram thead tr, .treeCutting thead tr, .volGp thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.allTrails tr, .biathlonPass tr, .bowValley tr, .byActivity tr, .cncDaylodge tr, .cooking-lake tr, .cookingLake_trailReport tr, .cookingLake_trailReport_top tr, .eBikeTrails tr, .fcfs-status tr, .firstComeFirstServe tr, .hrsOfOp tr, .kc-trailReport tr, .online-reservations-com tr, .online-reservations-gc tr, .pAmenities tr, .pRates tr, .pRegion tr, .partnership tr, .sprogram tr, .trailsCNC tr, .treeCutting tr, .volGp tr {
		border: 1px solid #ccc;
		margin-bottom: 6px
	}

	.allTrails td, .biathlonPass td, .bowValley td, .cncDaylodge td, .cooking-lake td, .kc-trailReport td, .partnership td, .volGp td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important
	}

		.allTrails td:before, .biathlonPass td:before, .bowValley td:before, .byActivity td:before, .cncDaylodge td:before, .cooking-lake td:before, .eBikeTrails td:before, .firstComeFirstServe td:before, .hrsOfOp td:before, .kc-trailReport td:before, .pRates td:before, .partnership td:before, .sprogram td:before, .trailsCNC td:before, .treeCutting td:before, .volGp td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 50% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.byActivity td:first-of-type:before, .eBikeTrails td:nth-of-type(2):before, .firstComeFirstServe td:first-of-type:before, .pAmenities td:first-of-type:before, .pRegion td:first-of-type:before, .volGp td:first-of-type:before {
			content: "Park: "
		}

		.volGp td:nth-of-type(2):before {
			content: "Group: "
		}

		.volGp td:nth-of-type(3):before {
			content: "Contact Info: "
		}

		.volGp td:nth-of-type(4):before {
			content: "Website: "
		}

	.byActivity td, .eBikeTrails td, .fcfs-status td, .firstComeFirstServe td, .hrsOfOp td, .online-reservations-com td, .online-reservations-gc td, .pRates td, .sprogram td, .trailsCNC td {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 50% !important;
		text-align: left !important
	}

		.pRates td:first-of-type:before {
			content: "Admission Category: "
		}

		.biathlonPass td:nth-of-type(2):before, .pRates td:nth-of-type(2):before, .treeCutting td:nth-of-type(2):before {
			content: "Day Pass: "
		}

		.pRates td:nth-of-type(3):before {
			content: "Season Pass: "
		}

	.bowValley td:first-of-type:before {
		content: "Campground: "
	}

	.bowValley td:nth-of-type(2):before {
		content: "US: "
	}

	.bowValley td:nth-of-type(3):before {
		content: "WI: "
	}

	.bowValley td:nth-of-type(4):before {
		content: "PW: "
	}

	.bowValley td:nth-of-type(5):before {
		content: "P: "
	}

	.partnership td:first-of-type:before {
		content: "Site Name: "
	}

	.partnership td:nth-of-type(2):before {
		content: "Size(ha): "
	}

	.partnership td:nth-of-type(3):before {
		content: "Type Of Use: "
	}

	.allTrails td:first-of-type:before, .cooking-lake td:first-of-type:before, .eBikeTrails td:first-of-type:before, .kc-trailReport td:first-of-type:before {
		content: "Trail: "
	}

	.allTrails td:nth-of-type(3):before, .byActivity td:nth-of-type(3):before, .eBikeTrails td:nth-of-type(3):before, .eBikeTrails td:nth-of-type(4):before {
		content: "Permitted Activities: "
	}

	.byActivity td:nth-of-type(2):before, .firstComeFirstServe td:nth-of-type(3):before {
		content: "Nearby City/Town: "
	}

	.allTrails td:nth-of-type(2):before, .firstComeFirstServe td:nth-of-type(6):before {
		content: "Season: "
	}

	.allTrails td:nth-of-type(4):before, .cooking-lake td:nth-of-type(2):before {
		content: "Length: "
	}

	.allTrails td:nth-of-type(5):before {
		content: "Status: "
	}

	.biathlonPass td:first-of-type:before, .cookingLake_trailReport_top td:nth-of-type(2):before, .treeCutting td:first-of-type:before {
		content: " "
	}

	.biathlonPass td:nth-of-type(3):before, .treeCutting td:nth-of-type(3):before {
		content: "Monthly Pass: "
	}

	.biathlonPass td:nth-of-type(4):before, .treeCutting td:nth-of-type(4):before {
		content: "Annual Pass**: "
	}

	.cncDaylodge td:first-of-type:before {
		content: "Regular - Half Day: "
	}

	.cncDaylodge td:nth-of-type(2):before {
		content: "Regular - Full Day: "
	}

	.cncDaylodge td:nth-of-type(3):before {
		content: "Not For Profit - Half Day: "
	}

	.cncDaylodge td:nth-of-type(4):before {
		content: "Not For Profit - Full Day: "
	}

	.trailsCNC table, tbody, td, th, thead, tr {
		display: block !important;
		font-size: 15px !important
	}

	.trailsCNC thead tr {
		position: absolute !important;
		top: -9999px;
		left: -9999px
	}

	.trailsCNC td:first-of-type:before {
		content: "Trail : "
	}

	.trailsCNC td:nth-of-type(2):before {
		content: "Comments : "
	}

	.trailsCNC td:nth-of-type(3):before {
		content: "Distance : "
	}

	.trailsCNC td:nth-of-type(4):before {
		content: "Difficulty : "
	}

	.kc-trailReport td:nth-of-type(3):before, .trailsCNC td:nth-of-type(5):before {
		content: "Status : "
	}

	.sprogram td:first-of-type:before {
		content: "Division: "
	}

	.sprogram td:nth-of-type(2):before {
		content: "Program: "
	}

	.sprogram td:nth-of-type(3):before {
		content: "Grade: "
	}

	.sprogram td:nth-of-type(4):before {
		content: "Curriculum: "
	}

	.sprogram td:nth-of-type(5):before {
		content: "Theme: "
	}

	.cooking-lake td:nth-of-type(3):before {
		content: "Summer Activities : "
	}

	.cooking-lake td:nth-of-type(4):before {
		content: "Winter Activities : "
	}

	.cooking-lake td:nth-of-type(5):before {
		content: "Staging Area: "
	}

	.cooking-lake td:nth-of-type(6):before {
		content: "Conditions Trail Report: "
	}

	.cookingLake_trailReport td {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 28% !important;
		text-align: left !important
	}

		.cookingLake_trailReport td:before, .cookingLake_trailReport_top td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 72% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.cookingLake_trailReport td:first-of-type:before {
			content: "Trails: "
		}

		.cookingLake_trailReport td:nth-of-type(2):before {
			content: "Description: "
		}

		.cookingLake_trailReport td:nth-of-type(3):before {
			content: "Conditions: "
		}

	.cookingLake_trailReport_top td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28% !important;
		text-align: left !important
	}

		.cookingLake_trailReport_top td:first-of-type:before {
			content: "Snowfall: "
		}

	.fcfs-status .button, .online-reservations-com .button, .online-reservations-gc .button {
		margin-bottom: 0 !important;
		padding: 8px 25px
	}

	.fcfs-status td:before, .online-reservations-com td:before, .online-reservations-gc td:before {
		position: absolute;
		top: 4px;
		left: 6px;
		width: 50% !important;
		padding-right: 10px;
		white-space: nowrap;
		color: #3b4e02
	}

	.online-reservations-com td:first-of-type:before, .online-reservations-gc td:first-of-type:before {
		content: "Facility"
	}

	.online-reservations-gc td:nth-of-type(2):before {
		content: "Nearby City/Town"
	}

	.fcfs-status td:nth-of-type(3):before, .online-reservations-com td:nth-of-type(2):before, .online-reservations-gc td:nth-of-type(3):before {
		content: "Season Dates"
	}

	.online-reservations-com td:nth-of-type(3):before, .online-reservations-gc td:nth-of-type(4):before {
		content: "Units"
	}

	.online-reservations-gc td:nth-of-type(5):before {
		content: "Rate/Night"
	}

	.online-reservations-gc td:nth-of-type(6):before {
		content: "Reservations: ";
		white-space: pre
	}

	.online-reservations-com td:nth-of-type(4):before {
		content: "Sleeps"
	}

	.online-reservations-com td:nth-of-type(5):before {
		content: "Rate"
	}

	.online-reservations-com td:nth-of-type(6):before {
		content: "Reservations(1-877-537-2757): ";
		white-space: pre
	}

	.fcfs-status td:first-of-type:before {
		content: "Park"
	}

	.fcfs-status td:nth-of-type(2):before {
		content: "Nearby City"
	}

	.fcfs-status td:nth-of-type(4):before {
		content: "Sites"
	}

	.fcfs-status td:nth-of-type(5):before {
		content: "Status: ";
		white-space: pre
	}

	.kc-trailReport td:nth-of-type(2):before {
		content: "Activities: "
	}

	.pAmenities td, .pRegion td {
		border: none;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 25% !important;
		text-align: left !important
	}

		.pAmenities td:before, .pRegion td:before {
			position: absolute;
			top: 10px;
			left: 6px;
			width: 75% !important;
			padding-right: 10px;
			white-space: nowrap
		}

		.pAmenities td:nth-of-type(2):before, .pRegion td:nth-of-type(2):before {
			content: "Facility: "
		}

		.pAmenities td:nth-of-type(3):before, .pRegion td:nth-of-type(4):before {
			content: "Region: "
		}

		.firstComeFirstServe td:nth-of-type(4):before, .pAmenities td:nth-of-type(4):before {
			content: "Amenities: "
		}

		.pRegion td:nth-of-type(3):before {
			content: "Type: "
		}

	.mb {
		margin-bottom: 15px
	}

	.hrsOfOp td:first-of-type:before {
		content: ": June 29 - September 2, 2019"
	}

	.hrsOfOp td:nth-of-type(2):before {
		content: "Hours: "
	}

	.firstComeFirstServe td:nth-of-type(2):before {
		content: "Campground/Reservable: "
	}

	.firstComeFirstServe td:nth-of-type(5):before {
		content: "FCFS Sites: "
	}
}

.eventNotice {
	padding: 10px 15px;
	background: #487317;
	color: #fff
}

.padButton {
	padding: 15.5px 25px
}

.noticeGray {
	width: 100%;
	padding: 15px;
	text-align: center;
	font-size: 15px;
	background: #eee !important;
	border: 1px solid;
	margin-bottom: 15px;
	font-weight: 400
}

	.noticeGray:hover {
		background: #ddd !important
	}

.pl-15 {
	padding-left: 15px !important
}

.ml-0 {
	margin-left: -20px !important
}

.validation-summary-errors {
	background: #fce6e2;
	padding: 15px 10px;
	color: #ee3124
}

a.secondary {
	background-color: #666 !important
}
