@charset "UTF-8";
html, body {
margin:0;
padding:0;
font-size:14px;
height:100%;
font-family:Arial;
background-color:#5c5b57;
text-shadow: 1px 1px 2px black;


}

/* h1 for desktop */
h1 {
    font-weight: bold; 
    text-shadow: 1px 1px 2px black;
}

/* h1 for small screens */
@media screen and (max-width: 900px){

h1 {
    font-weight: bold; 
    text-shadow: 1px 1px 2px black;
    font-size:1.5em;
}
}
/* styles for tiny menus desktop */ .tinynav {
display:none 
}

input,textarea,select {
font-family:inherit;
line-height:1.2em;
font-size:1em;
}

img {
border-style:none;
max-width:100%;
height:auto;
-ms-interpolation-mode: bicubic;
float:left;
margin:0 15px 5px 0;
-moz-box-shadow: 0px 0px 1px black; 
-webkit-box-shadow: 0px 0px 0px black; 
box-shadow: 0px 0px 0px black; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
}

#wrapper {
font-size:14px;
font-weight:normal;
font-style:normal;
position:relative;
width:100%;
min-height:100%;
display:block;
top:0;
left:0;
cursor:default;
font-size:1em;
font-family:'Arial';
background-image:url(images/wrapbg.png);
background-position:center center;
background-repeat:repeat;

}

#wrapperBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-image:url(images/maingradient.png);
background-repeat:repeat-x;

}

#wrapperPage {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
padding:0;
margin:0;
}

#hormenu1 {
width:900px;
display:block;
margin-top:0px;
}

#hormenu2 {
width:900px;
display:none;
margin-top:0px;
}

#main {
padding-top:10px;

}

#mainpage {
position:relative;
border:0px solid #FFF;
width:100%;
margin:0px auto;
width:900px;
border:0px solid undefined;
border-radius:0px 0px 0px 0px;
box-shadow:none;

}

#sheet {
position:relative;
margin:0 auto;
cursor:auto;
width:900px;
margin-top:0px;
border-radius:0px 0px 0px 0px;
}

#header {
margin:0 auto;
position:relative;
width:900px;
display:block;
height:200px;
margin-top:0px;
border-radius:0px 0px 0px 0px;
box-shadow:none;
}

#headerBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
overflow:hidden;
background-color:#f2eedf;
background-image:url(images/headerbg.jpg);
background-position:center center;
background-repeat:repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
opacity:0.7;
border-radius:0px 0px 0px 0px;
}

#headerText {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:555;
padding:0;
overflow:hidden;
border-radius:0px 0px 0px 0px;
}

#preheader {
margin:0 auto;
width:900px;
display:none;
}

#preheadermenu {
padding:0;
margin:0;
[phfs] 
}

#preheadermenu li {
list-style-type:none;
margin:0px;
float:left;
[phtc] 
}

#preheadermenu a {
display:block;
width:auto;
[phlc] 
}

.textures {
background-color:#5c5b57;
}

.hormenu {
margin:0 auto;
position:relative;
width:900px;
border-radius:0px 0px 0px 0px;

}

.hormenuBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
overflow:hidden;
box-shadow:0px 0px 0px #333;
background-color:#FFFFFF;
opacity:0;
border-radius:0px 0px 0px 0px;
background-image:url(images/hmgrad.png);
background-repeat:repeat-x;
background-position:center center;
}

.hormenuText {
position:relative;
top:0;
left: 15px;;
width:100%;
height:100%;
z-index:555;
padding:0;
margin:0 auto;
width:900px;
}

#headerContent {
margin:auto;
padding:0;
width:900px;
}

#headerContentText {
height:100%;
width:100%;
}

#headline {
position:absolute;
font-size:2.5em;
color:#fbfbfb;
margin:20px 0px 0px 130px;
font-family:'Times New Roman';
text-shadow: 2px 2px 4px black;
}

#slogan {
font-size:0.7em;
position:absolute;
font-size:1.3em;
color:#fff1c9;
margin:80px 0px 0px 130px;
font-family:'Arial';
text-shadow: 2px 2px 4px black;
}

#logo {
padding:0;
float:left;
margin:20px;
-moz-box-shadow: 3px 3px 1px black; 
-webkit-box-shadow: 3px 3px 1px black; 
box-shadow: 3px 3px 1px black; 
}


#sheet {
margin:0 auto;
position:relative;
width:900px;
box-shadow:none;
margin-top:0px;
}

#sheetBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#9c998f;
opacity:0.1;
border-radius:0px 0px 0px 0px;
}

#sheetContent {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
padding:0;
}

