:root {
	--body-background-color: #f2f2f2;
    --body-background-image: linear-gradient(to top, #121212, rgb(23, 31, 75), #336766);
    --texthighlighted: #d6922b;
    --white: #ffffff;
	--whitegray: #b9b9b9;
    --smothewhite: #e7e7e7;
	--smothedark: #2e2e2e;
    --headercolor: #e8e8e8;
    --headercolor: #c9c9c9;
	--newstextcolor: #161616;
	--newstextcolorhover: #113597;
	--newsborderbottomcolor: #e7e7e7;
    --headercolortext:#026ebb; /* #1932c3;*/
	--headercolortextH2: #026ebb;
	--headercolortextH3: #026ebb;
    --headerdiv-backgroundcolor: #0b1332;
	--headerdiv-first-menue-background-image: linear-gradient(to top, #070b1e, rgb(11 19 50),#0b1332);/*linear-gradient(to top, #133aa8, #133aa8, #133aa8);*/
	--headerdiv-second-menue-background-image: linear-gradient(to top, #0d2567, rgb(14 56 134), #133aa8);
	--headerdiv-second-menue-background-image:linear-gradient(to top, #15204b, rgb(25 37 85), #0f1e59);
	--headerdiv-second-menue-background-image:linear-gradient(to top, #0b1332, rgb(17 32 91), #0b1332);
	--headerdiv-button-background-color: #0132d1;
    --headerdiv-button-background-color-hover: #cfdce8;
	--headerdiv-button-color: #111111;
	--headerdiv-button-color-hover: #000000;

    --list-ul-color: #0031b6;
    --headerupperlinecolor: #25305a;
    --tableheadercolor: #ffffff;
    --tableheaderbackgroundcolor: #2e407b;
    --tableheaderborder-color: #000b71;
    --tableheaderbackground-color: #dddddd57;
    --textcolor: #333;
    --textcolordarker: #020202;
    --texthighlightedcolorgradian: -webkit-linear-gradient(45deg, #e6b391, #8f74f5, #5a7dff, #07d7ff 110%);
    --linkcolor: #315aa5;
    --linkcolor-hover: #213ebe;
    --linkcolor-dodgerblue: #1e90ff;
    --linkcolor-yelloworange: #8f7110;
    --linkcolor-dodgerblue-dark: #041261;
    --linkcolor-yelloworange-dark: #534a2b;
    --widthmax: 1300px;
    --widthmaxheader: 100%;
    --widthmaxseatools: 100%;
    --toolstextconfigcolor: #363636;
    --toolstextcolor: #333;
    --toolsinactivetextcolor: #c9c9c9cf;
    --toolstextcolorresult: #c9c9c9;
	--toolsbordercolor: #bdbfc529;
	--toolsheaderbackground: -webkit-linear-gradient(90deg, #0b1332, #0d173b, #0b1332 100%);
	--toolsboxbackground: -webkit-linear-gradient(90deg, #060a1e, #0d173f 100%);
	--toolsbox-not-registered-background-image: -webkit-linear-gradient(57deg, #060a1e, #121d53, #16246b, #293989 110%);
	--toolsbox-not-registered-color: #ffffff;
	--tools-second-instrument-color: #5875c3;
    --fontsize-blog-text: 16px;
    --widthmax-blog: 900px;
    --button-height: 45px;
    --button-color: #c9c9c9;
    --button-color-hover: #030303;
    --button-background-color: #0132d1;
    --button-background-color-hover: #111d4c;
    --dropdown-item-background: #060a1f;
    --dropdown-item-background-hover: #090f2e;
    --dropdown-border: #8d8d8dbf;
    --dropdown-border-items: rgb(30, 44, 71);
    --divbox-border: #c2c2c24f;
    --divbox-shadow: 2px 1px 4px 1px #0a12356b;
    --divbox-shadow-hover: 2px 1px 4px 1px #08176cad;


	--scrollbar-color: #434344;
	--scrollbar-background-color: #071941;
	--scrollbar-track-color: #2f3441;

	--smo-box-backrouund-image: linear-gradient(90deg, #ffffff, #ffffff, #ffffff, #ffffff);

	--smo_research_overview_box-background:linear-gradient(90deg, #000000, #181c1bd1, #1e2724d9, #020e0b94);


	--h3-border-bottom: 1px solid #1c453d94;


	--line-animation-color:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1b6962bf 75%, #13504bbf 100%);
	--line-animation-background:  rgba(255, 255, 255, 0.03);

	}

#mc_embed_signup {
    background: transparent !important;
}
#mc_embed_signup .mc-field-group input{
    background-color: #f5f5f5;
    border: 1px solid #052d20;
}
#smo-premium-wmo{
	text-shadow: 0.2px 0.2px 0.0px red;
}
#smo-premium-hqs{
	text-shadow: 0.2px 0.2px 0.0px red;
}

#premium {
	display: none;
}

#quality-stocks {
	display: none;
}
#growth-stocks {
	display: none;
}
*/
/*
#buttonlogin {
	display: none;
}
#buttonsubscripe {
	display: none;
}
*/

html {
	touch-action:manipulation;
	box-sizing:border-box
	}

	strong {
		letter-spacing: 1.5px;
		font-weight: 700;
	}
	
	*,:before,:after {
	box-sizing:inherit
	}
	
	body {
	width:100%;
	margin:auto;
	font-family:Arial;
	font-style:normal;
	font-weight:400;
	font-size: 16px;
	line-height:1.6em;
	color:var(--textcolor);
	background-color:var(--body-background-color);
	}
	button {
		/*font-family:'Lato', 'Segoe UI Symbol','Everson Mono';
		font-size: 100%;*/
	}
	select option:hover{
		background-color:var(--button-background-color-hover);
		cursor:pointer;
	}
	option:hover{
		background-color:var(--button-background-color-hover);
		cursor:pointer;
	}

	option:checked {
		/*background: dodgerblue linear-gradient(0deg, dodgerblue 0%, dodgerblue 100%);*/
		background:#d8d8d8 linear-gradient(0deg, #b8b8b8 0%, white 100%);
		color:#333;
		font-weight: 700;
	  }
	h1 {
	font-size:120%;
	position:relative;
	text-align:center;
	top:0;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:5px;
	padding-top:0;
	border-bottom:1px solid #9394b3;
	border-bottom:1px solid #ffae326e;
	/*text-transform:capitalize*/
	letter-spacing: 1.5px;
	font-weight: 300;
	font-size: 60px;
    word-wrap: break-word;
    letter-spacing: 1px;
	line-height: 1.3em;
	}
	/*
	h1::first-letter {
	font-size:140%
	}*/
	
	h2 {
	font-size:28px;
	/*position:relative;*/
	text-align:left;
	top:0;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:10px;	
	padding-top:10px;
	/*padding-left:5px;*/
	border-bottom:1px solid #9394b3;
	border-bottom:1px solid #ffae326e;
	/*text-transform:capitalize*/
	letter-spacing: 1.5px;
	font-weight: 300;
	margin: 0;
    border: 0;
    padding: 0px 0px 0px 20px;
	line-height: 1em;
	}
	/*
	h2::first-letter {
	font-size:130%
	}*/
	
	h3 {
	font-size:110%;
	color:var(--textcolor);
	position:relative;
	text-align:left;
	top:0;
	margin-bottom:20px;
	margin-top:10px;
	border-bottom:var(--h3-border-bottom);
	display:inline-block;
	/*text-transform:capitalize;*/
	padding:5px 0px;
	letter-spacing: 1.5px;
	}
	/*
	h3::first-letter {
	font-size:120%
	}*/

@media (max-width:601px) {h1{  font-size:3.4vw;}}

.mainmenudropdown-content222.show {
	Display:block;
}
.mainmenudropdown-content222 {
	Display:none;
}


.content {
  padding: 516px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 560px;
}



.headerdiv {
	width:100%;
	
}

.headertoparea {    
   width:100%;   
   display: flex;
   justify-content: center;
   background-color: var(--headerdiv-backgroundcolor);
   padding-bottom: 5px;
}
.headertoparearow {
	display: table-row; 
	width:100%; 
	max-width:1400px;
	display: flex;
}

	::-webkit-scrollbar {
		width: 15px;
	  }
	  
	  /* Track */
	  ::-webkit-scrollbar-track {
		background: var(--scrollbar-background-color);
	  }
	  
	  /* Handle */
	  ::-webkit-scrollbar-thumb {
		background: var(--scrollbar-color);
		border-radius: 11px;
	  }
	  
	  /* Handle on hover */
	  ::-webkit-scrollbar-thumb:hover {
		background: var(--scrollbar-track-color);
	  }
	  
	/* seasonality.ai logo */
	#smo_icon_link:hover{
		background-color: var(--button-background-color-hover);
		border-radius: 4px;
	}


	@media (max-width:601px) {
		h1 {
		font-size:5vw
		}
		}
		
		nav ul li {
		list-style-type:none
		}
		
		ul li {
		display:list-item;
		position:relative;
		margin-top: 10px;
		}
	
		ol li {
			display:list-item;
			position:relative;
			margin-top: 10px;
			}
		
		ul li ul.mainmenudropdown-content {
		display:none;
		position:absolute;
		background-color:var(--dropdown-item-background);
		box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
		box-shadow:0 10px 10px 3px rgba(11,19,50,0.5);
		z-index:999;
		overflow:visible!important;
		list-style:none;
		padding:0;
		margin:0;
		border: 1px solid var(--dropdown-border);
		border-radius: 4px;
		}
		
		@media (min-width:640px) {
		ul li:hover ul.mainmenudropdown-content {
		display:block;
		margin-top:45px;
		z-index:9999999999999999;
		overflow:visible
		}
		}
		
		ul li ul.mainmenudropdown-content li a {
		float:none;
		
		display:block;
		text-align:left;
		z-index:9999;
		font-weight:100;
		min-width:345px;
		font-size:16px;
		border-radius: 4px;
		border-bottom: 1px solid var(--dropdown-border-items);
	
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: flex-start;
		
		}
		
		.mainmenutopnav a {
		float:left;
		color:var(--headerupperlinecolor);
		text-align:center;
		padding:13px;
		/*padding-left:20px;
		padding-right:20px;*/
		text-decoration:none;
		/*font-size:1.2em*/
		}
		
		.mainmenudropdownlist {
		display:block
		}
		
		.mainmenudropdownlist span {
		display:none
		}
		.highlight-text {
			/*color: #ffae32!important;
			color: var(----texthighlighted);
			*/
			background:var(--texthighlightedcolorgradian);
			color: var(----texthighlighted);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-weight: bold;
		}
		.highlight-light-text {
			/*color: #ffae32!important;
			color: var(----texthighlighted);
			*/
			background: var(--texthighlightedcolorgradian);
			color: var(----texthighlighted);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-weight: bold;
		}
	
		.menue_link_arrow_down {
		color:#fff;
		float:right;
		padding:7px;
		padding-left:15px;
		padding-right:15px;
		margin-top:-40px;
		cursor:pointer;
		}
		
		.menue_link_arrow_down:hover {
		background-color:#5392cd
		}
		
		@media screen and (max-width: 640px) {
		.mainmenutopnav a:not(:first-child),.mainmenudropdownlist .mainmenudropbtn {
		display:none
		}
		
		.mainmenutopnav a:not(:first-child),.fs-half .mainmenudropbtn {
		display:none
		}
		}
		
		.mainmenudropdown-content222.show {
		display:block
		}
		
		.mainmenudropdown-content222 {
		display:none
		}
		
		.content {
		padding:16px
		}
		
		header {
			/*position:sticky;*/
			top:0;
			z-index: 999;
		}

	.headerdiv {
	width:100%;
	/*background-color: #1c326d;*/
	background-color: var(--headerdiv-backgroundcolor);
	/*background-image: linear-gradient(to top, #070b1e, rgb(11 19 50),#0b1332);*/
	/*background-image: linear-gradient(to top, #182049, #0f193f,#0b1332);*/
	background-image:var(--body-background-image);
	display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    position: relative;
	box-shadow: 0px 1px 3px 0px #101e53;
	}
	@media (max-width:1400px) {
		.headerdiv {
			flex-direction: row;
			}
	}



.headertopareacell2 {
	margin: 0 auto;
	width:50%;
}
.headertopareacell21 {
    margin: 0 auto;
    padding-left: 5px;
    display: flex;
    width: 100%;
    justify-content: right;
    letter-spacing: .15em;
    color: #fff;
    font-size: 120%;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-right: 5px;
    margin-left: 5px;
    text-decoration: none;
}

@media screen and (max-width: 730px) {
	.headertopareacell21 {
		justify-content: center;
	}
  }

.smo_search_input {
	width:80%;
	min-width:180px;
	height:28px;
	border: 0px;
	margin-bottom:5px;
}
#smo_searchbutton {
	width:30px;
	height:28px;
	border: 0px;
	border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
#smo_searchbutton_home {
	width:30px;
	height:28px;
	border: 0px;
}


.headertopareacell3 {
	margin-left: auto;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:5px;
	padding-top: 8px;
	min-width: 150px;
}
.headertopareacell4 {
	 margin-left: auto;
	 margin-left: 10px;
	margin-right: 10px;
	
}
.headertoparealogo_img {
	/*max-height: 30px; */
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
	
}
.headertopareaname_img {
	/*max-height: 40px;
  	max-width: 330px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.buttonlogin {
	color: black;
	margin-top: 8px;
	border: 0px;
	border-radius: 4px;
	padding-right:8px;
	padding-left:8px;
	padding-top:2px;
	padding-bottom:2px;
	min-height:28px;
	min-width:28px;
	text-shadow: 1px 1px 5px white;
	border-left: 5px solid dodgerblue;
}
.buttonlogin:hover {
	color:black;
	background-color: silver;
	cursor: pointer;
}
.buttonloginaccount {
	/*font-size: 22px;*/
	background-color: #F9F9F9;	
	color: black;
	margin-top: 8px;
	border: 0px;
	border-radius: 4px;
	padding-right:8px;
	padding-left:8px;
	padding-top:2px;
	padding-bottom:2px;
	min-height:28px;
	min-width:28px;
	text-shadow: 1px 1px 5px white;
	border-left: 5px solid salmon;
	
}
.buttonloginaccount:hover {
	color:black;
	background-color: silver;
	cursor: pointer;
}
.buttonsubscripe {
	color: black;
	margin-top: 4px;
	border: 0px;
	border-radius: 4px;
	padding-right:8px;
	padding-left:8px;
	padding-top:2px;
	padding-bottom:2px;
	min-height:28px;
	min-width:28px;	
	text-shadow: 1px 1px 5px white;
}
.buttonsubscripe:hover {
	color:black;
	background-color: silver;
	cursor: pointer;
}

/*  header text and picture on mobile */
@media (max-width:730px) {

	.headertoparearow {
		display: table-row; 
		width:100%; 
		
	}
	.headertoparealogo_img {
		display: block;
		margin-left: auto;
		margin-right: auto;		
		
	}
	.headertopareaname_img {
		display: block;
		margin-left: auto;
		margin-right: auto;	
			
	}
	
	.buttonlogin{
		height:auto;
		min-width:auto;
		min-height:20px;
		min-width:20px;
		
	}
	.buttonloginaccount {
		height:auto;
		min-width:auto;
		min-height:20px;
		min-width:20px;		
	}
	.buttonsubscripe {
		height:auto;
		min-width:auto;
		min-height:20px;
		min-width:20px;		
	}
	

}


/*.fs-row-padding:after,.fs-row-padding:before{content:"";display:table;clear:both; }*/
@media (min-width:1031px) {.fs-row-padding {display:flex;clear:both;   flex-wrap: wrap;}}
.fs-row-padding:after,.fs-row-padding:before{content:"";display:table;clear:both;  ;}
.fs-half{
	float:center;
	width:100%;
	display: flex;
    justify-content: center;

	margin: 0 auto;
	
	}

/* if media bigger 1001px then */
@media (min-width:1031px) {.fs-half{ width: auto; }}
@media (min-width:1001px) {.fs-half{ width: 0 auto; display: flex;float:center;    justify-content: center;         column-gap: 20px;}}
@media (max-width:641px) {.fs-half{  display: inline; float:center;}}


.text_first_letter{
	color:white;
}









.mainmenusection {
	/*background-color: #333;*/
	background-image: var(--headerdiv-first-menue-background-image);
	width:100%;	
	padding: 4px 0px 0px 0px;
}



.mainmenutopnav {
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  
}

.mainmenutopnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;  
}
  

.mainmenutopnav .mainmenuicon {
  display: none;
  width:45px;  
}

.mainmenutopnav .mainmenuhome {
	display: none;
}


.mainmenudropdown {
  float: left;
  overflow: hidden;  
}

.mainmenudropbtn {
  float: left;
  display: block;
  color: white;
  background-color: transparent;
  /*background-image: linear-gradient(to top, rgba(42, 46, 50, 0), rgba(52, 89, 109, 0.6),rgba(0, 0, 0, 0));*/
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
}

.mainmenudropbtn.active {
  background-color:var(--headerupperlinecolor);
  color: white;
  text-decoration: none;  
  border-radius: 4px;
}

.mainmenudropbtn.mainmenudropbtnnews.active {
	background-color:var(--headerupperlinecolor);
	color: white;
  }

.mainmenudropdown .mainmenudropbtn {
  font-size: 14px;
  
  padding-left:15px;
  padding-right:15px;
  border: none;
  outline: none;
  margin: 0;
  
}

.mainmenudropdown .mainmenudropbtnnews {
	text-decoration: none;
	text-decoration: underline;
	text-decoration-color: rgb(66, 82, 116);
	text-decoration-thickness: 2px;
	text-decoration-style: solid;
	text-underline-offset: 3px;
	
  }

.mainmenudropdown-content.show {
  display: block;
  margin-top: 27px;
  z-index: 99;
}
.mainmenudropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 3px 3px 3px 0px rgb(7 12 47 / 38%);
    z-index: 99;
    border-left: 1px solid #ccc;  
}

