html, body {
  margin:0;
  padding:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  font-weight:normal;
}
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table {
  border-collapse:collapse;
  border-spacing:0;
}
html, body {
  margin:0;
  padding:0;
  height:100%;
  font-size:16px;
}
h1, h2, h3 {
  font-weight:inherit;
  font-family:'Lato', sans-serif;
}
h1 { margin-bottom:20px; }
h2 {
  font-weight:300;
  font-style:italic;
  font-size:36px;
  line-height:1.3;
}
p { font-size:16px; }
strong { font-weight:700; }
body {
  background:#202e30 url('./images/bg-as.jpg') no-repeat top center fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  height:100%;
  font-family:'Lato', sans-serif;
}
#bg {
  position:fixed;
  top:0;
  left:0;
}
.bgwidth { width:100%; }
.bgheight { height:100%; }
.content {
  max-width:940px;
  margin:0 auto 20px;
  padding:0 40px;
}
#wrapper {
  min-height:100%;
  position:relative;
  width:auto;
}
#wrapper .content img {
  max-width:100%;
  height:auto;
}
#wrapper header { position:relative; }
#wrapper header .content {
  padding:75px 40px 30px;
  margin:0 auto;
  position:relative;
}
#wrapper header .content img {
  display:block;
  width:160px;
  margin-bottom:20px;
}
#wrapper header .content h1 {
  font-size:1px;
  color:#202e30;
}
#wrapper header .content h2 {
  color:#ffffff;
  max-width:470px;
}
#wrapper header .content .translationSwitch {
  position:absolute;
  top:40px;
  right:40px;
  font-size:14px;
  font-style:italic;
  color:#ffffff;
}
#wrapper header .content .translationSwitch a { color:#5da4dd; }
#wrapper section { position:relative; }
#wrapper section#selectAssessor .content { color:#ffffff; }
#wrapper section#selectAssessor .content p { font-size:20px; }
#wrapper section#selectAssessor .content ul {
  margin:45px 0 70px;
  overflow:hidden;
}
#wrapper section#selectAssessor .content ul li {
  display:inline-block;
  zoom:1;
  *display:inline;
  float:left;
  clear:none;
  vertical-align:top;
  width:23%;
  margin-left:2%;
  text-align:center;
  font-size:19px;
  line-height:1.3;
}
#wrapper section#selectAssessor .content ul li:first-child { margin-left:0; }
#wrapper section#selectAssessor .content ul li a {
  background-color:rgba(24,94,150,0.8);
  padding:12% 10%;
  display:block;
  color:#ffffff;
  text-decoration:none;
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
}
#wrapper section#selectAssessor .content ul li a img {
  width:106px;
  display:block;
  margin:0 auto 10px;
}
#wrapper section#selectAssessor .content ul li a.jia { padding:12% 2%; }
#wrapper section#selectAssessor .content ul li a.jia span {
  margin:0% 8%;
  display:block;
}
#wrapper section#selectAssessor .content ul li a:hover { background-color:rgba(28,108,172,1); }
.footerSpacer { height:260px; }
#footer {
  position:absolute;
  bottom:0;
  width:100%;
  padding-top:20px;
  height:278px;
}
#footer .credits {
  background-color:#ffffff;
  background-color:rgba(255,255,255,0.8);
  padding:50px 0 35px;
  color:#343434 !important;
  line-height:1.5;
  overflow:auto;
}
#footer .credits p, #footer .credits .rheuminfoLogo {
  display:inline-block;
  zoom:1;
  *display:inline;
  float:left;
  clear:none;
}
#footer .credits p { max-width:70%; }
#footer .credits .rheuminfoLogo {
  max-width:25%;
  float:right !important;
  color:#859394;
  text-transform:uppercase;
  font-weight:700;
  text-align:right;
}
#footer .credits .rheuminfoLogo img { width:170px; }
#footer .copyright {
  background:#253639;
  padding:50px 0 30px;
  overflow:auto;
  color:#ffffff;
  font-size:14px;
}
.languageToggle {
  display:block;
  padding:8px 15px;
  position:absolute;
  right:50%;
  top:0px;
  background:url('header-bg.png');
  color:#dddddd;
  -moz-border-radius-bottomright:46px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px 6px;
  border-bottom-right-radius:6px 6px;
  margin-right:-480px;
  font-size:12px;
  z-index:999;
}
@media (max-width: 800px) {
  #selectAssessor .content ul li {
    width:47% !important;
    margin:1.5% !important;
  }
  #selectAssessor .content ul li a { font-size:2.4vm in; }
  #selectAssessor .content ul li a strong { display:block; }
  #footer { text-align:center; }
  #footer .credits p, #footer .credits .rheuminfoLogo, #footer .credits .rheuminfoLogo img {
    text-align:center;
    display:block !important;
    max-width:100%;
    float:none !important;
    margin:0 auto;
  }
  #footer .credits .rheuminfoLogo img { margin-top:10px; }
  #footer .credits p { margin-bottom:40px; }
}
@media (max-width: 480px) {
  #selectAssessor .content ul li {
    width:100% !important;
    margin:0 0 3.5% !important;
  }
  #selectAssessor .content ul li a {
    font-size:16px;
    padding:20px !important;
  }
  .credits p { font-size:14px; }
}