#content-1 {
float:left;
position:relative;
width:0px;
display:none;
visibility:hidden;
}

#content-2 {
position:relative;
float:right;
padding:0;
margin:0;
}

#content-2-1 {
position:relative;
float:left;
padding:0;
top:0;
left:0;
height:100%;
width:900px;
}

#content-2-2 {
position:relative;
float:right;
width:0px;
display:none;
visibility:hidden;
}

#content1TEXT {
padding:6px 0px 6px 6px;

}

#content2TEXT {
position:relative;
top:0;
left:0;
height:100%;
padding:6px 6px 6px 6px;
}

#content3TEXT {
padding:6px 6px 6px 0px;
}

.box {
width:100%;
margin-bottom:6px;
box-shadow:none;
}

.boxHeader {
width:100%;
padding:0;
margin:0;
position:relative;
margin-bottom:5px;
box-shadow:none;
border-radius:0px 0px 0px 0px;
}

.boxHeader h3,h4,h5 {
padding:0;
margin:0;
}

.boxHeaderText {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
padding:10px;
color:#75726B;
}

.boxHeaderText a {
color:#FFFFFF;
}

.boxHeaderBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border-radius:0px 0px 0px 0px;
opacity:0;
background-color:#CDCCC7;
}

.boxText {
padding:10px;
position:relative;
border-radius:0px 0px 0px 0px;
box-shadow:none;
}

.boxTextBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
border-radius:0px 0px 0px 0px;
background-color:#4E4C47;
opacity:0;
}

.boxTextContent {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
color:#d0d0d0;
}

.boxTextContent a {
color:#FFFFFF;
}

#vermenu {
display:none;
}

.footer {
font-size:12px;
font-family:Arial;
color:#d0d0d0;

}

#copyright{
position:relative;	
left: 15px;
float:left;
width:50%;
}

#privacy{
position:relative;	
right: 15px;
float:right;
width:50%;
text-align:right;
}

a.privacy_link:link {color:#d0d0d0;text-decoration:none;}
a.privacy_link:visited {color:#d0d0d0;text-decoration:none;}
a.privacy_link:hover {text-decoration:underline;}

#footerBG {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#9C998F;
opacity:0;
border-radius:0px 0px 0px 0px;
}

#footerText {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
font-size:0.9em;
}

#footerText a {
color:#1C1C1A;
}

#footerText p {
margin:0;
}

#footNote {
margin:auto;
width:900px;
font-size:0.8em;
display:none;
color:#C7C3B7;
}

#footNote a {
color:#B4B2AB;
}

#footerContent {
margin:auto;
width:900px;
}

#footerContentText {
}

#footNote p {
margin:0;
}

.cf:after {
clear:both;
font-size:0;
display:block;
content:" ";
}

.ui-accordion-header {
background-image:none
}

.ui-accordion-content {
background-image:none
}

.sf-vertical li {
margin-bottom:5px !important;
border-radius:5px !important;
color:#969696 !important;
background-color:#000000 !important;
}

.sf-vertical li li {
margin:0 !important;
border-radius:0px !important;
color:#969696 !important;
background-color:#000000 !important;
}

.sf-vertical a {
border-radius:5px !important;
background-color:#000000;
color:#969696 !important;
}

.sf-vertical li li a {
border-radius:0px !important;
background-color:#000000;
color:#969696 !important;
}

.sf-vertical a:hover {
background-color:#E6E5E3 !important;
color:#474642  
!important;
}

.sf-menu li {
background-color:#505050;
border-radius:9px;
margin:9px 9px 9px 0px;
}

.sf-menu a:hover {
border-radius:9px 
}

.sf-menu a {
color:#E6E5E3;
border-left:0px solid #505050;
border-top:0px solid #505050;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background-image:none;
color:#75726B;
background-color:#F2EEDF;
}

.sf-menu {
background-image:none;
float:right;
}

/* Images for desktop */
#images_resizable {

width: 21%; 
height: auto;
-moz-box-shadow: 3px 3px 1px black; 
-webkit-box-shadow: 3px 3px 1px black; 
box-shadow: 3px 3px 1px black; 
}

#audit_report_shadowed {

filter: drop-shadow(0 0.2rem 0.55rem black);
}

/* Images for small screens */
@media screen and (max-width: 640px){
#images_resizable {

width: 35%; 
height: auto;
-moz-box-shadow: 3px 3px 1px black; 
-webkit-box-shadow: 3px 3px 1px black; 
box-shadow: 3px 3px 1px black; 
}
}

