html .extbg {
  display: none !important;
}
html header nav.light {
  display: none;
}
html .introanim .boxl,
html .introanim .boxr {
  display: none;
}
html header .mobilehandle {
  position: fixed;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  background: url("img/mobilehandle.png") 50% 50% no-repeat;
  background-size: 20px 16px;
  display: block;
  z-index: 100;
}
html header nav.light.mobileshown {
  display: none;
}
html header nav.dark {
  background: rgba(0, 131, 195, 0.75);
}
html header nav.dark.shown.mobileshown,
html header nav.dark.mobileshown,
html header nav.mobileshown {
  display: block;
  height: 100% !important;
  width: 100%;
}
html header nav.mobileshown>div:first-child {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  width: 250px;
  background: white;
  height: auto;
  overflow: auto;
}
html header nav.mobileshown>div>ul:last-child {
  padding-top: 0;
}
html header nav ul {
  display: none; /*TODO*/
}
html header nav.dark.mobileshown>div>ul>li>ul {
  position: static;
  
}
html header nav.dark.mobileshown ul {
  display: block;
  position: static;
  float: none;
  width: auto;
}
html header nav.dark.mobileshown ul li {
  float: none;
  height: auto;
  margin-bottom: 9px;
  text-align: left;
}
html header nav.dark.shown,
html header nav .darkbg {
  height: 50px;
}
html header nav.dark h1 {
  height: 35px;
  width: 85px;
  background-size: 85px 35px;
  margin-left: -42px;
  top: -35px;
}
html header nav.dark.mobileshown h1,
html header nav.dark.shown h1 {
  top: 8px;
  opacity: 1;
}
html header nav.dark>div>ul {
  color: #00143e;
}
html header nav.dark>div ul li a {
  white-space: normal;
}
html header nav.dark>div>ul>li.selected>a,
html header nav.dark>div>ul>li>a:hover {
  background: #031b3f;
  color: white;
}
html header nav>div>ul>li>ul {
  padding-left: 30px;
  padding-top: 5px;
}
html header nav>div>ul>li>a {
  display: inline-block;
}

