:root {
	--bordercolor01: #00374D;
	--bgcolor01: rgba(0, 55, 77, .3);
	--bordercolor02: #E4243C;
	--bgcolor02: rgba(228, 36, 60, .3);
	--bordercolor03: #DDA639;
	--bgcolor03: rgba(221,166,57, .3);
	--bordercolor04: #4D9F46;
	--bgcolor04: rgba(77,159,70, .3);
	--bordercolor05: #C3202F;
	--bgcolor05: rgba(195,32,47, .3);
	--bordercolor06: #EE432A;
	--bgcolor06: rgba(238,67,42, .3);
	--bordercolor07: #25BDE2;
	--bgcolor07: rgba(37,189,226, .3);
	--bordercolor08: #F7C118;
	--bgcolor08: rgba(247,193,24, .3);
	--bordercolor09: #A01C45;
	--bgcolor09: rgba(160,28,69, .3);
	--bordercolor10: #F26B2C;
	--bgcolor10: rgba(242,107,44, .3);
	--bordercolor11: #DF1A82;
	--bgcolor11: rgba(223,26,130, .3);
	--bordercolor12: #F89C27;
	--bgcolor12: rgba(248,156,39, .3);
	--bordercolor13: #BB892C;
	--bgcolor13: rgba(187,137,44, .3);
	--bordercolor14: #3F7F44;
	--bgcolor14: rgba(63,127,68, .3);
	--bordercolor15: #1896D3;
	--bgcolor15: rgba(24,150,211, .3);
	--bordercolor16: #5BB947;
	--bgcolor16: rgba(91,185,7, .3);
	--bordercolor17: #036A9C;
	--bgcolor17: rgba(3,106,156, .3);
	--bordercolor18: #17486A;
	--bgcolor18: rgba(23,72,103, .3);
}