#line {
border-style:none;
max-width:100%;
height:auto;
-ms-interpolation-mode: bicubic;
margin:0 0px 0px 0;
-moz-box-shadow: 0px 0px 0px black; 
-webkit-box-shadow: 0px 0px 0px black; 
box-shadow: 0px 0px 0px black; 
-moz-border-radius:0px; 
-webkit-border-radius:0px; 
border-radius:0px;
}

#img_flags_small {
-moz-box-shadow: 3px 3px 1px black; 
-webkit-box-shadow: 3px 3px 1px black; 
box-shadow: 3px 3px 1px black; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
border-radius:2px; 
padding:0 0px 0px 0;
float:left;
margin:10px 10px 12px 0;
border: 0.5px solid black;
}

#img_flags_small:hover {
-moz-box-shadow: 0px 0px 1px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
-webkit-box-shadow: 0px 0px 1px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
box-shadow: 0px 0px 1px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
border-radius:2px;
filter: brightness(130%);
}

#img_action_button {
-moz-box-shadow: 0px 0px 2px black; 
-webkit-box-shadow: 0px 0px 2px black; 
box-shadow: 0px 0px 2px black; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
padding:0 0px 0px 0;
float:left;
margin:0px 0px 0px 0;
border: 0.0px solid black;
}

#img_action_button:hover {
-moz-box-shadow: 0px 0px 1px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
-webkit-box-shadow: 0px 0px 1px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
box-shadow: 0px 0px 1px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px;
filter: brightness(130%);
filter: contrast(130%);
}

#social_fb {
float: none;
margin:0 5px 0px 0px;
-moz-box-shadow: 1px 1px 1px black; 
-webkit-box-shadow: 1px 1px 1px black; 
box-shadow: 1px 1px 1px black; 
-moz-border-radius:1px; 
-webkit-border-radius:1px; 
border-radius:1px;
}

#social_linkedin {
float: none;
margin:0 5px 0px 0px;
-moz-box-shadow: 1px 1px 1px black; 
-webkit-box-shadow: 1px 1px 1px black; 
box-shadow: 1px 1px 1px black; 
-moz-border-radius:1px; 
-webkit-border-radius:1px; 
border-radius:1px;
}

#map-canvas * {
border-style:none;
-moz-box-shadow: 0px 0px 0px black; 
-webkit-box-shadow: 0px 0px 0px black; 
box-shadow: 0px 0px 0px black; 
-moz-border-radius:0px; 
-webkit-border-radius:0px; 
border-radius:0px;
text-shadow: 0px 0px 0px black;
}


/* Contacts for desktop */

#map-canvas {
position:relative;
float:left;
width: 350px;
height: 370px;
margin: 15px 50px 15px 50px;
padding: 0px
-moz-box-shadow: 0px 0px 0px 2px black, 0px 0px 0px 15px #75726B, 2px 2px 5px 17px black; 
-webkit-box-shadow: 0px 0px 0px 2px black, 0px 0px 0px 15px #75726B, 2px 2px 5px 17px black; 
box-shadow: 0px 0px 0px 2px black, 0px 0px 0px 15px #75726B, 2px 2px 5px 17px black; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;

}

#contacts {
position:relative;
margin-top: 10px;
float:left;

}

/* Contacts for small screens */
@media screen and (max-width: 900px){

#map-canvas {

float:left;
width: 85%;
height: 350px;
margin: 15px 30px 15px 20px;
padding: 0px
-moz-box-shadow: 0px 0px 0px 2px black, 0px 0px 0px 15px #75726B, 2px 2px 5px 17px black; 
-webkit-box-shadow: 0px 0px 0px 2px black, 0px 0px 0px 15px #75726B, 2px 2px 5px 17px black; 
box-shadow: 0px 0px 0px 2px black, 0px 0px 0px 15px #75726B, 2px 2px 5px 17px black; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px;
left: 4%;

}

#contacts {
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
position: relative;
padding-right: 5%;
padding-top: 20px; 
text-align: justify; 
left: 4%;

}

}


.ui-button, .ui-button-text .ui-button {
border-style:none;
font-family:inherit;
color:#4e4c47;
font-size:1em;
background-color:#A79F84;
background-image:none;
}

.ui-button:hover {
border-style:none;
background-color:#000000;
color:#C7C3B7;
background-image:none;
}

.ui-dialog {
font-family:Arial;
font-size:12px;
z-index:999
}

.ui-dialog td {
font-family:Arial;
font-size:12px;
}

/* responsive style below */ @media screen and (max-width:900px) {
/* styles for mobile */ .tinynav {
display:block;
width:100%;
}

#SF_hormenu1, #SF_hormenu2 , #SF_vermenu {
display:none;
}
#Hmenu
  {
      display:table;
      float:right;
      width: 100%;
                  
      }

