/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */h1,h2,h3,h4,h5,h6,p,ul{margin-top:0}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}article,footer,header,main,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}p,ul{margin-bottom:1rem}ul ul{margin-bottom:0}b{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}[type=reset],[type=submit],html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.d-none,[hidden]{display:none!important}.progress,.row{display:-webkit-box;display:-ms-flexbox}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.display-1,.display-2,.display-3,.display-4{font-weight:300;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.display-1{font-size:6rem}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-4{font-size:3.5rem}.small,small{font-size:80%;font-weight:400}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.d-lg-none{display:none!important}.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.p-lg-0{padding:0!important}.pt-lg-0{padding-top:0!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1{padding-top:.25rem!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2{padding-top:.5rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3{padding-top:1rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4{padding-top:1.5rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5{padding-top:3rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-10,.col-11,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{-webkit-box-flex:0}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.px-0{padding-right:0!important;padding-left:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5{padding-top:3rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}}

 /*Custom css
 */

 body {
	 background: #fff;
	 color: #333;
	 font-family: "Open Sans", sans-serif;
	 overflow-x: hidden
 }

 .grey {
	 color: #555
 }

 .arrow {
    position: fixed;
    top: 21%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    z-index: 2;
	font-size: 50px;
}

.left {
    left: 0px;
	opacity: 0.5;
}

.right {
    right: -20px;
	opacity: 0.5;
}

 .progress-bar {
	 background-color: #00a651;
	 height: 25px;
	 padding: 4px;
	 width: 45%;
	 margin: 20px 0;
	 border-radius: 5px;
	 box-shadow: 0 1px 5px #00a651 inset, 0 1px 0 #444;
	 text-align: center;
	 margin-left: auto;
	 margin-right: auto
 }

 .progress-bar span {
	 display: inline-block;
	 height: 100%;
	 border-radius: 3px;
	 box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	 transition: width .4s ease-in-out
 }

 .yellow span {
	 background-color: #fff200
 }

 .stripes span {
	 background-size: 30px 30px;
	 background-image: linear-gradient(135deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent);
	 animation: animate-stripes 5s linear infinite
 }

 @keyframes animate-stripes {
	 0% {
		 background-position: 0 0
	 }
	 100% {
		 background-position: 60px 0
	 }
 }

 @keyframes animate-shine {
	 0% {
		 opacity: 0;
		 width: 0
	 }
	 50% {
		 opacity: .5
	 }
	 100% {
		 opacity: 0;
		 width: 95%
	 }
 }

 a {
	 color: #00612E;
	 transition: .5s
 }

 a:active,
 a:focus,
 a:hover,
 .grey:hover {
	 color: #00a651;
	 outline: 0;
	 text-decoration: none
 }

 p {
	 padding: 0;
	 margin: 0 0 30px 0
 }

 h1,
 h2,
 h5,
 h6 {
	 font-family: Montserrat, sans-serif;
	 font-weight: 400;
	 margin: 15px 0 5px 0;
	 padding: 0
 }

 h1 {
	 padding-top: 10px;
	 height: 80px;
 }

 .section-header .section-title {
	 font-size: 32px;
	 color: #00a651;
	 text-align: center;
	 font-weight: 400
 }

 .section-header .section-description {
	 text-align: center;
	 color: #555;
	 font-style: italic
 }

 #about .content .h2 {
	 color: #333;
	 font-weight: 300;
	 font-size: 24px
 }

 #about .content p {
	 line-height: 26px
 }

 #about .content p:last-child {
	 margin-bottom: 0
 }

 #about .content ul {
	 list-style: none;
	 padding: 0
 }

 #about .content ul li {
	 padding-bottom: 10px
 }

 .parking {
	 padding-top: 5px;
	 width: 100%;
	 padding-bottom: 20px
 }

 .list {
	 padding: 0;
	 list-style: none
 }

 h3, h4 {
	 font-family: Montserrat, sans-serif;
	 font-size: 22px;
	 line-height: 1;
	 margin: 3px;
	 font-size: 22px;
	 font-weight: 300
 }

 h3 {
	padding: 18px 0 0;
 }

 h4 {
	padding: 0 0 18px;
 }

 #footer {
	 box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
	 padding: 30px 0;
	 color: #333;
	 font-size: 14px
 }

 #footer .footer-links a {
	 color: #666;
	 padding-left: 15px
 }

 #footer .footer-links a:first-child {
	 padding-left: 0
 }

 #footer .footer-links a:hover {
	 color: #00a651
 }

 li {
	 border-bottom: 0 !important
 }

 .cell {
	 width: 45%;
	 float: left;
 }

 .cellGroup {
	 width: 100%;
	 overflow: hidden;
 }

 .downloadcellGroup {
	 width: 316px;
	 overflow: hidden;
	 margin-left: auto;
  	 margin-right: auto;
	 padding-top: 15px;
 }

 .feature {
	margin-top: 8px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
	background-color: #fff200;
	padding: 4px;
 }

 .download {
	margin-top: 20px;
	display: inline;
	margin-left: auto;
	margin-right: auto;
 }

 .badge {
	border: 1px solid #828281;
  	border-radius: 6px;
 }

 .parkingMap {
	height: 246px;
	border: 2px solid #00a651;
 }

 .map {
	vertical-align:middle;
	height:242px;
	width:100%;
	object-fit:cover;
 }

 .toggleDisplay, .offline {
	display: none;
 }

 .offline {
	color: #ff0000;
 }

 @media (max-width:768px) {
	h3, h4 {
		font-size: 18px !important
	}

	.cell {
	   width: 100%;
	   float: left;
   	}
}

.small-capacity.progress-bar.yellow > span {
	background-color: #00612E;
}

@media (prefers-color-scheme: dark) {
	/* Add your dark mode styles here */
	body {
	  background-color: #111;
	  color: #bbb;
	}


	.progress-bar {
		background-color: #00612E;
		box-shadow: 0 1px 5px #00612E; inset, 0 1px 0 #444;
	}

	 .yellow span {
	 	background-color: #d9ce00;
	 }

	 .feature {
	background-color: #d9ce00;
	padding: 4px;
 }

	 .small-capacity.progress-bar.yellow > span {
		background-color: #d9ce00;
	}

	 .section-header .section-title {
		color: #00612E;
	}

	.section-header .section-description {
		text-align: center;
		color: #aaa;
	}

	.map {
		filter: grayscale(80%) invert(100%);
	  }

	 .parkingMap {
		border: 2px solid #00612E;
	 }
 }

 .small-capacity {
	width: 100%;
	height: 10px;
	margin: 0;
	background-color: inherit;
  	box-shadow: none;
}

 html {
	visibility: visible;
	opacity: 1
}