html .homemission {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 0;
}
html .homemission p {
  width: 100%;
}
html .hareas ul {
  width: 100%;
  overflow: hidden;
}
html .hareas ul li .arcontent {
  margin-left: 0px !important;
  width: 100%;
  box-sizing: border-box;
  padding: 52px 25px;
}
html .hareas {
  min-width: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
html .getinv {
  width: 100%;
}

html .hareas ul li:nth-child(1) {
  padding-top: 208px;
}
html .hareas ul li:nth-child(2) {
  padding-top: 128px;
}
html .hareas ul li:nth-child(3) {
  padding-top: 136px;
  margin-top: -50px;
}
html .hareas ul li .bgr {
  left: 0 !important;
}
html .hareas ul li:nth-child(1) .bgr {
  height: 292px;
  width: 320px;
  background-size: 352px 321px;
  background-position: 50% 50%;
  top: 0;
}
html .hareas ul li:nth-child(2) .bgr {
  height: 358px;
  width: 320px;
  background-size: 352px 395px;
  background-position: 50% -100px;
  top: 0;
}
html .hareas ul li:nth-child(3) .bgr {
  height: 245px;
  width: 320px;
  background-size: 352px 270px;
  background-position: 50% 50%;
  top: 0;
}
html .hareas h2 {
  font-size: 24px;
}
html .hareas h3 {
  font-size: 14px;
  line-height: 20px;
}
html .hareas p {
  font-size: 14px;
  line-height: 20px;
}
html .hneev {
  min-width: 0;
  width: 100%;
  margin-top: 20px;
}
html .hneev .bgr {
  background-size: 600px 600px;
  height: 600px;
  margin-left: -300px;
}
html .hnecont {
  width: 100%;
}
html .hnews,
html .hevents {
  width: auto;
  height: auto;
  margin: 10px 20px;
}
html .hnews .pic,
html .hevents .pic {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 260px;
}
html .hevents .pic {
  height: auto;
}
html .pic>img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
html .pic>div {
  background: transparent;
}
html .pic:hover>div {
  background: rgba(0,131,195,.5) url("img/overzoom.png") no-repeat 50% 50%;
  background-size: 50px 50px;
}

html .hneinner h1 {
  font-size: 24px;
  font-weight: bold;
}
html .hneinner {
  box-sizing: border-box;
  width: 100%;
  padding: 14px 18px 22px;
}
html .hnews .hneinner date {
  display: block;
  float: none;
  font-size: 14px;
  text-align: right;
}
html .hneinner h2 {
  font-size: 15px;
  line-height: 22px;
}
html .text {
  font-size: 14px;
  line-height: 20px;
}
html .smbtn {
  font-size: 10.5px;
  height: 16px;
  line-height: 16px;
}
html .socshare {
  font-size: 10.5px;
  line-height: 16px;
}
html .hneinner .socshare {
  margin-left: 12px;
}
html .socshare a {
  background-size: 40px 32px;
  width: 20px;
  height: 16px;
}

html .socshare a.fb {
  background-position: 0px -16px;
  margin-right: 8px;
  margin-left: 6px;
}
html .socshare a.tw {
  background-position: -20px -16px;
}
html .socshare a.fb:hover {
  background-position: 0px -0px;
}
html .socshare a.tw:hover {
  background-position: -20px -0px;
}
html .hevents .hneinner {
  padding-left: 18px;
}
html .hevents .hneinner date {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 0;
}
html footer {
  height: 580px;
  
}
html footer .darkbg {
  height: 442px;
  bottom: 34px;
}
html footer .contact {
  width: 240px;
  right: 50%;
  margin-right: -120px;
  top: 50px;
  height: 183px;
}
html footer .contact h2 {
  font-size: 24px;
  line-height: 52px;
  height: 52px;
}
html footer .contact ul {
  font-size: 10.5px;
  line-height: 22px;
  padding-top: 14px;
}
html footer .contact ul li {
  margin-bottom: 0;
}
html footer .contact .soclinks {
  margin-top: 14px;
}
html footer .contact .soclinks a {
  width: 20px;
  height: 16px;
  background-size: 60px 32px;
}
html footer .contact .soclinks a.fb {
  background-position: 0px 0px;
  margin-right: 8px;
}
html footer .contact .soclinks a.tw {
  background-position: -20px 0px;
  margin-right: 8px;
}
html footer .contact .soclinks a.in {
  background-position: -40px 0px;
}
html footer .contact .soclinks a.fb:hover {
  background-position: 0px -16px;
}
html footer .contact .soclinks a.tw:hover {
  background-position: -20px -16px;
}
html footer .contact .soclinks a.in:hover {
  background-position: -40px -16px;
}
html footer .priv {
  right: 0;
  top: auto;
  bottom: 7px;
  text-align: center;
  width: 100%;
  font-size: 10.5px;
}
html footer .socshare {
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
html footer .links {
  bottom: 60px;
  height: auto;
  left: 0;
  width: 100%;
}
html footer .links li {
  float: none;
  text-align: center;
  margin-top: 30px;
}
html footer .links li a {
  margin-right: 0 !important;
  display: inline-block;
}
html footer .links li a.uni {
  width: 200px;
  height: 38px;
  background-size: 200px 38px;
  margin-top: 0;
  margin-bottom: 11px;
}
html footer .links li a.fou {
  width: 140px;
  height: 52px;
  background-size: 140px 52px;
}
html footer .links li a.ndi {
  width: 152px;
  height: 55px;
  background-size: 152px 55px;
}
html header .navspacer {
  height: 50px;
}
html .aboutintro>div {
  width: 100%;
  height: auto;
}
html .aboutintro div.headphoto,
html .aboutintro div.headphoto .credit,
html .aboutintro div.headphoto>img,
html .aboutintro>div>img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding-top: 0;
}
html .aboutintro div.headphoto .credit {
  line-height: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
}
html .aboutintro .introbox {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 55px 20px;
}
html .toleftcontent {
  margin-top: 0;
}
html .toleftcontent .bgtiles {
  display: none;
}
html .aboutintro h1 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 14px;
}
html .aboutintro .intro {
  margin-right: 0;
  font-size: 15px;
  line-height: 22px;
}
html .toleftcontent {
  min-height: 20px;
}
html .extended + .toleftcontent {
  margin-top: 0;
}
html .toleftcontent .content {
  width: 100%;
}
html .toleftcontent .content>div {
  padding: 55px 20px;
  width: 100%;
}
html .toleftcontent h1 {
  font-size: 24px;
  line-height: 24px;
}
html .toleftcontent h2 {
  font-size: 15px;
  line-height: 15px;
}
html .toleftcontent .text {
  font-size: 14px;
  line-height: 20px;
}
html .toleftcontent .text img {
  max-width: 100%;
  height: auto;
}
html .toleftcontent .image {
  float: none;
  width: 100%;
}
html .toleftcontent .image .desc {
  font-size: 8.5px;
  line-height: 12px;
}
html .toleftcontent .features {
  float: none;
  margin-left: 0;
  margin-top: 12px;
  font-size: 15px;
  line-height: 18px;
  max-width: 100%;
}
html .memberfilters {
  height: auto;
}
html .memberfilters .content {
  width: 100%;
}
html .memberfilters .memintro {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 60px 20px 74px;
  height: auto;
}
html .memberfilters .filters {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 25px 20px;
  margin-top: -34px;
  overflow: hidden;
  height: auto;
}
html .bgtc3 {
  height: 600px;
  margin-top: -166px;
  margin-bottom: -414px;
}
html .memberfilters .memintro h2,
html .memberfilters .filters h2 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 12px;
}
html .memberfilters .memintro p {
  line-height: 22px;
  font-size: 15px;
}
html .memberfilters .filters .search {
  width: 100%;
}
html .memberfilters .filters .search input[type="text"] {
  width: auto;
  right: 0px;
}
html .memberfilters .filters .filter {
  width: 47%;
  font-size: 10.5px;
  line-height: 13px;
}
html .memberfilters .filters .pos {
  margin-right: 6%;
}
html .bgtiles {
  width: 600px;
  height: 600px;
  margin-left: -300px;
  background-size: 600px 600px;
}
html .memberlist ul {
  width: 100%;
  padding: 0 20px 20px;
  box-sizing: border-box;
}
html .memberlist ul li {
  width: 48%;
  margin-left: 4%;
}
html .memberlist ul li.n1,
html .memberlist ul li.n3 {
  margin-left: 0;
  clear: left;
}
html .memberlist ul li h2 {
  font-size: 15px;
  line-height: 19px;
  padding-right: 0px;
}
html .profile .content {
  width: 100%;
}
html .profile .content aside {
  float: none;
  margin-right: 0;
  width: 100%;
  background: rgba(162,222,216,0.75);
}
html .profile .content aside ul {
  display: none;
}
html .profile .content aside.mobileonly ul {
  display: block;
  padding: 25px 20px;
  box-sizing: border-box;
}
html .profile .main {
  width: 100%;
  float: none;
}
html .profile .proinfo {
  padding: 60px 20px 40px;
  background: rgba(162,222,216,0.75);

}
html .profile h2 {
  font-size: 24px;
  line-height: 24px;
}
html .profile .intro {
  font-size: 15px;
  line-height: 22px;
}
html .profile .image {
  margin-bottom: 0;
}
html .mobileonly {
  display: block;
}
html .pic>a.nomobile, html .pic>div.nomobile,
html .hevents .hneinner date.nomobile,
html .nomobile {
  display: none;
}
.mobileonly .back {
  text-align: center !important;
  padding-right: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}