.mainmenudropdown-content a {
  float: none;
  color:var(--headerdiv-button-color);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  z-index: 99;
  border-bottom: 1px solid #3354ca17;
}

.mainmenutopnav a:hover, .mainmenudropdown:hover .mainmenudropbtn {
	background-color: var(--headerdiv-button-background-color-hover);
	color:var(--headerdiv-button-color-hover);
    cursor: pointer;
    z-index: 99;
}

.mainmenutopnav a:hover, .mainmenudropdown:hover .mainmenudropbtnnews {
	color:var(--button-color-hover);
	cursor:pointer;	
	text-decoration: none;
  }

.mainmenudropbtnnews {
	/*background-image: linear-gradient(to top, rgba(42, 46, 50, 0), rgba(85, 32, 32, 0.645),rgba(0, 0, 0, 0));*/
	/*border: 1px solid rgb(100, 34, 34);	
	text-shadow: 2px 2px rgb(100, 34, 34);*/
}
.mainmenudropdown-content a:hover {
	background-color: var(--headerdiv-button-background-color-hover);  
}


@media (min-width:1095px) {
	.mainmenudropdown:hover .mainmenudropdown-content {
	display:block;
	margin-top:27px;
	z-index:99
	}
}

@media screen and (max-width: 640px) {
  .mainmenutopnav a:not(:first-child), .mainmenudropdown .mainmenudropbtn {
	display: none;
  }
  .mainmenutopnav a.mainmenuicon {
	float: right;
	display: block;	
	position: relative;
	right: 0;
	margin-top: 0px;
	
  }

  .mainmenudropdown:hover .mainmenudropdown-content {margin-top: 27px;}
  .mainmenutopnav {
	  width: auto;
	  display: block;
	  justify-content: left;
	  
	}
  
 .mainmenutopnav .mainmenuhome {
	 display: block;
	 margin-top: 5px;
	 
	}

}