#content-1 {
float:left;
width:100%;
}

#content-2 {
width:100%;
float:left;
}

#content-2-1 {
float:left;
width:100%;
padding: 0px;
}

#content-2-2 {
float:left;
width:100%;

}

#content1TEXT {
padding: 0;
box-shadow:none;
border-radius:0px;
width:100%;
float:left;

}

#content2TEXT {
padding:0px 10px;
box-shadow:none;
border-radius:0px;
width:100%;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


#content3TEXT {
padding:0px;
box-shadow:none;
border-radius:0px;
width:100%;
float:left;
}

#main {
padding:0;
box-shadow:none;
border-radius:0px;
width:90%;
margin:0 auto;
}

#mainpage {
clear:both;
width:100%;
float:left;
box-shadow:1px 1px 2px #333;
border-radius:0px;
}

#wrapper {
clear:both;
width:100%;
float:left;
box-shadow:none;
border-radius:0px;
}

#hormenu1 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#hormenu2 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#sheet {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#sheetBG {
box-shadow:none;
border-radius:0px;
}

#header {
clear:both;
width:100%;
float:left;
margin-top:0px;
height:80px;
box-shadow:none;
border-radius:0px;
}

#headerBG {
border-radius:0px;
}

#content-1 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#content-2-1 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#content-2-2 {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#footer {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#footerBG {
box-shadow:none;
border-radius:0px;
}

#footNote {
clear:both;
width:100%;
float:left;
margin-top:0px;
padding:5px;
box-shadow:none;
border-radius:0px;
}

#preheader {
clear:both;
width:100%;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

.box {
width:100%;
float:left;
clear:both;
margin-top:0px;
margin-bottom:0px;
box-shadow:none;
border-radius:0px;
}

.boxHeader {
width:100%;
float:left;
margin-bottom:0px;
box-shadow:none;
border-radius:0px;
}

.boxHeaderBG {
margin-bottom:0px;
box-shadow:none;
border-radius:0px;
}

.boxHeaderText {
padding:3px;
box-shadow:none;
border-radius:0px;
}

.boxText {
width:100%;
float:left;
margin-top:0px;
padding: 15px 0;
box-shadow:none;
border-radius:0px;
}

.boxTextBG {
box-shadow:none;
border-radius:0px;
}

.hormenu {
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

.boxTextContent p {
margin:0;
padding:5px 5px 5px 5px;
}

.hormenuText {
left: 15px;  
clear:both;
width:50%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
margin: 0 auto;
}

#headerContent {
clear:both;
width:100%;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#footerContent {
clear:both;
width:100%;
float:left;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#footerContentText {
padding:5px;
margin-top:0px;
box-shadow:none;
border-radius:0px;
}

#headline {
clear:both;
margin:10px 0px 0px 10px;
font-size:1.5em;
width:80%;
}

#slogan {
clear:both;
margin:35px 0px 0px 10px;
font-size:1.0em;
width:80%;
}

#vermenu {
box-shadow:none;
border-radius:0px;
}

#preheadermenu li {
font-size:0.8em;
margin:3px;
box-shadow:none;
border-radius:0px;
}

#headerText {
border-radius:0px;
}

#logo {
float:right;
margin:10px;
box-shadow:none;
width:15%;
height: auto;
box-sizing: border-box;
max-width: 70px;
-moz-box-shadow: 3px 3px 1px black; 
-webkit-box-shadow: 3px 3px 1px black; 
box-shadow: 3px 3px 1px black; 
}

.nav-collapse a {
  display: -webkit-flex; /* Safari */    
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex; 
  justify-content: center;     
  flex-direction: column; 
  height: 40px;
  font-size: 0.5em; 

}

}



@media screen and (max-width: 420px) {
  
#headline {
clear:both;
margin:10px 0px 0px 10px;
font-size:1.0em;
width:80%;
}

#slogan {
clear:both;
margin:35px 0px 0px 10px;
font-size:0.7em;
width:80%;
}
}

/* ------------------------------------------
  RESET
--------------------------------------------- */



a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */
.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