@font-face {
  font-family: 'accredia';
  src:  url('../fonts/accredia.eot?1309123810');
  src:  url('../fonts/accredia.eot?1309123810#iefix') format('embedded-opentype'),
    url('../fonts/accredia.ttf?1309123810') format('truetype'),
    url('../fonts/accredia.woff?1309123810') format('woff'),
    url('../fonts/accredia.svg?1309123810#accredia') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*@font-face {
  font-family: 'accredia';
  src:  url('https://www.callipigia.com/accredia/accredia.eot?32219t');
  src:  url('https://www.callipigia.com/accredia/accredia.eot?32219t#iefix') format('embedded-opentype'),
    url('https://www.callipigia.com/accredia/accredia.ttf?32219t') format('truetype'),
    url('https://www.callipigia.com/accredia/accredia.woff?32219t') format('woff'),
    url('https://www.callipigia.com/accredia/accredia.svg?32219t#accredia') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}*/

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'accredia' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bbk:before {
  content: "\e902";
}
.icon-isp:before {
  content: "\e903";
}
.icon-lab:before {
  content: "\e904";
}
.icon-lat:before {
  content: "\e905";
}
.icon-med:before {
  content: "\e906";
}
.icon-min:before {
  content: "\e907";
}
.icon-prd:before {
  content: "\e908";
}
.icon-prs:before {
  content: "\e909";
}
.icon-ptp:before {
  content: "\e90a";
}
.icon-rmp:before {
  content: "\e90b";
}
.icon-sg:before {
  content: "\e90c";
}
.icon-vev:before {
  content: "\e90d";
}
.icon-check:before {
  content: "\e901";
}
.icon-empty:before {
  content: " ";
}



html {
  scroll-behavior: smooth;
} .dashboard-container {
	width: 100%;
	background-image: url('/app/uploads/2021/06/onde-bg.png');
	background-repeat: repeat;
	padding: 15px;
} .dashboard-container.second {
	margin-top: -50px;
	padding-top: 0;
/*} .dashboard-container h4 {
	color: #004454;
	font-size: 40px;
	font-family: Georgia, sans-serif;
} .dashboard-container h4
, .dashboard-container h6
, .dashboard-container h5
, .dashboard-container > p {
	letter-spacing: normal;
	line-height: normal;
} .dashboard-container h5 {
	color: #004454;
	letter-spacing: normal;
} .dashboard-container > h5 {
	color: #004454;
	font-size: 36px;
	font-family: Georgia, sans-serif;
} .dashboard-container > p {
	color: #5c8f8d;
	font-family: Georgia, sans-serif;
	letter-spacing: normal;
	font-size: 22px;*/
}

.tipologies {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #fff;
	padding: 24px 15px;
	height: calc(76px + (((min(100vw, 900px) - 30px) / 4) / 2.95 + .5rem) * 3);
	transition: height .5s ease;
	box-sizing: border-box;
	margin-bottom: 30px;
} .tipologies.collapsed {
	height: 76px;
} .tipologies > div:first-child {
	width: calc(min(25%, 900px) - 1rem);
	margin: .25rem .5rem;
	height: calc(((min(100vw, 900px) - 30px) / 4) / 2.95);
} .tipologies.collapsed > div:first-child {
	width: 100%;
	height: auto;
} .tipologies > div:first-child > h5 {
	margin: 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	padding:  0 8px;
} .tipologies:not(.collapsed) > div:first-child > h5 {
	line-height: calc(((min(100vw, 900px) - 30px) / 12) / 2.95);
} .tipologies > div.tshrink:first-child {
	animation: tshrink .5s forwards;
} .tipologies > div.tgrow:first-child {
	animation: tgrow .5s forwards;
} .tipologies > div:first-child > h5:after {
	content: " ";
	background: transparent url('/app/uploads/2021/06/arrow.svg') no-repeat scroll center center;
	display: block;
	width: 28px;
	height: 28px;
} .tipologies:not(.collapsed) > div:first-child > h5:after {
	display: none;
} .tipologies > div.arrow {
	background: transparent url('/app/uploads/2021/06/arrow.svg') no-repeat scroll center center;
	transform: rotate(180deg);
	width: 28px;
	height: 28px;
	margin: 0 calc(50% - 14px);
	cursor: pointer;
	opacity: 0;
	transition: opacity .3s ease;
} .tipologies.collapsed > div.arrow {
	display: none;
} .tipologies [class^=tipology-] {
	margin: .25rem .5rem;
	width: calc(25% -  1rem);
	height: calc(((min(100vw, 900px) - 30px) / 4) / 2.95);
	background-repeat: no-repeat;
	display: none;
} .tipologies [class^=tipology-] > a {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: calc(100% - 1px) calc(100% - 1px);
	background-position: center;
} .tipologies .tipology-med > a {
	background-image: url('/app/uploads/2021/06/MED.svg');
} .tipologies .tipology-bbk > a {
	background-image: url('/app/uploads/2021/06/BBK.svg');
} .tipologies .tipology-sg > a {
	background-image: url('/app/uploads/2021/06/SG.svg');
} .tipologies .tipology-prd > a {
	background-image: url('/app/uploads/2021/06/PRD.svg');
} .tipologies .tipology-prs > a {
	background-image: url('/app/uploads/2021/06/PRS.svg');
} .tipologies .tipology-isp > a {
	background-image: url('/app/uploads/2021/06/ISP.svg');
} .tipologies .tipology-rmp > a {
	background-image: url('/app/uploads/2021/06/RMP.svg');
} .tipologies .tipology-lab > a {
	background-image: url('/app/uploads/2021/06/LAB.svg');
} .tipologies .tipology-ptp > a {
	background-image: url('/app/uploads/2021/06/PTP.svg');
} .tipologies .tipology-lat > a {
	background-image: url('/app/uploads/2021/06/LAT.svg');
} .tipologies .tipology-vev > a {
	background-image: url('/app/uploads/2021/06/VV.svg');
} .tipologies [class^=tipology-] > a > img {
	opacity: 0;
	transition: opacity .5s ease;
	margin: 0;
} .tipologies [class^=tipology-].active > a > img {
	opacity: 1;
} .tipologies [class^=tipology-][class$=appear] {
	animation: appear .5s forwards;
} .tipologies [class^=tipology-].appeared {
	display: block;
	opacity: 1;
} .tipologies [class^=tipology-][class$=disappear] {
	animation: disappear .5s forwards;
} 

@keyframes tshrink {
  0% {
  	width: 100%;
  }
  100% {
  	width: calc(25% -  1rem);
  }
} @keyframes tgrow {
  0% {
  	width: calc(25% -  1rem);
  }
  100% {
  	width: 100%;
  }
} @keyframes appear {
  0% {
  	opacity: 0;
  }
  100% {
  	opacity: 1;
  }
} @keyframes disappear {
  0% {
  	opacity: 1;
  }
  100% {
  	opacity: 0;
  }
} @media screen and (max-width: 767px) {
	.tipologies {
		height: calc(76px + (((100vw - 30px) / 3) / 2.95 + .5rem) * 4);
	} .tipologies > div:first-child
	, .tipologies [class^=tipology-] {
		width: calc(33.3333% -  1rem);
		margin: .25rem .5rem;
		height: calc(((100vw - 30px) / 3) / 2.95);
	} .tipologies:not(.collapsed) > div:first-child > h5 {
		line-height: calc(((100vw - 30px) / 9) / 2.95);
	} .tipologies > div:first-child > h5 {
		font-size: 20px;
	} @keyframes tshrink {
	  0% {
	  	width: 100%;
	  }
	  100% {
	  	width: calc(33.3333% -  1rem);
	  }
	} @keyframes tgrow {
	  0% {
	  	width: calc(33.3333% -  1rem);
	  }
	  100% {
	  	width: 100%;
	  }
  	}
} @media screen and (max-width: 540px) {
	.tipologies {
		height: calc(76px + (((100vw - 30px) / 2) / 2.95 + .5rem) * 6);
	} .tipologies > div:first-child
	, .tipologies [class^=tipology-] {
		width: calc(50% -  1rem);
		margin: .25rem .5rem;
		height: calc(((100vw - 30px) / 2) / 2.95);
	} .tipologies.collapsed {
		height: 96px;
	} .tipologies:not(.collapsed) > div:first-child > h5 {
		line-height: calc(((100vw - 30px) / 6) / 2.95);
	} .tipologies > div:first-child > h5 {
		font-size: 14px;
	} @keyframes tshrink {
	  0% {
	  	width: 100%;
	  }
	  100% {
	  	width: calc(50% -  1rem);
	  }
	} @keyframes tgrow {
	  0% {
	  	width: calc(50% -  1rem);
	  }
	  100% {
	  	width: 100%;
	  }
  	}
} @media screen and (max-width: 380px) {
	
} 

.map-boxes {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
/* 	grid-template-rows: calc(900px / 6) calc(900px / 6) calc(900px / 6); */
}

.map-boxes>[class^=color] {
	margin: 5px;
	grid-column-start: auto;
	grid-column-end: auto;
	grid-row-start: auto;
	grid-row-end: auto;
	cursor: pointer;
} .map-boxes>[class^=color] > img {
	max-width: 100%; 
	cursor: pointer;
	margin: 0;
}

.map-boxes>.color-01 {
	background: var(--bordercolor01);
}

.map-boxes>.color-02 {
	background: #E4243C;
}

.map-boxes>.color-03 {
	background: #DDA639;
}

.map-boxes>.color-04 {
	background: #4D9F46;
}

.map-boxes>.color-05 {
	background: #C3202F;
}

.map-boxes>.color-06 {
	background: #EE432A;
}

.map-boxes>.color-07 {
	background: #25BDE2;
}

.map-boxes>.color-08 {
	background: #F7C118;
}

.map-boxes>.color-09 {
	background: #A01C45;
}

.map-boxes>.color-10 {
	background: #F26B2C;
}

.map-boxes>.color-11 {
	background: #DF1A82;
}

.map-boxes>.color-12 {
	background: #F89C27;
}

.map-boxes>.color-13 {
	background: #BB892C;
}

.map-boxes>.color-14 {
	background: #3F7F44;
}

.map-boxes>.color-15 {
	background: #1896D3;
}

.map-boxes>.color-16 {
	background: #5BB947;
}

.map-boxes>.color-17 {
	background: #036A9C;
}

.map-boxes>.color-18 {
	background: #17486A;
}

.map-texts>[class^=color] {
	display: none;
}

@keyframes grow {
  0% {
  	max-height: 0;
  	opacity: 0;
  }
  25% {
    max-height: 40px;
    margin: 5px;
    opacity: 0;
  }
  99% {
  	max-height: 2000px;
    margin: 5px;
    opacity: 1;
  }
  100% {
    max-height: none;
    margin: 5px;
    opacity: 1;
  }
}

@keyframes shrink {
  0% {
  	max-height: none;
  	margin: 5px;
    opacity: 1;
  }
  1% {
  	max-height: 2000px;
    margin: 5px;
    opacity: 1;
  }
  75% {
    max-height: 40px;
    margin: 5px;
    opacity: 0;
  }
  100% {
    max-height: 0;
    opacity: 0;
  }
}

@keyframes hide {
  0% {
  	max-height: 1000px;
    margin: 5px;
    opacity: 1;
  }
  100% {
  	max-height: 2000px;
  	margin: 5px;
    opacity: 0;
  }
}

@keyframes show {
  0% {
  	max-height: 2000px;
  	margin: 5px;
  	opacity: 0;
  }
  100% {
  	max-height: 2000px;
  	margin: 5px;
    opacity: 1;
  }
}

.map-text {
	margin: 0 5px;
	grid-column-start: 1;
	grid-column-end: 7;
	font-family: Verdana, sans-serif;
} .map-text.grow {
	opacity: 0;
	max-height: 0;
	animation: grow 1s forwards;
} .map-text.shrink {
	animation: shrink .5s forwards;
} .map-text.hide {
	opacity: 1;
	animation: hide .5s forwards;
} .map-text.show {
	opacity: 0;
	animation: show 1s forwards;
} .map-text > [class^=color] h6 {
	padding: 40px 15px 15px;
	margin: 0;
	font-size: 20px;
} .map-text > .color-01 h6 {
	color: var(--bordercolor01);
} .map-text > .color-02 h6 {
	color: var(--bordercolor02);
} .map-text > .color-03 h6 {
	color: var(--bordercolor03);
} .map-text > .color-04 h6 {
	color: var(--bordercolor04);
} .map-text > .color-05 h6 {
	color: var(--bordercolor05);
} .map-text > .color-06 h6 {
	color: var(--bordercolor06);
} .map-text > .color-07 h6 {
	color: var(--bordercolor07);
} .map-text > .color-08 h6 {
	color: var(--bordercolor08);
} .map-text > .color-09 h6 {
	color: var(--bordercolor09);
} .map-text > .color-10 h6 {
	color: var(--bordercolor10);
} .map-text > .color-11 h6 {
	color: var(--bordercolor11);
} .map-text > .color-12 h6 {
	color: var(--bordercolor12);
} .map-text > .color-13 h6 {
	color: var(--bordercolor13);
} .map-text > .color-14 h6 {
	color: var(--bordercolor14);
} .map-text > .color-15 h6 {
	color: var(--bordercolor15);
} .map-text > .color-16 h6 {
	color: var(--bordercolor16);
} .map-text > .color-17 h6 {
	color: var(--bordercolor17);
} .map-text > .color-18 h6 {
	color: var(--bordercolor18);
} .map-text > [class^=color] p {
	padding: 0 15px;
	margin: 10px 0 30px;
	font-family: Verdana, sans-serif;
	font-size: 16px;
} .map-text > [class^=color] ul.hlist {
	padding: 0 15px;
	margin: 0 0 30px;
	display: flex;
	justify-content: space-between;
	list-style: none;
} .map-text > [class^=color] ul.hlist > li {
	text-align: center;
} .map-text > [class^=color] ul.hlist > li:before {
	position: relative;
	left: calc(50% - 4px);
	width: 0;
	height: 0;
	display: block;
	content: " ";
	border-style: solid;
	border-width: 4px;
	border-radius: 4px;
	margin-bottom: 4px;
} .map-text > .color-01 ul.hlist > li:before {
	border-color: var(--bordercolor01);
} .map-text > .color-02 ul.hlist > li:before {
	border-color: var(--bordercolor02);
} .map-text > .color-03 ul.hlist > li:before {
	border-color: var(--bordercolor03);
} .map-text > .color-04 ul.hlist > li:before {
	border-color: var(--bordercolor04);
} .map-text > .color-05 ul.hlist > li:before {
	border-color: var(--bordercolor05);
} .map-text > .color-06 ul.hlist > li:before {
	border-color: var(--bordercolor06);
} .map-text > .color-07 ul.hlist > li:before {
	border-color: var(--bordercolor07);
} .map-text > .color-08 ul.hlist > li:before {
	border-color: var(--bordercolor08);
} .map-text > .color-09 ul.hlist > li:before {
	border-color: var(--bordercolor09);
} .map-text > .color-10 ul.hlist > li:before {
	border-color: var(--bordercolor10);
} .map-text > .color-11 ul.hlist > li:before {
	border-color: var(--bordercolor11);
} .map-text > .color-12 ul.hlist > li:before {
	border-color: var(--bordercolor12);
} .map-text > .color-13 ul.hlist > li:before {
	border-color: var(--bordercolor13);
} .map-text > .color-14 ul.hlist > li:before {
	border-color: var(--bordercolor14);
} .map-text > .color-15 ul.hlist > li:before {
	border-color: var(--bordercolor15);
} .map-text > .color-16 ul.hlist > li:before {
	border-color: var(--bordercolor16);
} .map-text > .color-17 ul.hlist > li:before {
	border-color: var(--bordercolor17);
} .map-text > .color-18 ul.hlist > li:before {
	border-color: var(--bordercolor18);
} .map-text > [class^=color] ul.vlist {
	padding: 0 15px 0 0;
	margin: 0 0 40px;
	list-style: none;
} .map-text > [class^=color] ul.vlist > li {
 	display: flex;
	border: 0;
  position: static;
  padding: 0;
} .map-text > [class^=color] ul.vlist > li:before {
	width: 0;
	height: 0;
	content: " ";
	border-style: solid;
	border-width: 4px;
	border-radius: 4px;
	order: 2;
	margin-top: 46px;
    margin-left: 15px;
	position: static;
} .map-text > .color-01 ul.vlist > li:before {
	border-color: var(--bordercolor01);
} .map-text > .color-02 ul.vlist > li:before {
	border-color: var(--bordercolor02);
} .map-text > .color-03 ul.vlist > li:before {
	border-color: var(--bordercolor03);
} .map-text > .color-04 ul.vlist > li:before {
	border-color: var(--bordercolor04);
} .map-text > .color-05 ul.vlist > li:before {
	border-color: var(--bordercolor05);
} .map-text > .color-06 ul.vlist > li:before {
	border-color: var(--bordercolor06);
} .map-text > .color-07 ul.vlist > li:before {
	border-color: var(--bordercolor07);
} .map-text > .color-08 ul.vlist > li:before {
	border-color: var(--bordercolor08);
} .map-text > .color-09 ul.vlist > li:before {
	border-color: var(--bordercolor09);
} .map-text > .color-10 ul.vlist > li:before {
	border-color: var(--bordercolor10);
} .map-text > .color-11 ul.vlist > li:before {
	border-color: var(--bordercolor11);
} .map-text > .color-12 ul.vlist > li:before {
	border-color: var(--bordercolor12);
} .map-text > .color-13 ul.vlist > li:before {
	border-color: var(--bordercolor13);
} .map-text > .color-14 ul.vlist > li:before {
	border-color: var(--bordercolor14);
} .map-text > .color-15 ul.vlist > li:before {
	border-color: var(--bordercolor15);
} .map-text > .color-16 ul.vlist > li:before {
	border-color: var(--bordercolor16);
} .map-text > .color-17 ul.vlist > li:before {
	border-color: var(--bordercolor17);
} .map-text > .color-18 ul.vlist > li:before {
	border-color: var(--bordercolor18);
} .map-text > [class^=color] ul.vlist > li > span {
    font-size: 60px;
    order: 1;
    width: 74px;
} .map-text > .color-01 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor01);
} .map-text > .color-02 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor02);
} .map-text > .color-03 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor03);
} .map-text > .color-04 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor04);
} .map-text > .color-05 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor05);
} .map-text > .color-06 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor06);
} .map-text > .color-07 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor07);
} .map-text > .color-08 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor08);
} .map-text > .color-09 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor09);
} .map-text > .color-10 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor10);
} .map-text > .color-11 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor11);
} .map-text > .color-12 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor12);
} .map-text > .color-13 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor13);
} .map-text > .color-14 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor14);
} .map-text > .color-15 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor15);
} .map-text > .color-16 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor16);
} .map-text > .color-17 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor17);
} .map-text > .color-18 ul.vlist > li span[class^=icon] {
	color: var(--bordercolor18);
} .map-text > [class^=color] ul.vlist > li > div {
	order: 3;
	flex: 1;
	margin-top: 40px;
	padding: 0 15px;
} .map-text > [class^=color] ul.vlist > li a {
	color: #65686c;
	font-weight: bold;
	display: block;
	margin-bottom: .25rem;
} .map-text > [class^=color] ul.vlist > li span {
	margin-bottom: .5rem;
    display: inline-block;
} .map-text > [class^=color] ul.vlist > li span.sigla {
	padding: 0 .25rem;
	background: #fff;
	margin-left: .25rem;
} .map-text > [class^=color] {
	border-style: solid;
	border-width: 0 2px 2px 2px;
	margin-top: 20px;
} .map-text > div[class^=border-top] {
	position: relative;
} .map-text > div[class^=border-top]:before
, .map-text > div[class^=border-top]:after {
   content: "";
   position: absolute;
   border-width: 0 0 2px 0;
   border-style: solid;
   width:100px;
   margin: 20px 0 0 0;
   width: calc(((100% - 50px) / 12) - 8px);
} .map-text > div[class^=border-top]:after {
	width: calc((100% - 50px) - (((100% - 50px) / 12) - 14px) + 23px);
	left: calc(((100% - 50px) / 12) + 11px);
} .map-text > div[class^=border-top] > span:after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    border-style: solid;
    border-width: 2px 2px 0 0;
    top: 12px;
    left: calc(((100% - 50px) / 12) - 6px); 
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
} .map-text > div.border-top-02:before
, .map-text > div.border-top-08:before
, .map-text > div.border-top-14:before {
	width: calc((100% + 10px) / 6 + ((100% - 50px) / 12) - 8px);
} .map-text > div.border-top-02:after
, .map-text > div.border-top-08:after
, .map-text > div.border-top-14:after{
	width: calc((100% - 50px) - (100% + 10px) / 6  - (((100% - 50px) / 12) - 14px) + 23px);
	left: calc((100% + 10px) / 6 + ((100% - 50px) / 12) + 11px);
} .map-text > div.border-top-02 > span:after
, .map-text > div.border-top-08 > span:after
, .map-text > div.border-top-14 > span:after {
	left: calc((100% + 10px) / 6 + ((100% - 50px) / 12) - 6px);
} .map-text > div.border-top-03:before
, .map-text > div.border-top-09:before
, .map-text > div.border-top-15:before {
	width: calc(2 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 8px);
} .map-text > div.border-top-03:after
, .map-text > div.border-top-09:after
, .map-text > div.border-top-15:after{
	width: calc((100% - 50px) - 2 * (100% + 10px) / 6  - (((100% - 50px) / 12) - 14px) + 23px);
	left: calc(2 * (100% + 10px) / 6 + ((100% - 50px) / 12) + 11px);
} .map-text > div.border-top-03 > span:after
, .map-text > div.border-top-09 > span:after
, .map-text > div.border-top-15 > span:after {
	left: calc(2 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 6px);
} .map-text > div.border-top-04:before
, .map-text > div.border-top-10:before
, .map-text > div.border-top-16:before {
	width: calc(3 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 8px);
} .map-text > div.border-top-04:after
, .map-text > div.border-top-10:after
, .map-text > div.border-top-16:after{
	width: calc((100% - 50px) - 3 * (100% + 10px) / 6  - (((100% - 50px) / 12) - 14px) + 23px);
	left: calc(3 * (100% + 10px) / 6 + ((100% - 50px) / 12) + 11px);
} .map-text > div.border-top-04 > span:after
, .map-text > div.border-top-10 > span:after
, .map-text > div.border-top-16 > span:after {
	left: calc(3 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 6px);
} .map-text > div.border-top-05:before
, .map-text > div.border-top-11:before
, .map-text > div.border-top-17:before {
	width: calc(4 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 8px);
} .map-text > div.border-top-05:after
, .map-text > div.border-top-11:after
, .map-text > div.border-top-17:after{
	width: calc((100% - 50px) - 4 * (100% + 10px) / 6  - (((100% - 50px) / 12) - 14px) + 23px);
	left: calc(4 * (100% + 10px) / 6 + ((100% - 50px) / 12) + 11px);
} .map-text > div.border-top-05 > span:after
, .map-text > div.border-top-11 > span:after
, .map-text > div.border-top-17 > span:after {
	left: calc(4 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 6px);
} .map-text > div.border-top-06:before
, .map-text > div.border-top-12:before
, .map-text > div.border-top-18:before {
	width: calc(5 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 8px);
} .map-text > div.border-top-06:after
, .map-text > div.border-top-12:after
, .map-text > div.border-top-18:after{
	width: calc((100% - 50px) - 5 * (100% + 10px) / 6  - (((100% - 50px) / 12) - 14px) + 23px);
	left: calc(5 * (100% + 10px) / 6 + ((100% - 50px) / 12) + 11px);
} .map-text > div.border-top-06 > span:after
, .map-text > div.border-top-12 > span:after
, .map-text > div.border-top-18 > span:after {
	left: calc(5 * (100% + 10px) / 6 + ((100% - 50px) / 12) - 6px);
}