aside .back {
  display: none;
}
aside.mobileonly .next2 {
  display: block;
}
aside.mobileonly .back {
  display: block;
}
html .toleftcontent.for404 {
  min-height: 0;
  margin: 0;
}
html .leaderintro {
  padding-bottom: 50px;
}
html .leaderintro .homemission p {
  width: 100%;
  font-size: 15px;
  line-height: 22px;
}
html .leadlist {
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
}
html .leadlist ul {
  width: 100%;
  float: none;
}
html .leadlist ul li h2 {
  font-size: 24px;
  line-height: 24px;
}
html .leadlist ul li .details {
  font-size: 14px;
  padding: 20px 0;
}
html .leadlist ul li .spec {
  font-size: 14px;
  line-height: 16px;
}
html .profile .geninfo .genc {
  margin-top: 20px;
}
html .missionp {
  width: 100%;
  margin: 10px 0 40px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
html .missionp p {
  width: 100%;
}
html .aboutintro.short, html .aboutintro.short .introbox {
  height: auto;
}
html .bgtc1 {
  height: 600px;
  margin-top: -116px;
  margin-bottom: -484px;
}
html .singlequote .innerbox {
  height: auto;
  overflow: hidden;
  padding: 0 20px;
  box-sizing: border-box;
}
html .singlequote .content {
  width: 100%;
  padding: 0;
}
html .singlequote .image {
  padding-top: 0;
  padding-bottom: 30px;
  width: 100%;
  float: none !important;
}
html .singlequote blockquote {
  width: 100%;
  margin-left: 0;
}
html .singlequote blockquote > div {
  width: 99%;
}
html .singlequote {
  margin-bottom: 0;
}
html .profile .content aside .imgslider ul {
  display: block;
  width: 100%;
}
html .extended .imgslider {
  width: 100%;
  height: auto;
  padding-top: 77.3%;
}
html .extended .imgslider li {
  width: 100%;
  height: auto;
  padding-bottom: 34px;
/*   position: relative; */
}
html .extended .imgslider li div {
  position: absolute;
  left: 0;
  height: auto;
  line-height: 18px;
  padding: 8px 12px;
  bottom: 0;
  right: 0;
  width: auto;
}
html .extended .imgslider li img {
  width: 100%;
  height: auto;
}
html .extended .bspc {
  padding: 20px 0;
  text-align: center;
}
html .profile.extended .main {
  width: 100%;
}
html .bquote {
  margin: 10px 0 40px;
}
html .bquote .content {
  width: 100%;
}
html .bquote blockquote,
html .newsintro blockquote {
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 22px;
  padding-left: 20px;
  padding-right: 20px;
}
html .bquote .qsource {
  font-size: 14px;
  line-height: 20px;
}
html .baltlist {
  width: 100%;
  margin-bottom: 10px;
}
html .baltlist > ul {
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}
html .baltlist > ul > li {
  width: 100%;
  margin-left: 0;
  float: none;
}
html .baltlist .imgslider {
  width: 100%;
  height: auto;
  padding-top: 74.28%;
}
html .baltlist .imgslider img {
  width: 100%;
  height: auto;
}
html .baltlist .details {
  padding: 0 0 20px;
}
html .baltlist h2 {
  font-size: 24px;
  line-height: 24px;
}
html .baltvisit {
  width: 100%;
  margin-bottom: 20px;
}
html .baltvisit ul {
  width: 100%;
}
html .baltvisit ul li {
  float: none;
  margin: 0 auto 20px;
}
html .baltvisit ul li:first-child {
  margin: 0 auto 20px;
}
html .evlist {
  width: 100%;
  margin-bottom: -80px;
}
html .evlist ul li {
  float: none;
  margin-left: 0;
  width: 100%;
}
html .evlist h2 {
  font-size: 24px;
  line-height: 24px;
}
html .evlist p {
  font-size: 14px;
  line-height: 20px;
}
html .calholder {
  width: auto;
  height: auto;
  margin-bottom: 40px;
}
html .calholder .content {
  width: 100%;
}
html .calholder .calendar {
  width: 100%;
  height: auto;
/*   height: 450px; */
  position: relative;
  z-index: 1;
  float: none;
  box-sizing: border-box;
/*   padding: 20px; */
  padding: 10px;
}
.calholder .calendar iframe {
  height: 600px;
  height: 90vh;
}
html .calholder aside {
  float: none;
  margin-top: 0;
  width: 100%;
}
html aside .featev {
  padding: 30px 20px 1px;
}
html aside .featev h1, html aside .othercal h1 {
  font-size: 24px;
  line-height: 24px;
}
html aside .featev h2 {
  font-size: 14px;
  line-height: 20px;
}
html aside .featev ul {
  overflow: hidden;
}
html aside .featev li {
  margin: 20px 0;
}
html aside .featev date {
  font-size: 14px;
  line-height: 20px;
}
html .extended.funding .bspc {
  display: none;
}
html .extended.funding .imgslider {
  padding-top: 75%;
}
html .extended.funding .proinfo {
  height: auto;
}
html .toleftcontent.alt2 {
  margin-top: 0;
}
html .toolsearch {
  margin-left: 0;
}
html .toolsearch form input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  padding-right: 50px;
}
.toolsearch form button {
  position: absolute;
  top: 0;
  right: 0;
}
html .toolsearch h1 {
  width: 35%;
  line-height: 50px;
  box-sizing: border-box;
  padding-left: 20px;
}
html .toolsearch form {
  width: 60%;
  position: relative;
}
html .toleftcontent .alter1 {
  padding: 30px 20px;
}
html .extended.fixedh .bspc {
  display: none;
}
html .extended.fixedh .proinfo {
  height: auto;
}
html .extended.fixedh .imgslider {
  padding-top: 85%;
}
html .tcwimg .tcwic {
  float: none;
  margin-left: 0;
  width: 100%;
  margin-top: 20px;
}
html .tcwimg img {
  float: none;
  margin: 0 auto 10px;
}
html .newslist .content {
  width: 100%;
}
html .newslist .content ul {
  float: none;
  width: 100%;
  margin-left: 0;
}
html .newlinner h2 {
  font-size: 14px;
  line-height: 20px;
}
html .newsintro .content {
  width: 100%;
}
html .newsp {
  height: auto;
}
html .newslist .buttonlg {
  font-size: 24px;
}
html .accordion .accontent {
  padding-right: 0;
}
html .mapc {
  width: 100%;
  height: 320px;
}
html .contact .geninfo.custom,
html .contact .geninfo {
  width: 100%;
}
html .proinfo .multic {
  float: none;
  margin-left: 0;
  width: 100%;
}
html .contact .geninfo.reduced {
  width: 100%;
}
html .geninfo p {
  font-size: 14px;
  line-height: 20px;
}