@media screen and (max-width: 640px) {
  .mainmenutopnav.responsive {position: relative;}
  .mainmenutopnav.responsive .mainmenuicon {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0;
	
  }

  .mainmenutopnav.responsive a {
	float: none;
	display: block;
	text-align: left;
	
  }
  .mainmenutopnav.responsive .mainmenudropdown {float: none;}
  .mainmenutopnav.responsive .mainmenudropdown-content {position: relative;}
  .mainmenutopnav.responsive .mainmenudropdown .mainmenudropbtn {
	display: block;
	width: 100%;
	text-align: left;
	
  }

  .mainmenudropdown-content a {
	padding: 6px 10px;
	
  }

  
}





.submenusection {
	/*background-color: #333;*/
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.70), rgba(49, 53, 58, 0.84),rgba(96, 105, 113, 0.79));
	background-image: linear-gradient(to top, #424141, #515559,#6c6c6c);
	background-image: var(--headerdiv-second-menue-background-image);
	width:100%;	
	
}


.submenutopnav {
  overflow: hidden;
  margin: auto;
  display: flex;
  justify-content: center;
  font-size: 16px;
  
}

.submenutopnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;  
  padding-top:4px;
  /*padding-bottom:0px;*/
  padding-left:14px;
  padding-right:14px;
  text-decoration: none;
  
}

