:root {
 --scroll-padding-top: 100px;
 --scroll-padding-top-menu: 110px;
 --background-color: #ffffff;
 --color: #000000;
 --font-size: 1rem;
 --font-weight: 400;
 --font-family: 'Assistant','Roboto';
 scroll-padding-top: var(--scroll-padding-top);
 --button: #2657b4;
 --button-selected: #085b06;
 --button-hover: #000000; 
 --button-color: #ffffff;
 --button-color-hover: #ffffff;
 --header-font-size: 1.1rem;
 --h1-font-size: 0.8rem;
 --text-align: ltr;
 --li-padding-1: 1rem;
 --li-padding-0: 0;
 --header-bg: #ffffff;
 --content-bg: #ffffff;
 --content-bg2: #e1e1e1;
 --box-font-size: 1.4rem;
 --box-font-size2: 1rem;
 --box-color:#2657b4;
 --box-color-hover:#000000;
 --white-color: #ffffff;
}

ul, 
ol, 
li {
 text-align:var(--text-align);
 margin-right: var(--li-padding-0);
 padding-right: 0;
 
	margin-left: var(--li-padding-1);
    padding-left: 0;
}

.menu_link {
	width:120px;
	
	
	font-size: var(--h1-font-size);
	font-weight: 500;
}
.menu_link.selected {
	width:120px;
	
	font-size: var(--h1-font-size);
	font-weight: 500;
}

ul.ServiceUl {
  
  padding-left: 0;
}

ul.ServiceUl li {
  
  padding-left: 1.5em;
}

ul.ServiceUl li::before {
  content: "👉";
  pointer-events: none;
  
  left: 0;
  
}


ul.LinkUl {
  padding-left: 0;
}
ul.LinkUl li {
  padding-left: 1.5em;
}
ul.LinkUl li::before {
  left: 0;
  pointer-events: none;
}


ul.CertUl {
  padding-left: 0;
}

ul.CertUl li {
  padding-left: 1.5em;
}
ul.CertUl li::before {
  left: 0;
  pointer-events: none;
}
.asterisk {position: relative;padding-left: 0.8rem;}
.asterisk::before {
	content:'*';
	color: red;
	position: absolute;
	left:0;
}







@media screen and (min-width: 1px) and (max-width: 480px) {   /*Mobile devices*/

.menu_link {
	width:100%;
	height: 60px; 
	background-color: var(--button); 
	text-align: center; 
	border-radius: 4px; 
	color: var(--button-color); 
	margin-top: 4px; 
	margin-left: 4px; 
	transition: 150ms;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size: var(--header-font-size);
	font-weight: 600;
	color: #ffffff !important;
	&:hover {
	  background-color: var(--button-hover); 	
	}
	&:focus {
	  background-color: var(--button-hover); 	
	}
}
.menu_link figcaption { 
  padding: 10px;
  
}
.menu_link figure { 
  padding: 5px;
  padding-top: 10px;
}
.menu_link.selected {
	width:100%;
	height: 60px; 
	background-color: var(--button); 
	text-align: center; 
	border-radius: 4px; 
	color: var(--button-color); 
	margin-top: 4px; 
	margin-left: 4px; 
	transition: 150ms;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size: var(--header-font-size);
	font-weight: 600;
	color: #ffffff !important;
	&:hover {
	  background-color: var(--button-hover); ;	
	}
	&:focus {
	  background-color: var(--button-hover); 
	}
}
.Header_OnScroll .menu_link figure {
	height: auto; 
	padding: 5px;
	padding-top: 10;
}
.Header_OnScroll .menu_link figure img {
	display:block;
}
.Header_OnScroll .menu_link {
	height: auto; 
}
}