html .animinner {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 45px;
  right: 0px;
}
html .animinner .boxl,
html .animinner .boxr { display: none; }
html .animinner .animlogo {
  width: 275px;
  height: 100px;
  margin: -50px 0 0 -137px;
}
html .animinner .animlogoarrow {
  top: auto;
  bottom: 20%;
  margin: 0 0 0 -22px;
}
html .imgc.left {
  float: none;
  margin-right: 0;
}
html .imgc.left img {
  width: 100%;
}
html .bgtc4.profileview {
  margin: 1180px 0 -2170px;
}
html .profile aside ul {
  width: 100%;
  max-width: 480px;
}
html .missionp .mip {
  height: 0;
}
html .imgslider li {
  width: 100%;
}
html .newsp {
  margin-bottom: 0;
  margin-top: -120px;
}
html .newslist.external {
  margin-top: -100px;
  padding-bottom: 0;
  margin-bottom: 0;
}
html .bgtc6 {
  margin-bottom: -1030px;
}
html .bgtc5 {
  max-width: 100%;
}
html .bgtiles {
  width: 100%;
  margin-left: 0;
  background-position: 50% 50%;
  left: 0;
}
html .profile .next2 a {
  display: none;
}
html .profile .mobileonly .next2 a {
  display: block;
}
html .profile .mobileonly.backnext {
  padding-top: 40px;
  min-height: 60px;
  text-align: center;
}
html .profile .mobileonly.backnext .back,
html .profile .mobileonly.backnext .next2 {
  display: inline-block;
  position: static;
  padding: 0;
  width: auto !important;
}
html .profile .mobileonly.backnext .next2 {
  padding: 0 0 0 40px;
}
html .leadlist ul li .spec {
  min-height: 0;
}
html .hnews .pic {
  height: auto;
}