@media screen and (min-width: 40em) {

.nav-collapse ul li {
   display:table-cell;
     
}


.nav-collapse ul {
  list-style: none;
  display:table-row;
  
}


.nav-collapse li a {
 
    color: white;
    text-align: center;
    padding: 16px 12px;
    text-decoration: none;
}

.nav-collapse li a:hover {
    
    border-color: white;
    text-shadow: 1px 3px 3px #000000;
    -moz-box-shadow: 0px 2px 0px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
    -webkit-box-shadow: 0px 2px 0px black, 0 5px 0px #0a4f9d, 0 3px 0px darkblue; 
    box-shadow: 0px 1px 0px black, 0px 5px 0px #0a4f9d, 0px 3px 1px darkblue;
    filter: brightness(115%);
    
}

.nav-collapse li a.on
	{
		background-color: #0a4f9d;
    text-shadow: 1px 2px 2px black, 0 0 30px #0a4f9d, 0 0 5px darkblue;
    border-color: white;
  }

}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: 25%;
    vertical-align: middle;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

/* ------------------------------------------
  NAVIGATION STYLES
  Small screen
--------------------------------------------- */


@media screen and (min-width: 900px) {

#Hmenu
{
    width:100%; 
    display:table;
 }
 .nav-collapse a {
  display: -webkit-flex; /* Safari */    
  -webkit-flex-direction: column; /* Safari 6.1+ */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex; 
  justify-content: center;     
  flex-direction: column; 
  height: 40px;
  font-size: 0.5em; 

}

}

@media screen and (max-width: 39.9em) {

  #Hmenu
  {
      display:table;
      float:right;
      
      }
  
  .hormenuText{
  
  left: 15px;
  float:left;
  width:50%;
  margin: 0 auto;
  }

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  float: left;
  

}

.nav-collapse ul li {
  float: left;
}

.nav-collapse li a {
 
    color: white;
    text-align: center;
    padding: 16px 16px;
    text-decoration: none;
}

.nav-collapse li a:hover {
    
  border-color: white;
  text-shadow: 1px 3px 3px #000000;
  -moz-box-shadow: 0px 2px 0px black, 0 0 20px #0a4f9d, 0 0 5px darkblue; 
  -webkit-box-shadow: 0px 2px 0px black, 0 5px 0px #0a4f9d, 0 3px 0px darkblue; 
  box-shadow: 0px 1px 0px black, 0px 4px 0px #0a4f9d, 0px 3px 1px darkblue;
  filter: brightness(115%);
}

.nav-collapse li a.on
{
  background-color: #0a4f9d;
  text-shadow: 1px 2px 2px black, 0 0 30px #0a4f9d, 0 0 5px darkblue;
  border-color: white;
}
  
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
     background-color: rgba(40, 40, 40, 0.5);
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNTA1MDUwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%,color-stop(0, rgb(80, 80, 80)),color-stop(1, rgba(0, 0, 0, 0)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(bottom,rgb(80, 80, 80) 0%,rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background-image: linear-gradient(to top,rgb(80, 80, 80) 0%,rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(bottom,rgb(80, 80, 80) 0%,rgba(0, 0, 0, 0) 100%);
  border: 1px solid gray;
  padding: 0.7em 1em;
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px;
  -moz-box-shadow: 0px 3px 0px black; 
  -webkit-box-shadow: 0px 3px 0px black; 
  box-shadow: 0px 3px 0px black;
  margin-bottom: 5px;
  height: 40px;
 }
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#ff505050",GradientType=0);
    }
}





@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin-bottom: 5px;
    padding: 1em;
 
    text-align: center;
    border-bottom: 0;
   
  }
 
  .nav-collapse a {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    
}
/*  .nav-collapse li:last-child {
    border-right: none;
}
*/

}

.nav-collapse ul ul a {
  background: #505050;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */
@font-face {
  font-family: "responsivenav";
  src:url("js/responsive-nav.js-master/icons/responsivenav.eot");
  src:url("js/responsive-nav.js-master/icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("js/responsive-nav.js-master/icons/responsivenav.ttf") format("truetype"),
    url("js/responsive-nav.js-master/icons/responsivenav.woff") format("woff"),
    url("js/responsive-nav.js-master/icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
  text-shadow: 1px 1px 2px black;
}

.nav-toggle:hover {
  text-shadow: 1px 1px 2px black, 0 0 30px #0a4f9d, 0 0 5px darkblue;
  filter: brightness(130%);
      
}

.nav-toggle:before {
  color: #0a4f9d; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 28px;
  content:"x";
}

/* ------------------------------------------
  LIST STYLES
--------------------------------------------- */
ul.list_acc {
list-style-position:inside;
margin: 0px 0 0 -25px;
}
.list_acc li {
padding-bottom: 10px;
text-align: justify;
list-style-image: url(images/check.png);
}

ul.list_all {

}
.list_all li {
padding-bottom: 5px;
padding-left: 10px;
list-style-image: url(images/check.png);
}

ul.list_home {

}
.list_home li {
padding-top: 3px;
list-style-image: url(images/check.png);
}