.submenutopnav .submenuicon {
  display: none;
  width:45px;
  
}

.submenutopnav .submenuhome {
	display: none;
}


.submenudropdown {
  float: left;
  /*overflow: hidden;  auskommentiert am 27.12.21: somit wurden bei DIV objekten die shadows wieder sichtbar*/
  font-size:85%;
  
}

.submenudropbtn {
  color: #f2f2f2;
  text-align: center;  
  padding-top:4px;
  padding-bottom:4px;
  padding-left:14px;
  padding-right:14px;
  text-decoration: none;
  cursor: pointer;
  
}

.submenudropbtn.active {
  background-color: #0d2681;
  color: white;
}

.submenudropdown .submenudropbtn {  
  border: none;
  outline: none;
  margin: 0;
  color: white;
}

.submenudropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 36%);
    z-index: 99;
    font-size: 13px;
    border-left: 1px solid #ccc;
}

.submenudropdown-content a {
  float: none;
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  z-index: 99;
  border-bottom: 1px solid #3354ca17;
  display: flex;
  align-items: center;
}

.submenudropdown-content a img{
	filter: invert(0.6);
	margin-right: 10px;
  }

.submenudropdown-content div {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	cursor: pointer;
	z-index: 99;
  }
  .submenudropdown-content div:hover {
	background-color: #ddd;
  }
  
