.popupDesc {display:none;position:absolute;border:2px solid black;background-color:white;left:2%;right:2%;padding:10px;}
.popupDesc > ul > li > h4 {margin:0;}
.popupToggle:hover + .popupDesc,.popupToggle > a:focus + .popupDesc,.popupDesc:hover {display:block;}
.popupToggle > img {height:24px;width:24px;}

.Wrapper > input[type="checkbox"]:checked ~ .Home {top:176px;}
.ShowSlash,.LastArrow {display:inline-block;}
.ShowArrow {position:absolute;left:-999px;} /* move slash off screen so it doesn't take space */

/* Menu */
.LowerMenu {
position:fixed;
right:0;
top:0;
/*bottom:0;*/
left:0;
line-height:1.3;
margin:0 auto;
background-color:#FFFFFF;
z-index:1;
}
.Wrapper > input[type="checkbox"]:checked ~ .LowerMenu {top:176px;}
.LowerMenu > .Button > a {text-decoration:none;color:#000000;}
.LowerMenu > .Button {
display:inline-block;
font-weight:bold;
color:#FFFFFF;
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
padding:10px 10px 10px 10px;
border-color:#3A4C7D;
border-width:0px 2px 2px 2px;
border-style:solid;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
/*
background-color:#A5B8DA;
background-image:-webkit-gradient(linear, left top, left bottom, from(#A5B8DA), to(#7089B3));
background-image:-webkit-linear-gradient(top, #A5B8DA, #7089B3);
background-image:-moz-linear-gradient(top, #A5B8DA, #7089B3);
background-image:-ms-linear-gradient(top, #A5B8DA, #7089B3);
background-image:-o-linear-gradient(top, #A5B8DA, #7089B3);
background-image:linear-gradient(to bottom, #A5B8DA, #7089B3);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A5B8DA, endColorstr=#7089B3);
*/
}
.LowerMenu > .Button:hover,.LowerMenu > .Button > a:focus { /* Change Button */
font-weight:bold;
border-color:#3A4C7D;border-width:0px 0px 2px 0px;
border-style:solid;
background-color:#819BCB;
background-image:-webkit-gradient(linear, left top, left bottom, from(#819BCB), to(#536F9D));
background-image:-webkit-linear-gradient(top, #819BCB, #536F9D);
background-image:-moz-linear-gradient(top, #819BCB, #536F9D);
background-image:-ms-linear-gradient(top, #819BCB, #536F9D);
background-image:-o-linear-gradient(top, #819BCB, #536F9D);
background-image:linear-gradient(to bottom, #819BCB, #536F9D);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819BCB, endColorstr=#536F9D);
}
/* Display Services */
.LowerMenu > .Button:hover > .Services,
.LowerMenu > .Button:focus > .Services,
.LowerMenu > .Button > a:focus > .Services,
.LowerMenu > .Button > .Services:hover {display:block;}
.LowerMenu > .Button > a > i {
	border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;vertical-align:top;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  border-style: outset;
  outline: none;
  transition: 0.4s;
  font-size:16px; 
  color:red; 
  font-weight:900; 
  margin:0; 
  padding:0;
}
.panel > .Services > .accordion {
  background-color: #00b8ff;
	font-size:18px; 
	color:blue; 
	font-weight:900; 
	margin:0; 
	padding:0;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #6c6c6c;
  color:#ffff00;
}
.panel > .Services > .accordion:hover,.panel > .Services > .active {
	background-color: blue;
	color:#ffff00; 
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}
.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/*flexible formatting*/		
@media (max-width: 1250px) {
	.Wrapper > input[type="checkbox"]:checked ~ .LowerMenu {top:127px;}
	.Wrapper > input[type="checkbox"]:checked ~ .Home {top:177px;}
}
@media (max-width: 1250px) and (orientation:portrait) {
	.Wrapper > input[type="checkbox"]:checked ~ .LowerMenu {top:146px;}
}
@media (max-width: 976px) {
	.LowerMenu > .Button {font-size:16px;}
}
@media (max-width: 763px) {
	.Wrapper > input[type="checkbox"]:checked ~ .LowerMenu {top:122px;}
	.LowerMenu > .Button {font-size:16px;}
}