.map-text > .color-01 {
	border-color: var(--bordercolor01);
	background: var(--bgcolor01);
} .map-text > div.border-top-01:before
, .map-text > div.border-top-01:after
, .map-text > div.border-top-01 > span:after {
    border-color: var(--bordercolor01);
} .map-text > div.border-top-01 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor01) 0%, var(--bgcolor01) 8px, transparent 8px, transparent 100%);
}
 
.map-text > .color-02 {
	border-color: var(--bordercolor02);
	background: var(--bgcolor02);
} .map-text > div.border-top-02:before
, .map-text > div.border-top-02:after
, .map-text > div.border-top-02 > span:after {
    border-color: var(--bordercolor02);
} .map-text > div.border-top-02 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor02) 0%, var(--bgcolor02) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-03 {
	border-color: var(--bordercolor03);
	background: var(--bgcolor03);
} .map-text > div.border-top-03:before
, .map-text > div.border-top-03:after
, .map-text > div.border-top-03 > span:after {
    border-color: var(--bordercolor03);
} .map-text > div.border-top-03 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor03) 0%, var(--bgcolor03) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-04 {
	border-color: var(--bordercolor04);
	background: var(--bgcolor04)
} .map-text > div.border-top-04:before
, .map-text > div.border-top-04:after
, .map-text > div.border-top-04 > span:after {
    border-color: var(--bordercolor04);
} .map-text > div.border-top-04 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor04) 0%, var(--bgcolor04) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-05 {
	border-color: var(--bordercolor05);
	background: var(--bgcolor05)
} .map-text > div.border-top-05:before
, .map-text > div.border-top-05:after
, .map-text > div.border-top-05 > span:after {
    border-color: var(--bordercolor05);
} .map-text > div.border-top-05 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor05) 0%, var(--bgcolor05) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-06 {
	border-color: var(--bordercolor06);
	background: var(--bgcolor06)
} .map-text > div.border-top-06:before
, .map-text > div.border-top-06:after
, .map-text > div.border-top-06 > span:after {
    border-color: var(--bordercolor06);
} .map-text > div.border-top-06 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor06) 0%, var(--bgcolor06) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-07 {
	border-color: var(--bordercolor07);
	background: var(--bgcolor07)
} .map-text > div.border-top-07:before
, .map-text > div.border-top-07:after
, .map-text > div.border-top-07 > span:after {
    border-color: var(--bordercolor07);
} .map-text > div.border-top-07 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor07) 0%, var(--bgcolor07) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-08 {
	border-color: var(--bordercolor08);
	background: var(--bgcolor08)
} .map-text > div.border-top-08:before
, .map-text > div.border-top-08:after
, .map-text > div.border-top-08 > span:after {
    border-color: var(--bordercolor08);
} .map-text > div.border-top-08 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor08) 0%, var(--bgcolor08) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-09 {
	border-color: var(--bordercolor09);
	background: var(--bgcolor09)
} .map-text > div.border-top-09:before
, .map-text > div.border-top-09:after
, .map-text > div.border-top-09 > span:after {
    border-color: var(--bordercolor09);
} .map-text > div.border-top-09 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor09) 0%, var(--bgcolor09) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-10 {
	border-color: var(--bordercolor10);
	background: var(--bgcolor10)
} .map-text > div.border-top-10:before
, .map-text > div.border-top-10:after
, .map-text > div.border-top-10 > span:after {
    border-color: var(--bordercolor10);
} .map-text > div.border-top-10 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor10) 0%, var(--bgcolor10) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-11 {
	border-color: var(--bordercolor11);
	background: var(--bgcolor11)
} .map-text > div.border-top-11:before
, .map-text > div.border-top-11:after
, .map-text > div.border-top-11 > span:after {
    border-color: var(--bordercolor11);
} .map-text > div.border-top-11 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor11) 0%, var(--bgcolor11) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-12 {
	border-color: var(--bordercolor12);
	background: var(--bgcolor12)
} .map-text > div.border-top-12:before
, .map-text > div.border-top-12:after
, .map-text > div.border-top-12 > span:after {
    border-color: var(--bordercolor12);
} .map-text > div.border-top-12 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor12) 0%, var(--bgcolor12) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-13 {
	border-color: var(--bordercolor13);
	background: var(--bgcolor13)
} .map-text > div.border-top-13:before
, .map-text > div.border-top-13:after
, .map-text > div.border-top-13 > span:after {
    border-color: var(--bordercolor13);
} .map-text > div.border-top-13 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor13) 0%, var(--bgcolor13) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-14 {
	border-color: var(--bordercolor14);
	background: var(--bgcolor14)
} .map-text > div.border-top-14:before
, .map-text > div.border-top-14:after
, .map-text > div.border-top-14 > span:after {
    border-color: var(--bordercolor14);
} .map-text > div.border-top-14 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor14) 0%, var(--bgcolor14) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-15 {
	border-color: var(--bordercolor15);
	background: var(--bgcolor15)
} .map-text > div.border-top-15:before
, .map-text > div.border-top-15:after
, .map-text > div.border-top-15 > span:after {
    border-color: var(--bordercolor15);
} .map-text > div.border-top-15 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor15) 0%, var(--bgcolor15) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-16 {
	border-color: var(--bordercolor16);
	background: var(--bgcolor16)
} .map-text > div.border-top-16:before
, .map-text > div.border-top-16:after
, .map-text > div.border-top-16 > span:after {
    border-color: var(--bordercolor16);
} .map-text > div.border-top-16 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor16) 0%, var(--bgcolor16) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-17 {
	border-color: var(--bordercolor17);
	background: var(--bgcolor17)
} .map-text > div.border-top-17:before
, .map-text > div.border-top-17:after
, .map-text > div.border-top-17 > span:after {
    border-color: var(--bordercolor17);
} .map-text > div.border-top-17 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor17) 0%, var(--bgcolor17) 8px, transparent 8px, transparent 100%);
}

