.SiteHeader {
 width:100%;
	position:fixed;
	display:flex;
	justify-content:center;
	height:90px;
	background-color:#ffffff;
	
	left:0;
	right:0;
	top:0;
	z-index:100;
	overflow: hidden;
	-webkit-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.51);
 -moz-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.51);
 box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.51);
}

.ImageToShow p {display: inline-block !important; width: 100% !important; text-align: right !important;}



.SiteHeader .SiteHeader_In {width:90%; display:flex; justify-content:center;align-items:center; height: inherit;}

.SiteHeader .Logo {
  display: flex;
		flex:1;
}
.SiteHeader .Logo img { height: 80px; display: block; }
.SiteHeader .Menu {
  display: flex;
		width: 150px;
}
.SiteHeader .Login {
  display: flex;
		flex: 1;
		align-items:center; 
		height: inherit;
		justify-content: flex-end;
}



.popup_form {
  position: fixed;
		width: 280px;
		padding: 20px;
		background-color: #ffffff;
		z-index: 10;
		left: 6%;
		top: 95px;
		border-radius: 5px;
		display: inline-block;
}
.popup_form hr, ._form hr {width: 100%;}
.popup_form_close {display: inline-block; float: right; cursor: pointer; background-color: #e7e7e7; border-radius: 50px; width: 35px; height: 35px; line-height: 35px;}
.popup_form_close:after { content:'\2715'; font-size: 24px; color: #000000;}
.popup_form_title {display: inline-block; float: right; font-weight: 600; line-height: 36px; padding-right: 20px;}

.popup_form label, ._form label {display: inline-block; text-align: center; width: 100%; margin-bottom: 5px;}
.popup_form section, ._form section {display: inline-block; text-align: center; width: 100%; margin-bottom: 10px;}
.popup_form section img, ._form section img {display: inline-block; float: none;}
.popup_form input, ._form input {display: inline-block; text-align: center; width: 90%; float: none; line-height: 24px; border-radius: 5px; border: 1px #e1e1e1 solid;font-size: 16px;}
.Sep {display: inline-block; text-align: center; width: 100%; margin:0; margin-bottom: 2px;}
.Hello {display: inline-block; margin-left: 10px; font-weight: 600;}
._form textarea {display: inline-block; text-align: center; width: 90%; float: none; line-height: 24px; border-radius: 5px; border: 1px #e1e1e1 solid; height: 120px; font-size: 22px; font-family: 'Assistant';}

.Required::before {
  content: '\002A\00a0';
		color: darkred;
}
.Smile {padding: 40px; display: inline-block; float: none; width: 100%; text-align: center;}
.Smile::before {
  content: '\f118';
		font-family: 'Font Awesome 5 Free';
		color: darkgreen;
		font-size: 120px;
		font-weight: 900;
}
.Bg {
  background-color: #f1f1f1;
}
.Main {
  margin-top: 90px !important;
		min-height: 100vh;
		min-height: calc(100vh - 90px);
  min-height: -o-calc(100vh - 90px);
  min-height: -webkit-calc(100vh - 90px);
  min-height: -moz-calc(100vh - 90px);
}

.MainMenu {
 display: flex;
	flex:1;
	flex-direction: column;
	gap: 5px;
	justify-content: center;
}

.MainMenu a, .MainMenu a.Selected {
 line-height: 30px;
	font-weight: 900;
	transition: backround-color 150ms;
	border-bottom: 1px dotted #cccccc;
}
.MainMenu a.Selected {
  background-color: #cccccc;
}

.MainMenu a:before {
 content: '\00a0\203A\00a0\00a0\00a0';
	font-weight: 900;
}
.MainMenu a.Selected:before {
 content: '\00a0\00a0\00a0\00a0\00a0';
	font-weight: 900;
}
.MainMenu a.Selected:after {
 content: '\00a0\00a0\00a0\203A\00a0';
	font-weight: 900;
}

.MainMenu a:hover, .MainMenu a:focus {
  background-color: #cccccc;
		color: #000000 !important;
}

.FullFlex {
  display:flex;
		align-items:flex-start;
		flex:1;
		min-height: 100vh;
		min-height: calc(100vh - 90px);
  min-height: -o-calc(100vh - 90px);
  min-height: -webkit-calc(100vh - 90px);
  min-height: -moz-calc(100vh - 90px);
}
.FullFlex2 {
  display:flex;
		align-items:center;
		flex:1;
		margin-bottom: -5px;
}
.In2 {
  display:flex;
		flex:1;
		flex-direction: column;
	 align-items: center;
		gap:0;
}
.In2 hr {width: 90%;}
.SuperTitle {font-size: 70px; margin-top: 15px;}

.RightDiv {
  display:flex;
		width: 300px;
		padding: 10px;
		flex-direction: column;
		align-content: center;
		background-color: #f1f1f1;
		border-left: 1px #cccccc;
		min-height: 100vh;
		min-height: calc(100vh - 90px);
  min-height: -o-calc(100vh - 90px);
  min-height: -webkit-calc(100vh - 90px);
  min-height: -moz-calc(100vh - 90px);
}
.RightDivMob {display:flex; width: 50px !important; line-height: 50px !important;position: fixed !important; z-index: 3 !important; background-color: rgba(241,241,241,0.95);border-left: 1px #cccccc; margin: 5px; text-align: center;}
.MainDiv {
  display:flex;
		flex-direction: column;
		flex:1;
		gap: 20px;
		min-height: 100vh;
		min-height: calc(100vh - 90px);
  min-height: -o-calc(100vh - 90px);
  min-height: -webkit-calc(100vh - 90px);
  min-height: -moz-calc(100vh - 90px);
}

.Topics {
  display:flex;
		flex-direction: row;
		flex:1;
		margin-bottom: 20px;
}

.Topic {
  display:inline-block;
		width: 50%;
		float: right;
		padding: 20px;
}
.TopicBig {
  display:inline-block;
		width: 100%;
		float: right;
		padding: 20px;
}

.MenuBtn { width: inherit; height: inherit; cursor: pointer;}
.MenuBtn::before {
  content: "\f0c9"; 
		font-family: 'Font Awesome 5 Free';
  font-weight: 900;
		color: #000000;
		font-size: 30px;
}

.WEBTitle {margin: 0; padding: 0; font-size: 24px;}

.Header_IMG_DESKTOP {
  width: 100%;
		display: inline-block;
		background-color: #000000;
		/*background-image: url('/pics/homepage.jpg');*/
		height: 45vh;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
}

button {font-size:inherit !important; border:0; font-family: inherit !important;}

.Red {color: darkred;}
.Txt_ltr {direction: ltr;}

.Footer {
  width: 100%;
	 text-align: center;
	 padding-top: 20px;
	 padding-bottom: 20px;
	 background-color: #000000;
		display: flex;
		flex-direction:column;
		color: #ffffff;
}
.Footer a {color:#ffffff !important; text-decoration:underline !important;  }
.Footer a:hover, .Footer a:focus {color:#ffffff !important; text-decoration:none !important;  }
a.FB {color:#ffffff !important; text-decoration:none !important;  }
a:hover.FB, a:focus.FB {color:#ffffff !important; text-decoration:underline !important;  }



@media only screen and (min-device-width: 1px) and (max-device-width: 500px) { /*Mobile devices480px*/
 .Content {width: 100% !important;}
	.FullFlex {flex-direction: column;}
	.RightDiv {width: 280px !important;position: absolute !important; z-index: 3 !important; background-color: rgba(241,241,241,0.95);}
	
	.Topics {flex-direction: column;}
	.SiteHeader .Logo img { height: 40px; display: block; }
	.SiteHeader {height: 50px;}
	.Main {margin-top: 49px !important;}
	.Button { height: 30px !important;line-height: 30px !important;padding-right: 10px !important;padding-left: 10px !important; font-size: 15px;}
	.SuperTitle {font-size: 30px; margin-top: 5px;}
	.MainMenu {justify-content: flex-start;}
}
@media only screen and (min-device-width: 501px) and (max-device-width: 850px) { /*Small screens, laptops*/
 .Content {width: 100% !important;}
	.FullFlex {flex-direction: column;}
	.RightDiv {width: 280px !important; position: absolute !important; z-index: 3 !important; background-color: rgba(241,241,241,0.95);}
	.Topics {flex-direction: column;}
	.SiteHeader .Logo img { height: 50px; display: block; }
	.SiteHeader {height: 60px;}
	.Main {margin-top: 59px !important;}
	.Button { height: 30px !important;line-height: 30px !important;padding-right: 10px !important;padding-left: 10px !important; font-size: 15px;}
	.SuperTitle {font-size: 48px; margin-top: 10px;}
	.MainMenu {justify-content: flex-start;}
}
@media screen and (min-device-width: 851px) { /*Desktops, large screens*/
 
}