@font-face {font-family: Rubik; src: url('/fonts/Rubik-Regular.ttf'); font-weight: normal; }
@font-face {font-family: Rubik; src: url('/fonts/Rubik-Bold.ttf'); font-weight: bold; }

* { font-family: Rubik, Arial;  font-size: 18px; font-weight: normal; color: #333; }
html { min-height:101%;  }
body,p,ul,li,h1,h2,h3,h4 {margin: 0; padding: 0; }
a { text-decoration: none; color: #333; }
table {  border-collapse: collapse; }
b { font-weight: bold; }

body { padding-bottom: 250px; background: #eee url('/images/body_background.jpg') bottom center no-repeat;}
#page_wrapper { background: url('/images/header_background.jpg') top center no-repeat;  }
#content_wrapper { border-radius: 10px; box-shadow: 5px 5px 60px silver; margin: 0 auto; max-width: 1200px; }

#header { margin: 0 auto; max-width: 1200px; }
#header img { margin-left: -100px; height: 200px;}

#menu {   background-color: rgba(255, 255, 255, 0.7);  border-radius: 10px 10px 0 0;}
#menu p { font-size: 2em; display: none; text-align: center; color: #fff;}
#menu li { display: inline-block;  }

#menu li li { font-size: 0.9em; display: block; border-bottom: 1px dotted darkgreen; }

#menu li li:hover {   background-color: #ddd;}
#menu li li:last-child { border-bottom: none; border-radius: 0 0 10px 10px; }
#menu li a {  font-weight:bold; color: darkgreen; padding: 15px 40px; display: inline-block;  }
#menu li a.active_parent { color: #333; }
#menu li a.active { color: #333; }
#menu li li a {  font-weight: normal; color: #333;  display: block; }
#menu li li:hover a {  color: darkgreen; }
#menu li li a.active {  color: darkgreen; font-weight:bold;  }
#menu li ul {  background-color: #eee;  display: none; position: absolute; box-shadow: 5px 5px 50px #777; border-radius: 0 0 10px 10px;}

#menu li:hover ul { display: block; }

#content {  background-color: #fff;  padding: 0px 100px; padding-bottom: 100px; }
#content h1 {  color: darkkhaki; font-size: 2em; padding-top: 25px; padding-bottom: 10px; }
#content h2 { color: darkgreen; font-size: 1.4em; padding-top: 25px; padding-bottom: 10px; }
#content img {  display: block; margin: 25px auto; border-radius: 5px; box-shadow: 5px 5px 50px silver; max-width: 100%;}
#content p { line-height: 1.6em; padding-bottom: 1em; }
#content a { color: blue; text-decoration: underline; font-weight:bold;}
#content ul { margin-left: 150px; list-style-type: none;   }
#content li {  border-left: 25px solid darkkhaki; padding-left: 15px; font-weight: bold; color: darkgreen;  margin-bottom: 1em;}

#content table { width: 100%; margin-bottom: 25px;}
#content th {  font-weight: bold; color: darkgreen; padding: 10px 0; text-align: center; border-bottom: 2px dotted darkgreen; }
#content td { padding: 10px 0; text-align: center; border-bottom: 2px dotted silver;}
#content address p { font-weight: bold; }
#content address label { color: darkgreen; font-weight: normal;}

#footer { background-color: rgba(255, 255, 255, 0.7); border-radius: 0 0 10px 10px; padding-top: 100px; padding-left: 100px; padding-bottom: 75px;  }
#footer img { margin-left: -50px; }
#footer h3 {   margin-bottom: 15px; }
#footer h3 span { color: green;font-size: 1.6em;}
#footer p {margin-bottom: 15px; }
#footer p a { color: blue; text-decoration: underline; }

#legalname { display: none;}
#address { display: none;}
#publisher_employee_text { font-size: 0.8em; font-weight: bold; margin-top: 25px; }
#publisher_legalname_text { font-size: 0.8em; font-weight: bold; }

.show_mobile { display: none; }
.small { font-size: 0.8em; }

.link-blocks { margin-top: 50px; }
.link-block { display: block; margin-bottom: 40px; text-decoration: none; }
.link-block img { margin: 0 auto 15px; }
.link-block h2 { color: darkgreen; font-size: 1.4em; padding-bottom: 10px; }
.link-block p { color: #333; }

@media (max-width: 1500px) {
#header { max-width: 980px; }
#content_wrapper { max-width: 980px; }
#header img { margin-left: -25px; }
#content { padding: 0px 25px; padding-bottom: 100px; }
#content img { margin: 10px auto; }
#footer { padding-left: 50px; }
}

@media (max-width: 1024px) {
#page_wrapper {   background: none; }
#content_wrapper { max-width: 100%;}

#menu {   border-radius: 0; background: darkgreen;}
#menu p { display: block; padding: 5px; text-shadow: 5px 5px 15px silver;  }
#menu ul { display: none; }
#header img { display: none; }

#menu:hover ul { display: block; position: absolute; left: 0; width: 100%;   }
#menu:hover li ul { position: unset; padding: 0px; }

#menu ul {  background-color: darkkhaki; }
#menu li {  display: block; border-radius: 0; border-bottom: 1px solid #fff;  }
#menu li ul {border-radius: 0;}
#menu li a {  display: block; padding: 20px;  }
#menu li li a {   padding-left: 50px;  }

#content { box-shadow: inset 0px 0px 20px silver; }
#content img { max-width: 100%; height: unset;}
#content h1 { font-size: 1.6em; }
#content ul { margin-left: 15px; }
#content th { font-size: 0.8em; }
#content td:first-child { font-weight: bold; font-size: 0.8em; }
#footer { border-radius: 0; padding-top: 50px; }
}