.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			text-transform: uppercase;	
		}
		.breadcrumb li { 
			float: left; 
		}
		.breadcrumb li a {
			color: white;
			text-decoration: none; 
			padding: 10px 0 10px 55px;
			background: #B9DFEC;                   /* fallback color */
			background: hsla(192, 98%, 19%,1);
			position: relative; 
			display: block;
			float: left;
			cursor:pointer;
		}
		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(192, 98%, 19%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.breadcrumb li:first-child a {
			padding-left: 10px;
		}
		.breadcrumb li:nth-child(2) a       { background:        hsla(192,85%,45%,1); }
		.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(192,85%,45%,1); }
		.breadcrumb li:nth-child(3) a       { background:        hsla(192,85%,55%,1); }
		.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(192,85%,55%,1); }
		.breadcrumb li:nth-child(4) a       { background:        hsla(192,85%,65%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(192,85%,65%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(192,85%,75%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(192,85%,75%,1); }
		.breadcrumb li:last-child a {
			background: white !important;
			color: #096075;
			pointer-events: none;
 			cursor: default;
			text-transform:uppercase;
			font-weight:600;
		}
		.breadcrumb li:last-child a:after { border: 0; }
		.breadcrumb li a:hover { background: hsla(192,85%,25%,1); }
		.breadcrumb li a:hover:after { border-left-color: hsla(192,85%,25%,1) !important; }


                
.bc_root { 
			list-style: none; 
			overflow: hidden;
			font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			text-transform: uppercase; 
		}
		.bc_root li { 
			float: left; 
		}
		.bc_root .bc_level_1  {
			/*color: white;*/
			text-decoration: none; 
			padding: 10px 0 10px 55px;
			background: #B9DFEC;                   /* fallback color */
			background: hsla(192, 98%, 19%,1);
			position: relative; 
			display: block;
			float: left;
			cursor:pointer;
		}
		.bc_root li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(192, 98%, 19%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
			
		}	
		.bc_root li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		.bc_root li:first-child a {
			padding-left: 10px;
		}
		.bc_root li:nth-child(2) a       { background:        hsla(192,85%,45%,1); }
		.bc_root li:nth-child(2) a:after { border-left-color: hsla(192,85%,45%,1); }
		.bc_root li:nth-child(3) a       { background:        hsla(192,85%,55%,1); }
		.bc_root li:nth-child(3) a:after { border-left-color: hsla(192,85%,55%,1); }
		.bc_root li:nth-child(4) a       { background:        hsla(192,85%,65%,1); }
		.bc_root li:nth-child(4) a:after { border-left-color: hsla(192,85%,65%,1); }
		.bc_root li:nth-child(5) a       { background:        hsla(192,85%,75%,1); }
		.bc_root li:nth-child(5) a:after { border-left-color: hsla(192,85%,75%,1); }
		.bc_root li:last-child a {
			background: white !important;
			color: #096075;
			pointer-events: none;
 			cursor: default;
			text-transform:uppercase;
			font-weight:600;
		}
		.bc_root li:last-child a:after { border: 0; }
		.bc_root li a:hover { background: hsla(192,85%,25%,1); }
		.bc_root li a:hover:after { border-left-color: hsla(192,85%,25%,1) !important; }