.map-text > .color-18 {
	border-color: var(--bordercolor18);
	background: var(--bgcolor18)
} .map-text > div.border-top-18:before
, .map-text > div.border-top-18:after
, .map-text > div.border-top-18 > span:after {
    border-color: var(--bordercolor18);
} .map-text > div.border-top-18 > span:after {
	background: linear-gradient(to bottom left, var(--bgcolor18) 0%, var(--bgcolor18) 8px, transparent 8px, transparent 100%);
}

@media screen and (max-width: 540px) {
	.map-boxes {
		grid-template-columns: 1fr 1fr 1fr;
	} .map-text {
		grid-column-end: 4;
	} .map-text > div[class^=border-top]:before
	, .map-text > div[class^=border-top]:after {
	   width: calc(((100% - 50px) / 6) - 8px);
	} .map-text > div[class^=border-top]:after {
		width: calc((100% - 50px) - (((100% - 50px) / 6) - 14px) + 23px);
		left: calc(((100% - 50px) / 6) + 11px);
	} .map-text > div[class^=border-top] > span:after {
	    left: calc(((100% - 50px) / 6) - 6px); 
	} .map-text > div.border-top-02:before
	, .map-text > div.border-top-05:before
	, .map-text > div.border-top-08:before
	, .map-text > div.border-top-11:before
	, .map-text > div.border-top-14:before
	, .map-text > div.border-top-17:before {
		width: calc((100% + 10px) / 3 + ((100% - 50px) / 6) - 8px);
	} .map-text > div.border-top-02:after
	, .map-text > div.border-top-05:after
	, .map-text > div.border-top-08:after
	, .map-text > div.border-top-11:after
	, .map-text > div.border-top-14:after
	, .map-text > div.border-top-17:after {
		width: calc((100% - 50px) - (100% + 10px) / 3  - (((100% - 50px) / 6) - 14px) + 23px);
		left: calc((100% + 10px) / 3 + ((100% - 50px) / 6) + 11px);
	} .map-text > div.border-top-02 > span:after
	, .map-text > div.border-top-05 > span:after
	, .map-text > div.border-top-08 > span:after
	, .map-text > div.border-top-11 > span:after
	, .map-text > div.border-top-14 > span:after
	, .map-text > div.border-top-17 > span:after {
		left: calc((100% + 10px) / 3 + ((100% - 50px) / 6) - 6px);
	} .map-text > div.border-top-03:before
	, .map-text > div.border-top-06:before
	, .map-text > div.border-top-09:before
	, .map-text > div.border-top-12:before
	, .map-text > div.border-top-15:before
	, .map-text > div.border-top-18:before {
		width: calc(2 * (100% + 10px) / 3 + ((100% - 50px) / 6) - 8px);
	} .map-text > div.border-top-03:after
	, .map-text > div.border-top-06:after
	, .map-text > div.border-top-09:after
	, .map-text > div.border-top-12:after
	, .map-text > div.border-top-15:after
	, .map-text > div.border-top-18:after {
		width: calc((100% - 50px) - 2 * (100% + 10px) / 3  - (((100% - 50px) / 6) - 14px) + 23px);
		left: calc(2 * (100% + 10px) / 3 + ((100% - 50px) / 6) + 11px);
	} .map-text > div.border-top-03 > span:after
	, .map-text > div.border-top-06 > span:after
	, .map-text > div.border-top-09 > span:after
	, .map-text > div.border-top-12 > span:after
	, .map-text > div.border-top-15 > span:after
	, .map-text > div.border-top-18 > span:after {
		left: calc(2 * (100% + 10px) / 3 + ((100% - 50px) / 6) - 6px);
    } .dashboard-container h4 {
		font-size: 28px;
    } .dashboard-container > p {
		font-size: 16px;
    } .dashboard-container > h5 {
		font-size: 24px;
	}
}