.list ul {
	list-style-position: inside;
	padding-inline-start: 25px;
	font-weight: 400;

	::marker {
	
		content: "> ";
		color: #d1cecd;
		font-family: Helvetica, Raleway, sans-serif;
	}

	ul ::marker {
		content: ">> ";
	}
	}


@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-XLight_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-XLight_Web.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-XLightItalic_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-XLightItalic_Web.woff') format('woff');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-Light_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-Light_Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-LightItalic_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-LightItalic_Web.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-Book_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-Book_Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-BookItalic_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-BookItalic_Web.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-Medium_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-Medium_Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-MediumItalic_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-MediumItalic_Web.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-Bold_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-Bold_Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-BoldItalic_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-BoldItalic_Web.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-Black_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-Black_Web.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Gotham SSm';
	src:url('/fonts/woff2/GothamSSm-BlackItalic_Web.woff2') format('woff2'),
		url('/fonts/woff/GothamSSm-BlackItalic_Web.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}
h1,h2,h3,h4,h5,h{
	font-family: 'HCo Gotham SSm','Arial';
	font-weight: 800;
	font-style: normal;
	font-size: 16px;
	padding: 6px;
}

* {
	font-family: 'HCo Gotham SSm','Arial';
	font-weight: 200;
	font-style: normal;
	font-size: 13px;
}

table {

	min-width: 150;
	margin: 15px 15px 15px 25px;
	border: none;
	border-bottom: 1px solid  #dddddd;
}

td, th {
  border: none;
  text-align: left;
  padding: 3px;
  font-size: inherit;
}

th{
		font-weight: bold;
		border-bottom: 1px solid  #dddddd;
}

a { font-family: inherit; 
		font-weight: inherit; 
		font-size: inherit; }
		
		
		
.arrow{
    height:40px;
    background:transparent;
    color:black;
    position:relative;
    width:200px;
    text-align:center;
    line-height:40px;
    border:1px solid grey;
}
.arrow:after{
    content:"";
    position:absolute;
    height:0;
    width:0;
    left:100%;
    top:0;
    border:20px solid transparent;
    border-left: 20px solid red;
}

.arrow2{

    background:yellow;
    color:#fff;

}


.text3 {

    background-color:grey;
    display:inline-block;
    padding-left:4px;
    border-top-color: grey;
    border-bottom-color: grey;
}
.arrow3 {
    border-style: dashed;
    border-color: transparent;
    border-width: 0.20em;
    display: -moz-inline-box;
    display: inline-block;    /* Use font-size to control the size of the arrow. */
    font-size: 100px;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0;
    background-color:#fff;   /* change background color acc to bg color */ 
    border-left-width: 0.2em;
    border-left-style: solid;
    border-left-color: grey;
    left:0.25em;
}



.crumb-trail {
	background-color: #CCD2D8;
	color: #62717C;
	list-style: none;
	padding: 0px;
	margin: auto;
	width: 80%;
}

.crumb {
	padding: 4px 16px;
	position: relative;
}


.crumb:not(:last-child):before,
.crumb:not(:last-child):after {
	content: '';
	display: inline-block;
	height: 1px;
	width: 17px;
	position: absolute;
	right: -7px;
	background-color: #fff;
}

.crumb:before {
	top: 6px;
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.crumb:after {
	bottom: 6px;
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}


#poi-1 {
  appearance: auto;
  -webkit-appearance: checkbox;
  accent-color: rgba(105,105,105,0.8);
}
#poi-2 {
  appearance: auto;
  -webkit-appearance: checkbox;
  accent-color: rgba(255,140,0,0.8);
}
#poi-3 {
  appearance: auto;
  -webkit-appearance: checkbox;
  accent-color: rgba(112,26,117,0.8);
}
#poi-4 {
  appearance: auto;
  -webkit-appearance: checkbox;
  accent-color: rgba(64, 64, 64,0.8);
}
#poi-5 {
  appearance: auto;
  -webkit-appearance: checkbox;
  accent-color: rgba(153, 24, 24,0.8);
}

.mapboxgl-ctrl-attrib-inner {
	display:none;
	
}