html .pic a {
  position: static;
}

html ul.awardees li {
  padding-left: 0px;
}
html ul.awardees div.photo {
  position: static;
  margin: 0 auto 20px;
  width: 100%;
  height: auto;
}
html ul.awardees div.photo img {
  width: 100%;
  height: auto;
}

html .profile .geninfo .genp {
  width: auto;
}

html .gallery6 .container ul li {
  width: 100%;
}

html .gallery6 .container ul li .desc {
  font-size: 14px;
  line-height: 24px;
}

html .toleftcontent .content > div > ul > li.toleftgallery {
  flex-wrap: wrap;
  margin-left: 0;
}
html .toleftcontent .content > div > ul > li.toleftgallery .tlgallery {
  flex-direction: column;
}
html .toleftcontent .content > div > ul > li.toleftgallery .tlgallery .desc-aside {
  width: 100%;
  margin-left: 0;
  margin-top: 35px;
}
html .toleftcontent .content > div > ul > li.toleftgallery .tlcontent {
  margin-left: 0;
  margin-top: 20px;
}
html .evlist.evlistex ul li {
  width: 100%;
}
html .evlist.evlistex > div {
  width: 100%;
}
html .leaderintro + .bgtc2 {
  margin-top: 0;
}
html .memberfilters .filters {
  margin-top: 0;
}