.submenudropdown-content.show {
	display: block;
	margin-top: 0px;
	z-index: 99;
  }

.submenutopnav a:hover, .submenudropdown:hover .submenudropbtn {
    background-color: #0d2681;
    z-index: 99;
    border-radius: 4px;
}

.submenudropdown-content a:hover {
  background-color: #ddd;
  color: black;
  z-index: 99;
}



@media (min-width:1095px) {
	.submenudropdown:hover .submenudropdown-content {
	display:block;
	margin-top:-1px;
	z-index:99
	}
}

@media screen and (max-width: 640px) {
  .submenutopnav a:not(:first-child), .submenudropdown .submenudropbtn {
	display: none;
  }
  .submenutopnav a.submenuicon {
	float: right;
	display: block;	
	position: relative;
	right: 0;
	margin-top: -22px;
  }

  .submenudropdown:hover .submenudropdown-content {margin-top: 0px;}
  .submenutopnav {width: auto; display: block; justify-content: left;}
  
 .submenutopnav .submenuhome {display: block;}
  
}

@media screen and (max-width: 640px) {
  .submenutopnav.responsive {position: relative;}
  .submenutopnav.responsive .submenuicon {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0;
  }

  .submenutopnav.responsive a {
	float: none;
	display: block;
	text-align: left;
  }
  .submenutopnav.responsive .submenudropdown {float: none;}
  .submenutopnav.responsive .submenudropdown-content {position: relative;}
  .submenutopnav.responsive .submenudropdown .submenudropbtn {
	display: block;
	width: 100%;
	text-align: left;
  }

  .submenudropdown-content a {
	padding: 6px 10px;
  }
   
}






.smo_box{
	border-radius: 10px;
    border: solid var(--divbox-border) 1px;
    background-image: var(--smo-box-backrouund-image);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}