@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
body {
  background: #adafb0;
}
a,
a:hover,
.removefile-button {
  color: #0077c0;
}
.required {
  color: #cc0000;
}
.btn-primary {
  background: #f5cf47;
  border-color: #f5cf47;
  color: #104b7d;
}
.btn-primary:hover {
  color: #104b7d;
  background: #f4c92f;
  border-color: #f4c92f;
}
h1.pagetitle {
  font-size: 24px;
  color: #104b7d;
  margin-top: 0;
}
.pagetitle h1 {
  font-size: 18px;
  color: #104b7d;
  margin-top: 0;
}
.myProfileNav {
  margin: 0px 15px 0px 0px;
  text-transform: uppercase;
  font-size: 11px !important;
  background: #5c7f9d;
  padding: 8px 10px 5px 10px !important;
  margin-top: 7px;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
}
.myProfileNav:hover {
  text-decoration: none;
}
.loggedout:before {
  font-family: 'Glyphicons Halflings';
  content: "\e033";
  font-size: 8px;
  margin-right: 4px;
}
.loggedin:after {
  background: #5c7f9d;
  width: 16px;
  height: 15px;
  content: '\25BE';
  font-size: 13px;
  color: #104b7d;
  top: 0;
  right: 0;
  text-align: center;
  margin-left: 6px;
}
.ubernav {
  background: #104b7d;
  position: relative;
}
.ubernav .login {
  margin: 15px;
}
.ubernav .login a {
  text-transform: uppercase;
  font-size: 11px !important;
  background: #5c7f9d;
  padding: 8px 10px 5px 10px !important;
  margin-top: 7px;
  border-radius: 4px;
}
.ubernav .login a:before {
  font-family: 'Glyphicons Halflings';
  content: "\e033";
  font-size: 8px;
  margin-right: 4px;
}
.ubernav ul.ubernav-links {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  text-align: right;
}
.ubernav ul.ubernav-links li {
  display: inline-block;
}
.ubernav ul.ubernav-links li a {
  padding: 12px 15px 10px;
  font-size: 13px;
  display: block;
  color: #ffffff;
  /*border-right: 1px solid lighten(@sfnblue, 8%);*/
}
.ubernav ul.ubernav-links li.active a {
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  border-right: none;
  border-bottom: 1px solid #ffffff;
}
.ubernav ul.ubernav-links li.last a {
  border-right: none;
}
.ubernav .ubernav-toggle {
  text-align: center;
  background: #ffffff;
  border-color: #adafb0;
  padding: 4px 6px;
  vertical-align: top;
  position: absolute;
  left: 5px;
  top: 12px;
}
.ubernav .ubernav-toggle:hover {
  background: #ededed;
  color: #0077c0;
}
.ubernav .ubernav-toggle .icon-bar {
  background: #104b7d;
  display: block;
  width: 25px;
  height: 2px;
  margin: 4px 0;
}
.ubernav .ubermenu-sm > .dropdown-menu {
  top: 43px;
  left: 5px;
}
.ubernav .ubermenu-sm > .dropdown-menu > li > a {
  color: #0077c0;
}
.header {
  background: #ffffff;
  height: 120px;
}
.header .banner {
  position: relative;
}
.header .logo {
  position: absolute;
  left: 25px;
  top: 25px;
}
.header .logo img {
  width: 493px;
  height: auto;
}
.header .header-links {
  position: absolute;
  right: 12px;
  top: 15px;
  text-align: right;
  font-size: 13px;
}
.header .header-links ul {
  list-style: none;
  padding: 0;
}
.header .header-links ul li {
  display: inline;
  margin: 0 5px 0 0;
  border-right: 1px solid #999;
  padding-right: 5px;
}
.header .header-links ul li:last-child {
  border-right: none;
}
.header .header-links ul li a {
  padding: 4px 5px;
  font-weight: bold;
}
.header .header-links ul li a.icn-store:before {
  font-family: 'Glyphicons Halflings';
  content: "\e116";
  font-size: 11px;
  margin-right: 2px;
}
.header .header-links ul li.active a {
  background: #0077c0;
  color: #ffffff;
  border-radius: 4px;
}
.header .search {
  position: absolute;
  top: 50px;
  right: 25px;
  width: 300px;
  background: #ededed;
  padding: 6px;
  border-radius: 4px;
}
.header .login-sm {
  position: absolute;
  top: 10px;
  right: 40px;
}
.header .login-sm .login-toggle {
  border-radius: 4px;
  padding: 6px 8px;
  text-decoration: none !important;
}
.header .login-sm .login-toggle.btn-link:hover,
.header .login-sm .login-toggle.open:hover {
  text-decoration: none;
}
.header .login-sm .icn-loggedin:before {
  content: "\e008";
  font-family: 'Glyphicons Halflings';
  color: #104b7d;
  font-size: 16px;
}
.header .login-sm .icn-loggedin:hover {
  text-decoration: none;
}
.header .login-sm .icn-loggedin:hover:before {
  color: #0077c0;
  text-decoration: none !important;
}
.header .login-sm .icn-loggedout:before {
  content: "\e008";
  font-family: 'Glyphicons Halflings';
  color: #104b7d;
  font-size: 16px;
}
.header .login-sm .icn-loggedout:hover {
  text-decoration: none;
}
.header .login-sm .icn-loggedout:hover:before {
  color: #0077c0;
  text-decoration: none;
}
.header .login-sm:hover {
  background: #ededed;
}
.header .login-sm > .dropdown-menu {
  right: 0;
  left: auto;
}
.header .login-sm > .dropdown-menu > li > a {
  color: #0077c0;
}
.header .login-sm > .dropdown-menu > li .username {
  padding: 3px 20px;
  display: block;
  white-space: nowrap;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
}
.header .login-sm > .dropdown-menu > li .status {
  padding: 10px 20px 8px;
  display: block;
  white-space: nowrap;
  clear: both;
  font-weight: bold;
  line-height: 1.42857143;
  background: #FCF8E3;
  color: #8a1f03;
}
.header .parentnav {
  display: inline-block;
}
.header .parentnav .dropdown.open .parentnav-toggle {
  background: #0077c0;
}
.header .parentnav .parentnav-toggle {
  text-align: center;
  background: #104b7d;
  border-radius: 0;
  height: 80px;
  width: 50px;
}
.header .parentnav .parentnav-toggle:hover {
  background: #0077c0;
}
.header .parentnav .parentnav-toggle .icon-bar {
  background: #ffffff;
  display: block;
  width: 27px;
  height: 2px;
  margin: 4px 0;
}
.header .parentnav .parentnav-toggle .more {
  color: #ffffff;
  font-size: 9px;
  display: block;
  margin-top: 0px;
}
.header .parentnav .dropdown-menu {
  border-radius: 0;
}
.header .parentnav .dropdown-menu > li > a {
  color: #0077c0;
}
.header .parentnav .dropdown-header {
  color: #104b7d;
  font-weight: bold;
}
.header .parentnav .parentnav-social {
  padding: 10px 0 10px 20px;
  list-style: none;
}
.header .parentnav .parentnav-social li {
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}
.header .parentnav .parentnav-social li a {
  width: 24px;
  height: 24px;
  display: block;
  background: url('../../images/sfn/ui/social-sprite.png') no-repeat;
}
.header .parentnav .parentnav-social li a:hover {
  opacity: .8;
}
.header .parentnav .parentnav-social li a.neuronline {
  background-position: 0px 0px;
}
.header .parentnav .parentnav-social li a.facebook {
  background-position: -28px 0px;
}
.header .parentnav .parentnav-social li a.twitter {
  background-position: -56px 0px;
}
.header .parentnav .parentnav-social li a.linkedin {
  background-position: -84px 0px;
}
.header .parentnav .parentnav-social li a.youtube {
  background-position: -112px 0px;
}
.header .parentnav .parentnav-social li a.rss {
  background-position: -140px 0px;
}
.header .parentbrand {
  height: 60px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.header .brand-divider {
  width: 1px;
  height: 60px;
  background: #adafb0;
  margin: 0 15px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.header .subbrand {
  height: 60px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.header .account {
  position: absolute;
  top: 6px;
  right: 15px;
}
.header .account .username {
  font-weight: bold;
  color: #ececec;
  font-size: 12px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .account .logout {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.header .account a {
  color: #ffffff;
}
.header .account .mysfn {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
}
.header .account .mysfn.open .dropdown-toggle {
  background-color: #0097f3;
}
.header .account .mysfn .dropdown-toggle {
  font-size: 13px;
  padding: 1px 16px;
  background-color: #0077c0;
  color: #ffffff;
  border-color: #0087da;
}
.header .account .mysfn .dropdown-toggle:hover {
  background-color: #0097f3;
  border-color: #0090e9;
}
.header .account .mysfn .dropdown-menu {
  right: 0;
  left: auto;
}
.header .account .mysfn .dropdown-menu a {
  color: #0077c0;
}
.search-toggle {
  color: #104b7d;
  vertical-align: middle;
  position: absolute;
  top: 8px;
  right: 5px;
  padding: 7px 12px;
  z-index: 100;
}
.search-toggle.collapsed:after {
  content: '\e003';
  font-family: 'Glyphicons Halflings';
  font-size: 17px;
}
.search-toggle:after {
  content: '\e093';
  font-family: 'Glyphicons Halflings';
}
.search-toggle:hover {
  text-decoration: none;
  color: #0077c0;
  background: #ededed;
}
.search-sm {
  padding: 8px 0;
}
.nav-main div.mega-menu.navbar div.navbar-collapse {
  box-shadow: none;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav .open > a,
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav .open > a:hover,
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav .open > a:focus {
  background-color: #104b7d;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li {
  position: static;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu {
  min-height: 100px;
  right: 0;
  top: 40px;
  border-radius: 0;
  border: 2px solid #104b7d;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu .right {
  padding-top: 10px;
  float: right;
  padding-bottom: 10px;
  padding-right: 10px;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu .left {
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links {
  float: left;
  width: 70%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links.right {
  float: right;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul {
  margin: 0 0 0 -40px;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul li {
  width: 47%;
  margin-right: 15px;
  vertical-align: top;
  display: inline-block;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul li a {
  padding: 10px 6px;
  display: block;
  border-bottom: 1px solid #CCC;
  font-weight: bold;
  font-size: 14px;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul li a:hover {
  background: transparent;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.mega-content {
  width: 29%;
  float: right;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  padding: 15px 20px;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.mega-content.left {
  float: left;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.mega-content.left img {
  float: left;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.mega-content img {
  float: right;
  margin-right: 5px;
}
.nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li.active > a {
  background-color: #104b7d;
}
.navbar {
  min-height: 30px;
  margin-bottom: 0;
}
.navbar .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.navbar-sfn {
  background-color: #104b7d;
  background-image: -webkit-linear-gradient(top, #104b7d, #0077c0);
  background-image: -moz-linear-gradient(top, #104b7d, #0077c0);
  background-image: -o-linear-gradient(top, #104b7d, #0077c0);
  background-image: -ms-linear-gradient(top, #104b7d, #0077c0);
  background-image: linear-gradient(top, #104b7d, #0077c0);
  border-radius: 0;
  border: none;
}
.navbar-sfn .nav > li > a {
  padding: 12px 25px 8px;
  color: #ffffff;
  font-weight: bold;
}
.navbar-sfn .nav > li > a:hover,
.navbar-sfn .nav > li > a:focus {
  background: #104b7d;
}
.navbar-nav > li {
  border-right: 1px solid #104b7d;
}
.navbar-nav > li.last {
  border-right: none;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.navbar-toggle {
  float: none;
  margin-left: 15px;
}
.navbar-toggle:after {
  content: '\e113';
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
}
.navbar-toggle.collapsed:after {
  content: '\e114';
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
}
.content {
  background: #ffffff;
}
.footer {
  background: #ededed;
  border-top: 1px solid #e5e5e5;
  overflow: auto;
  position: relative;
}
.footer .banner {
  padding: 20px;
}
.footer .banner .footer-left {
  float: left;
}
.footer .banner .footer-left .logo-footer {
  display: inline-block;
  vertical-align: top;
}
.footer .banner .footer-left .logo-footer img {
  width: 167px;
  height: auto;
}
.footer .banner .footer-left .address-footer {
  font-size: 13px;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  color: #666;
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
  text-align: left;
}
.footer .banner .footer-right {
  float: right;
  text-align: right;
}
.footer .banner .footer-right .footer-links {
  text-align: right;
}
.footer .banner .footer-right .footer-links ul li {
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid #ccc;
}
.footer .banner .footer-right .footer-links ul li:last-child {
  border-right: none;
  margin-right: 0;
}
.footer .banner .footer-right .footer-links ul li:last-child a {
  padding-right: 5px;
}
.footer .banner .footer-right .footer-links ul li a {
  padding-right: 15px;
}
.footer .banner .footer-right .social {
  position: absolute;
  right: 20px;
  top: 50px;
  padding: 10px 4px;
  font-size: 13px;
  font-weight: bold;
}
.footer .banner .footer-right .social ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.footer .banner .footer-right .social ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.footer .banner .footer-right .social ul li.intro {
  margin-top: 5px;
  text-transform: uppercase;
}
.footer .banner .footer-right .social ul li a {
  width: 24px;
  height: 24px;
  display: block;
}
.footer .banner .footer-right .social ul li a:hover {
  opacity: .8;
}
.footer .banner .copyright {
  font-size: 11px;
  color: #666;
  clear: both;
  margin-top: 20px;
}
/* ----------------- Neuronline Form -----------------*/
#content_1_columnright_0_memberTypeuserControl_UploadButton {
  margin-left: 8px;
}
#content_1_columnright_0_memberTypeuserControl_nextButton {
  margin-bottom: 8px;
}
.removefile-button:hover {
  cursor: pointer;
  text-decoration: underline;
}
.help-block {
  color: red;
}
.is-required {
  position: relative;
}
.is-required:after {
  content: "*";
  position: absolute;
  top: 4px;
  left: -8px;
  color: red;
  font-weight: 700;
  font-style: italic;
}
span.is-required {
  font-style: italic;
}
span.is-required:after {
  top: -4px;
}
#content_1_columnright_0_memberTypeuserControl_MemberTypeRadioButtonList li {
  position: relative;
}
#content_1_columnright_0_memberTypeuserControl_MemberTypeRadioButtonList li input[type="radio"] {
  position: absolute;
}
#content_1_columnright_0_memberTypeuserControl_MemberTypeRadioButtonList li label {
  display: inline-block;
  margin: 0;
  margin-left: 20px;
}
#content_1_columnright_0_memberTypeuserControl_MemberTypeRadioButtonList li label span {
  display: block;
  float: left;
}
#content_1_columnright_0_memberTypeuserControl_MemberTypeRadioButtonList li label span.form-price {
  width: 40px;
  text-align: right;
  padding-right: 6px;
}
#content_1_columnright_0_memberTypeuserControl_MemberTypeRadioButtonList li label span.form-description {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 6px;
  width: 90%;
}
.RadUpload,
.RadUploadProgressArea {
  width: auto;
  text-align: left;
}
.help-block {
  clear: left;
}
ul.ruInputs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ruFakeInput {
  margin-right: -3px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.btn.btn-select {
  border-radius: 0 4px 4px 0;
  margin-top: -3px;
}
.RadUpload,
.RadUploadProgressArea {
  width: auto !important;
}
#content_1_columnright_0_sponsoruserControl_CVRadUpload {
  float: left;
  margin-right: 20px;
  margin-top: 5px;
}
.error-box {
  opacity: 0;
  transition: .25s opacity ease;
}
.error-box.error-box--display {
  opacity: 1;
}
.input--error {
  border: 1px solid #efa5b0;
  background-color: #fff3f5;
}
.iconXLS {
  background: url("/images/ui/iconXLS.png") center right no-repeat;
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.iconPPT {
  background: url("/images/ui/iconPPT.png") center right no-repeat;
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.iconVideo {
  background: url("/images/ui/icn_video.png") center right no-repeat;
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.iconPodcast {
  background: url("/images/ui/icn_audio.png") center right no-repeat;
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.iconLink {
  background: url("/images/ui/iconLink.png") center right no-repeat;
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.iconPDF {
  background: url("/images/ui/iconPDF.gif") center right no-repeat;
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.iconDoc {
  background: url("/images/ui/iconDoc.png") center right no-repeat;
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.validationerror {
  background-color: #F2DEDE;
  border-color: #EBCCD1;
  color: #A94442;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
}
.validationerror h1 {
  font-size: 24px;
  margin-top: 5px;
  position: relative;
  padding-left: 35px;
}
.validationerror h1:before {
  font-family: 'Glyphicons Halflings';
  content: "\e101";
  left: 0;
  top: -3px;
  position: absolute;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .footer .banner .footer-right .social ul li a {
    background-size: auto 24px;
  }
}
@media (max-width: 1199px) {
  .nav-main .nav > li > a {
    padding: 12px 12px 8px;
    font-size: 13px;
  }
}
@media (max-width: 992px) {
  .header .logo a {
    display: block;
    width: 225px;
    height: 70px;
    overflow: hidden;
  }
  .nav-main .nav > li > a {
    padding: 12px 7px 8px;
    font-weight: normal;
    font-size: 12px;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.mega-content {
    width: 39%;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links {
    width: 60%;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul li {
    width: 100%;
  }
  .footer .banner .footer-left {
    float: none;
    width: 100%;
    text-align: center;
  }
  .footer .banner .footer-right {
    float: none;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
  .footer .banner .footer-right .footer-links {
    text-align: center;
  }
  .footer .banner .footer-right .footer-links ul {
    padding: 0;
  }
  .footer .banner .footer-right .social {
    position: inherit;
  }
  .footer .banner .footer-right .social ul li.intro {
    display: none;
  }
  .footer .banner .copyright {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .ubernav .ubermenu-sm {
    display: none;
  }
  .header .login-sm {
    display: none;
  }
  .search-sm.collapse {
    display: none;
  }
}
@media (max-width: 768px) {
  #page > .container {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }
  .header .brand-divider,
  .header .subbrand {
    display: none;
  }
  .nav-main .nav > li > a {
    padding: 12px 8px 8px;
    font-size: 12px;
    font-weight: normal;
  }
}
@media (max-width: 767px) {
  #content_1_columnright_0_memberTypeuserControl_MemberTypeRadioButtonList li label span.form-price {
    display: block;
    width: 100%;
    text-align: left;
  }
  .ubernav {
    background: #ffffff;
  }
  .ubernav ul.ubernav-links {
    display: none;
  }
  .header {
    height: 53px;
  }
  .header .header-links {
    display: none;
  }
  .header .search {
    display: none;
  }
  .ubernav-toggle {
    display: inline-block !important;
  }
  .ubernav ul.ubernav-links {
    text-align: left;
  }
  .ubernav ul.ubernav-links li {
    display: list-item;
  }
  .ubernav ul.ubernav-links li a {
    border-right: none;
  }
  .ubernav ul.ubernav-links li.active a {
    border-radius: 0;
  }
  .ubernav .login {
    margin-right: 15px;
  }
  .ubernav .login a {
    padding: 12px 15px 10px;
    background: transparent;
  }
  .header .logo {
    top: 8px;
    left: 41%;
  }
  .header .logo img {
    width: 300px;
  }
  .header .logo a {
    width: 140px;
    height: 42px;
  }
  .search-toggle {
    display: inline-block !important;
  }
  .navbar-sfn {
    background: #ffffff;
  }
  .navbar-toggle {
    background: #f6f6f6;
    color: #104b7d;
    border: 1px solid #ccc;
    margin: 7px;
    padding: 6px 30px 2px;
    width: 50%;
  }
  .nav-main .navbar .navbar-header {
    text-align: center;
  }
  .navbar-nav {
    margin: 0 15px;
    background: #104b7d;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li {
    border-top: 1px solid #0077c0;
  }
  .nav-main .nav > li > a {
    font-size: 14px !important;
    padding: 14px 15px 10px !important;
    font-weight: bold;
  }
  .nav-main .nav > li > a:hover {
    background: #0077c0;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul li a {
    padding: 10px 10px 10px 25px;
    color: #ffffff;
    font-weight: normal;
    border-color: transparent;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li.open > a,
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li.open > a:focus {
    background: #0077c0;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li.open .dropdown-menu {
    border: none;
    background: #0077c0;
  }
  .navbar-collapse {
    max-height: 2000px;
    border-top: 1px solid #0077c0;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu {
    overflow: auto;
    min-height: 0px;
    padding: 0;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.mega-content {
    display: none;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul {
    list-style: none;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul li {
    width: 100%;
    display: list-item;
  }
  .nav-main div.mega-menu.navbar div.navbar-collapse ul.nav > li div.dropdown-menu div.nav-links ul li a {
    padding: 10px 25px;
  }
}
@media (min-width: 481px) {
  .footer .banner .footer-left .address-footer {
    text-align: left;
  }
  .footer .banner .address-footer {
    display: none;
  }
}
@media (max-width: 480px) {
  .header .logo {
    left: 35%;
  }
  .header .header-links {
    right: 0;
    left: 0;
    text-align: center;
    top: 8px;
  }
  .header .header-links ul li {
    margin: 0;
    border-right: none;
    padding-right: 0;
  }
  .header .header-links ul li a {
    padding: 4px 3px;
    font-weight: normal;
    font-size: 11px;
  }
  .header .header-links ul li a.icn-store:before {
    content: '';
  }
  .ubernav > .container {
    padding-left: 5px;
    padding-right: 5px;
  }
  .header .search-sm {
    background: #104b7d;
    padding: 6px;
    margin: 0;
  }
  .header .search {
    display: none;
  }
  .nav-main {
    margin: 0;
  }
  .navbar-collapse {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .navbar-nav {
    margin: 0;
  }
  .footer .banner {
    padding: 20px 0;
  }
  .footer .banner .footer-left .address-footer {
    display: none;
  }
  .footer .banner .address-footer {
    border-left: none;
    padding-left: 0;
    text-align: center;
    margin-top: 15px;
    margin-left: 0;
  }
  .footer .banner .footer-right {
    margin-top: 0;
  }
  .footer .banner .footer-left .logo-footer {
    display: none;
  }
  .footer .banner .footer-right .footer-links {
    font-size: 12px;
  }
  .footer .banner .footer-right .footer-links ul li {
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 14px;
    width: 49%;
    border: none;
  }
  .footer .banner .footer-right .footer-links ul li a {
    padding-right: 8px;
  }
}
@media (max-width: 320px) {
  .header .logo {
    left: 29%;
  }
  .header .login-sm > .dropdown-menu {
    right: -30px;
    max-width: 300px;
  }
}
.column-right .widget img {
  max-width: 100%;
}
.widget {
  margin-bottom: 20px;
}
.widget h1 {
  color: #104b7d;
  font-size: 22px;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 8px;
  margin-top: 0;
}
.widget h2 {
  margin-top: 0;
  color: #104b7d;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.widget h3 {
  font-size: 15px;
}
.widget ul {
  list-style: none;
  padding: 0;
}
.widget ul li {
  padding: 8px 0px;
  border-bottom: 1px solid #E0E0E0;
}
.widget ul li:last-child {
  border-bottom: none;
  padding: 8px 0 0 0;
}
.widget-image-ad {
  border: 1px solid #CCC;
  margin-bottom: 20px;
}
.widget-image-ad .widget-body {
  padding: 20px;
}
.widget-image-ad .widget-body h2 {
  margin-top: 0;
  color: #104b7d;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.widget-image-box {
  border: 1px solid #CCC;
  margin-bottom: 20px;
}
.widget-image-box .widget-body {
  padding: 20px;
}
.widget-image-box .widget-body h2 {
  margin-top: 0;
  color: #104b7d;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.widget-image-popup {
  background: #ededed;
  padding: 5px;
  overflow: auto;
}
.widget-image-popup img {
  margin: 0 auto;
  max-width: 100%;
}
.widget-image-popup .enlarge-container .enlarge {
  font-size: 11px;
  line-height: normal;
}
.widget-image-popup .contentPadding .content {
  background: transparent !important;
  font-size: 12px;
  line-height: normal;
  margin: 3px;
}
.widget-image-popup .caption .control {
  font-size: 11px;
  line-height: normal;
}
.widget-image-popup .caption .content {
  background: transparent !important;
  font-size: 12px;
  line-height: normal;
  margin: 3px;
}
.fancybox-skin {
  background: #E9EEF4 !important;
}
.lightbox .caption {
  max-width: 600px;
}
.lightbox .caption .content {
  font-size: 13px;
  line-height: normal;
  margin: 10px 0;
  background: transparent;
}
.lightbox .caption .source {
  font-size: 11px;
  line-height: normal;
  color: #666;
  margin: 3px 0;
}
.widget-text-ad {
  padding: 20px 20px;
  margin-bottom: 20px;
  line-height: normal;
}
.widget-text-ad h1 {
  font-size: 28px;
  color: #104B7D;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: normal;
}
.widget-text-ad h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: #104B7D;
}
.widget-text-box {
  padding: 20px 20px;
  margin-bottom: 20px;
  line-height: normal;
}
.widget-text-box h1 {
  font-size: 28px;
  color: #104B7D;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: normal;
}
.widget-text-box h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: #104B7D;
}
.boxWidgetWhite {
  background: #FFF;
  border: 1px solid #CCC;
}
.boxWidgetBlue {
  background: #cddcec;
}
.boxWidgetYellow {
  background: #edead2;
}
.boxWidgetGreen {
  background: #bee6e2;
}
.widget-frame {
  border: 5px solid #ededed;
  padding: 10px;
}
.widget-frame .widget-footer {
  clear: both;
  background: #ededed;
  padding: 8px 8px 4px;
  margin: 10px -10px -10px -10px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}
.widget-frame .content-listing {
  border: none;
}
.widget-plain {
  background: #ededed;
}
.widget-plain .informationfor {
  padding: 10px;
}
.widget-plain .informationfor ul {
  margin-bottom: 0;
}
.widget-info {
  border: 1px solid #C0C0C0;
  background: #ededed;
  padding: 15px;
}
.icn-info {
  background: url("/images/ui/iconInfo.png") center left no-repeat;
  padding-left: 35px;
  padding-top: 3px;
}
ul.boxed li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 15px;
  font-weight: bold;
  margin-top: 0;
  padding: 3px 0;
  width: 100%;
}
ul.boxed li a {
  background: url("/images/ui/bgBoxed.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(left, #ffffff, #ededed);
  background-image: -moz-linear-gradient(left, #ffffff, #ededed);
  background-image: -o-linear-gradient(left, #ffffff, #ededed);
  background-image: -ms-linear-gradient(left, #ffffff, #ededed);
  background-image: linear-gradient(left, #ffffff, #ededed);
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  width: 90%;
}
ul.boxed li a:hover {
  background: #ffffff;
  text-decoration: none;
}
.widget-tools-resources,
.widget-popular {
  border: 5px solid #ededed;
  padding: 10px;
}
.widget-tools-resources a,
.widget-popular a {
  font-weight: normal;
}
.icn-link {
  padding: 2px 20px 0 0;
  line-height: 16px;
}
.icn-link:after {
  font-family: 'Glyphicons Halflings';
  content: "\e144";
  color: #999;
  font-size: 11px;
  margin-left: 5px;
}
.ntp-directory {
  padding: 15px;
}
.ntp-directory .searchInput {
  border-radius: 4px 0 0 4px;
}
.ntp-directory .go {
  width: 38px;
  margin-left: 0px;
  border-radius: 0 6px 6px 0;
}
.ntp-directory .glyphicon {
  top: 2px;
  color: #104B7D;
}
.widget-twitter {
  border-top: 3px solid #0077c0;
  background: #ffffff;
}
.widget-twitter h2 {
  padding: 20px 20px 5px;
  margin: 0;
  font-size: 20px;
  font-weight: normal;
}
.widget-twitter .social-body {
  height: 320px;
  padding: 10px;
}
.widget-neuronline {
  border-color: #0077c0;
  border-style: solid;
  border-width: 3px 1px 1px;
}
.widget-neuronline .neuronline-header {
  background: #07294c;
  text-align: center;
}
.widget-neuronline .neuronline-body {
  height: 320px;
  padding: 10px;
  overflow-y: scroll;
}
.widget-neuronline .neuronline-body .item {
  border-bottom: 1px solid #ededed;
  padding: 5px 0 10px;
  margin-bottom: 5px;
}
.widget-neuronline .neuronline-body .item h4 {
  margin: 0 0 4px;
}
.widget-neuronline .neuronline-body .item h4 a {
  font-size: 14px;
}
.widget-neuronline .neuronline-body .item .date {
  color: #999;
  font-size: 11px;
}
.widget-neuronline .neuronline-body .item a {
  font-size: 12px;
}
.widget-brainfacts {
  border-color: #0077c0;
  border-style: solid;
  border-width: 3px 0px 0px;
}
.widget-brainfacts .brainfacts-header {
  padding-bottom: 10px;
}
.widget-brainfacts .brainfacts-header h2 {
  padding: 20px 20px 5px;
  margin: 0;
  font-size: 20px;
  font-weight: normal;
}
.widget-brainfacts .brainfacts-header p {
  font-size: 12px;
  padding-left: 20px;
  margin-bottom: 0;
}
.widget-brainfacts .feed {
  height: 320px;
  padding: 0 10px;
  overflow-y: scroll;
  margin: 0 10px;
}
.widget-brainfacts .feed .item {
  border-bottom: 1px solid #ededed;
  padding: 5px 0 10px;
  margin-bottom: 5px;
}
.widget-brainfacts .feed .item h2 {
  margin: 0 0 4px;
  padding: 0;
}
.widget-brainfacts .feed .item h2 a {
  font-size: 14px;
}
.widget-brainfacts .feed .item h3 {
  font-size: 11px;
  color: #666;
  margin: 0 0 10px 0;
}
.widget-brainfacts .feed .item .date {
  color: #999;
  font-size: 11px;
}
.widget-brainfacts .feed .item a {
  font-size: 12px;
}
.widget-brainfacts .more {
  font-weight: bold;
  margin-top: 5px;
  padding: 8px;
  text-align: right;
}
.widget-sfnnews {
  border-color: #0077c0;
  border-style: solid;
  border-width: 3px 0px 0px;
  margin-bottom: 20px;
}
.widget-sfnnews h1 {
  margin-top: 10px;
  margin-left: 10px;
  color: #104B7D;
  font-size: 22px;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 8px;
}
.widget-sfnnews .feed {
  height: 320px;
  padding: 0 10px;
  overflow-y: scroll;
  margin: 0;
}
.widget-sfnnews .feed .item {
  border-bottom: 1px solid #ededed;
  padding: 5px 0 10px;
  margin-bottom: 5px;
}
.widget-sfnnews .feed .item h2 {
  margin: 0 0 4px;
  padding: 0;
  font-weight: bold;
}
.widget-sfnnews .feed .item h2 a {
  font-size: 14px;
}
.widget-sfnnews .feed .item h3 {
  font-size: 11px;
  color: #666;
  margin: 0 0 10px 0;
}
.widget-sfnnews .feed .item .date {
  color: #999;
  font-size: 11px;
}
.widget-sfnnews .more {
  font-weight: bold;
  margin-top: 5px;
  padding: 8px;
  text-align: right;
}
.widget-jobs {
  border: 5px solid #EDEDED;
  padding: 10px;
}
.widget-jobs .featuredjobswrapp {
  border-bottom: 1px solid #ededed;
  padding: 5px 0 10px;
  margin-bottom: 5px;
}
.widget-jobs .featuredjobswrapp h5 {
  line-height: 1.3;
}
.widget-jobs .featuredjobswrapp p {
  font-size: 13px;
}
.widget-jobs .more {
  font-weight: bold;
  margin: 5px -10px -10px -10px;
  padding: 8px 8px 4px;
  text-align: right;
  background: #EDEDED;
}
.widget-ad img {
  margin: 0 auto;
}
.widget-box img {
  margin: 0 auto;
}
.widget-journal {
  border: 5px solid #ededed;
}
.widget-journal .widget-journal-header {
  padding: 10px;
}
.widget-journal h1.journal {
  color: #104B7D;
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  line-height: 100%;
  margin: 8px 0px;
}
.widget-journal p.Officialjournal {
  color: #104B7D;
  font-size: 12px;
  text-align: right;
  margin-bottom: 0;
}
.widget-journal .weekjournal {
  background: #F5F5F5;
  height: 30px;
  margin-top: -3px;
  border-top: 2px solid #0162AF;
}
.widget-journal .weekjournal h5 {
  color: #3A3A3A;
  font-size: 13px;
  font-weight: bold;
  padding-left: 8px;
}
.widget-journal .contentPadding {
  padding: 10px;
}
.widget-journal .more {
  clear: both;
  background: #ededed;
  padding: 8px 8px 0px;
  margin-top: 0px;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
}
.widget-events {
  background: #ededed;
  padding: 5px;
  border-radius: 4px;
}
.widget-events h2 {
  font-weight: normal;
  color: #104b7d;
  font-size: 18px;
  margin-top: 6px;
  margin-left: 6px;
}
.widget-events .listing .list-item {
  padding: 5px 0 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  line-height: normal;
}
.widget-events .listing .list-item .date {
  color: #666;
  font-weight: bold;
  margin-bottom: 3px;
}
.widget-events .listing .list-item .title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 2px;
}
.widget-events .listing .list-item .description {
  font-size: 13px;
  color: #666;
}
.widget-events .listing .list-item.last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget-events .more {
  text-align: right;
  padding: 8px 6px 0 0;
  font-size: 13px;
  font-weight: bold;
}
.actionbar {
  background: #F8F8F8;
  border: 1px solid #CCC;
  height: 91px;
  margin: 0 15px 20px;
}
.actionbar .image {
  float: left;
}
.actionbar ul {
  padding: 0;
  list-style: none;
}
.actionbar ul li {
  display: inline-block;
  font-size: 15px;
  line-height: 19px;
  font-weight: bold;
  width: 23%;
  border-right: 2px solid #e6e6e6;
  padding: 13px;
  margin: 10px 0;
  vertical-align: middle;
}
.actionbar ul li.last {
  border: none;
}
.acrossthefield {
  border-top: 3px solid #0077c0;
  padding: 10px 20px;
  background-color: #edf1f6;
  background-image: -webkit-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -moz-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -o-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -ms-linear-gradient(top, #edf1f6, #ffffff);
  background-image: linear-gradient(top, #edf1f6, #ffffff);
  margin-bottom: 25px;
}
.acrossthefield h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 8px;
  color: #104b7d;
  margin-top: 0;
  margin-bottom: 15px;
}
.acrossthefield .field-carousel .carousel-indicators {
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  margin-left: 0;
  text-align: left;
}
.acrossthefield .field-carousel .carousel-indicators li {
  width: 32.7%;
  height: 40px;
  text-indent: 0;
  background: #104b7d;
  color: #ffffff;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  border: none;
  vertical-align: bottom;
  padding: 12px 5px 0;
  text-align: center;
}
.acrossthefield .field-carousel .carousel-indicators .active {
  background: #f5cf47;
  color: #104b7d;
  position: relative;
  margin: 1px;
}
.acrossthefield .field-carousel .carousel-indicators .active:after {
  content: '\25BC';
  color: #f5cf47;
  font-size: 24px;
  position: absolute;
  bottom: -22px;
  left: 43%;
}
.acrossthefield .field-carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  height: 100%;
  position: relative;
  transition: 0s ease-in-out left;
  margin-top: 41px;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone {
  border: 1px solid #f5cf47;
  background: #ffffff;
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 40px;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .pic {
  border: 1px solid #ccc;
  padding: 8px;
  background: #ffffff;
  margin: 20px;
  float: left;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .content {
  color: #000000;
  text-align: left;
  margin-top: 20px;
  margin-left: 210px;
  margin-right: 15px;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .content .col-right {
  text-shadow: none;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .content .col-right h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 8px;
  margin-top: 0;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .content .col-right h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .content .col-right h3 {
  color: #555;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .content .col-right h5 {
  margin: 0;
}
.acrossthefield .field-carousel .carousel-inner .item .content-zone .content .col-right ul {
  padding-left: 15px;
}
.acrossthefield .field-carousel .carousel-inner .item .more {
  background: #ededed;
  padding: 10px;
  text-align: right;
  font-weight: bold;
  position: absolute;
  z-index: 10;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.acrossthefield .field-carousel .carousel-inner .active {
  opacity: 1;
}
.acrossthefield2 {
  border-top: 3px solid #0077c0;
  padding: 10px 20px;
  background-color: #edf1f6;
  background-image: -webkit-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -moz-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -o-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -ms-linear-gradient(top, #edf1f6, #ffffff);
  background-image: linear-gradient(top, #edf1f6, #ffffff);
  margin-bottom: 25px;
}
.acrossthefield2 h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 8px;
  color: #104b7d;
  margin-top: 0;
  margin-bottom: 15px;
}
.acrossthefield2 .tabs .nav-tabs > li {
  width: 33.3%;
  text-align: center;
  font-weight: bold;
}
.acrossthefield2 .tabs .nav-tabs > li > a {
  padding: 12px 5px 8px;
}
.acrossthefield2 .tabs .nav-tabs > li.active > a:after {
  z-index: 10;
}
.acrossthefield2 .tab-pane {
  position: relative;
}
.acrossthefield2 .content-zone {
  background: #ffffff;
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 40px;
}
.acrossthefield2 .content-zone .pic {
  border: 1px solid #ccc;
  padding: 8px;
  background: #ffffff;
  margin: 20px;
  float: left;
}
.acrossthefield2 .content-zone .content {
  color: #000000;
  text-align: left;
  margin-top: 20px;
  margin-left: 210px;
  margin-right: 15px;
}
.acrossthefield2 .content-zone .content .col-right {
  text-shadow: none;
}
.acrossthefield2 .content-zone .content .col-right h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 8px;
  margin-top: 0;
}
.acrossthefield2 .content-zone .content .col-right h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
}
.acrossthefield2 .content-zone .content .col-right h3 {
  color: #555;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}
.acrossthefield2 .content-zone .content .col-right h5 {
  margin: 0;
}
.acrossthefield2 .content-zone .content .col-right ul {
  padding-left: 15px;
}
.acrossthefield2 .more {
  background: #ededed;
  padding: 10px;
  text-align: right;
  font-weight: bold;
  position: absolute;
  z-index: 10;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.acrossthefield2 .field-heading {
  margin-left: 20px;
  font-size: 18px;
  color: #104b7d;
}
.spotlight-3col {
  background: #ededed;
  width: 100%;
  margin-bottom: 20px;
}
.spotlight-3col .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  height: 100%;
}
.spotlight-3col .active {
  opacity: 1;
}
.spotlight-3col .active.left,
.spotlight-3col .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.spotlight-3col .next.left,
.spotlight-3col .prev.right {
  opacity: 1;
}
.spotlight-3col .carousel-indicators {
  top: 15px;
  right: 15px;
  left: auto;
  text-align: left;
  width: auto;
}
.spotlight-3col .carousel-indicators li {
  display: list-item;
  width: 15px;
  height: 15px;
  background: #ccc;
  border: none;
  margin-bottom: 10px;
}
.spotlight-3col .carousel-indicators li:hover {
  background: #f3c520;
}
.spotlight-3col .carousel-indicators li.active {
  background: #f5cf47;
  width: 15px;
  height: 15px;
  border: none;
  margin-left: 1px;
}
.spotlight-3col .carousel-indicators li.active:hover {
  background: #f5cf47;
}
.spotlight-3col .carousel-inner > .item > img,
.spotlight-3col .carousel-inner > .item > a > img {
  margin: 0 auto;
}
.carousel-item-link {
  color: #ffffff;
  text-decoration: none;
}
.carousel-item-link:visited {
  color: inherit;
  text-decoration: inherit;
}
.carousel-item-link:hover {
  color: inherit;
  text-decoration: inherit;
}
.spotlight-2col {
  background: #0a3050 url('../../images/sfn/ui/bg-spotlight.jpg');
  width: 100%;
  margin-bottom: 20px;
}
.spotlight-2col .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  height: 100%;
}
.spotlight-2col .active {
  opacity: 1;
}
.spotlight-2col .active.left,
.spotlight-2col .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.spotlight-2col .next.left,
.spotlight-2col .prev.right {
  opacity: 1;
}
.spotlight-2col .carousel-inner {
  width: 54.5%;
}
.spotlight-2col .carousel-indicators {
  bottom: 20px;
  left: 54.5%;
  top: 0;
  margin: 0;
  width: 45.5%;
}
.spotlight-2col .carousel-indicators li {
  display: block;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  padding: 20px;
  border-bottom: 1px solid #135994;
  width: auto;
  height: 35.7%;
  text-indent: 0px;
  text-align: left;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  margin: 0;
}
.spotlight-2col .carousel-indicators li:hover {
  background: #0b3559;
}
.spotlight-2col .carousel-indicators li.active {
  background: #104b7d;
}
.spotlight-2col .carousel-indicators li.active:hover {
  background: #104b7d;
}
.spotlight-2col .carousel-indicators li:last-child {
  border-bottom: none;
}
.spotlight-2col .carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  padding: 15px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
}
.spotlight-2col .carousel-caption a {
  color: #ffffff;
}
.spotlight-2col .carousel-caption h3 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 8px;
}
.spotlight-2col .carousel-caption .carousel-caption-content {
  font-size: 12px;
  margin-bottom: 0;
  line-height: normal;
}
.spotlight-2col .carousel-control {
  opacity: 1;
  filter: alpha(opacity=100);
}
.spotlight-2col .carousel-control.right {
  background-image: none;
}
.spotlight-2col .carousel-control.left {
  background-image: none;
}
.leftnav {
  margin-bottom: 25px;
}
.leftnav .nav.level1 > li {
  border-bottom: 1px solid #E0E0E0;
}
.leftnav .nav.level1 > li > a {
  color: #000000;
  padding: 10px 15px 8px;
  line-height: 115%;
  font-weight: bold;
}
.leftnav .nav.level1 > li > a:hover {
  background-color: #d1d1d1;
  background-image: -webkit-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -moz-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -o-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -ms-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: linear-gradient(left, #d1d1d1, #ffffff);
}
.leftnav .nav.level1 > li.active > a {
  color: #104b7d;
  background-color: #d1d1d1;
  background-image: -webkit-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -moz-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -o-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -ms-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: linear-gradient(left, #d1d1d1, #ffffff);
}
.leftnav .nav.level1 > li .level2 > li > a {
  color: #104b7d;
  background-color: #ececec;
  background-image: -webkit-linear-gradient(left, #ececec, #ffffff);
  background-image: -moz-linear-gradient(left, #ececec, #ffffff);
  background-image: -o-linear-gradient(left, #ececec, #ffffff);
  background-image: -ms-linear-gradient(left, #ececec, #ffffff);
  background-image: linear-gradient(left, #ececec, #ffffff);
  font-size: 12px;
  padding: 6px 15px 6px 30px;
  font-weight: bold;
}
.leftnav .nav.level1 > li .level2 > li > a:hover {
  background-color: #d1d1d1;
  background-image: -webkit-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -moz-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -o-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -ms-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: linear-gradient(left, #d1d1d1, #ffffff);
}
.leftnav .nav.level1 > li .level2 > li.active > a {
  color: #104b7d;
  background-color: #d1d1d1;
  background-image: -webkit-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -moz-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -o-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: -ms-linear-gradient(left, #d1d1d1, #ffffff);
  background-image: linear-gradient(left, #d1d1d1, #ffffff);
}
.leftnav-toggle {
  cursor: pointer;
  text-align: center;
  padding: 8px 20px;
  background: #edf1f6;
  border: 1px solid #dce4ee;
  margin-bottom: 15px;
  border-radius: 6px;
  font-size: 15px;
}
.leftnav-toggle:hover {
  text-decoration: none;
  background: #dce4ee;
}
.leftnav-toggle:after {
  content: '\2013';
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.leftnav-toggle.collapsed:after {
  content: '\002b';
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.meeting-nav {
  background: #ededed;
  padding: 5px;
  margin-bottom: 20px;
}
.meeting-nav ul.level1 > li {
  margin-bottom: 3px;
}
.meeting-nav ul.level1 > li > a {
  background: #104b7d;
  color: #ffffff;
  border-radius: 4px;
  padding: 12px 15px 8px;
  font-weight: bold;
}
.meeting-nav ul.level1 > li > a:hover {
  background: #135994;
}
.meeting-nav ul.level1 > li.active > a {
  background: #ffffff;
  color: #000000;
}
.meeting-nav ul.level1 > li:last-child {
  margin-bottom: 0;
}
.meeting-nav ul.level1 > li ul.level2 > li > a {
  padding: 8px 15px 4px 30px;
  background: #ffffff;
  color: #0077c0;
}
.meeting-nav ul.level1 > li ul.level2 > li > a:hover {
  background: #f7f7f7;
}
.meeting-nav ul.level1 > li ul.level2 > li.active > a {
  color: #000000;
  background: #f7f7f7;
}
.meeting-nav ul.level1 > li ul.level2 > li ul.level3 > li > a {
  padding: 8px 15px 4px 60px;
  font-weight: normal;
  color: #104b7d;
  position: relative;
  background: #f7f7f7;
  font-size: 13px;
}
.meeting-nav ul.level1 > li ul.level2 > li ul.level3 > li > a:before {
  content: '\25A0';
  font-size: 10px;
  color: #104b7d;
  position: absolute;
  left: 47px;
  top: 8px;
}
.meeting-nav ul.level1 > li ul.level2 > li ul.level3 > li > a:hover {
  background: #ececec;
}
.meeting-nav ul.level1 > li ul.level2 > li ul.level3 > li.active > a {
  color: #000000;
  font-weight: bold;
}
.meetingnav-toggle {
  cursor: pointer;
  text-align: center;
  padding: 8px 20px;
  background: #edf1f6;
  border: 1px solid #dce4ee;
  margin-bottom: 15px;
  border-radius: 6px;
  font-size: 15px;
}
.meetingnav-toggle:hover {
  text-decoration: none;
  background: #dce4ee;
}
.meetingnav-toggle:after {
  content: '\2013';
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.meetingnav-toggle.collapsed:after {
  content: '\002b';
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.section-header {
  border-bottom: 2px solid #CCC;
  padding: 20px 15px 15px;
  position: relative;
}
.section-header h1 {
  color: #8a1f03;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
  margin: 0px;
  padding: 0;
}
.section-header .tools {
  position: absolute;
  right: 350px;
  top: 23px;
}
.section-header .mysfn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ededed;
  width: 325px;
  height: 61px;
  padding: 8px 15px 0 15px;
}
.mysfn .btn-mysfn {
  font-size: 18px;
  color: #104b7d;
  padding: 9px 70px 8px 20px;
  width: 100%;
  background-color: #ededed;
  background-image: -webkit-linear-gradient(bottom, #ededed, #ffffff);
  background-image: -moz-linear-gradient(bottom, #ededed, #ffffff);
  background-image: -o-linear-gradient(bottom, #ededed, #ffffff);
  background-image: -ms-linear-gradient(bottom, #ededed, #ffffff);
  background-image: linear-gradient(bottom, #ededed, #ffffff);
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  position: relative;
  display: inline-block;
}
.mysfn .btn-mysfn:after {
  background: #f5cf47;
  padding: 10px 14px 9px;
  content: "\25BC";
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 4px 4px 0;
}
.mysfn .btn-mysfn:hover {
  text-decoration: none;
  background: #ffffff;
}
.mysfn .btn-mysfn:hover:after {
  background: #f4c92f;
}
.mysfn.open > a.btn-mysfn:focus {
  text-decoration: none !important;
}
.mysfn .dropdown-menu,
.login-sm .dropdown-menu {
  padding: 10px;
  width: 680px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mysfn .dropdown-menu,
  .login-sm .dropdown-menu {
    width: 203px;
  }
}
@media (min-width: 1200px) {
  .mysfn .dropdown-menu,
  .login-sm .dropdown-menu {
    width: 253px;
  }
}
.mysfn .dropdown-menu > div,
.login-sm .dropdown-menu > div {
  padding: 5px 10px;
}
.mysfn .dropdown-menu > div.user,
.login-sm .dropdown-menu > div.user {
  font-weight: bold;
}
.mysfn .dropdown-menu > div.login,
.login-sm .dropdown-menu > div.login {
  font-weight: bold;
}
.mysfn .dropdown-menu > div.status,
.login-sm .dropdown-menu > div.status {
  font-weight: bold;
}
.mysfn .dropdown-menu > div.personalized a,
.login-sm .dropdown-menu > div.personalized a {
  display: inline;
  color: #104b7d;
}
.mysfn .dropdown-menu > div .description,
.login-sm .dropdown-menu > div .description {
  font-weight: normal;
  color: #999;
  font-size: 13px;
  display: block;
  margin-top: 5px;
}
.tabs {
  margin-bottom: 25px;
}
.tabs .nav-tabs {
  border-bottom: none;
}
.tabs .nav-tabs > li > a {
  background: #104b7d;
  color: #ffffff;
  padding: 12px 30px 8px;
}
.tabs .nav-tabs > li > a:hover {
  background: #135994;
  border-color: #135994;
}
.tabs .nav-tabs > li.active > a {
  background: #f5cf47;
  color: #104b7d;
  border-color: #f5cf47;
  position: relative;
}
.tabs .nav-tabs > li.active > a:after {
  content: '\25BC';
  color: #f5cf47;
  font-size: 24px;
  position: absolute;
  bottom: -22px;
  left: 43%;
}
.tabs .tab-content .datesdeadlines {
  background: #ededed;
  padding: 10px;
}
.tabs .tab-content .tab-pane {
  border: 1px solid #f5cf47;
}
.tabs .tab-content .tab-pane .form-group {
  padding: 5px 10px 0;
}
.tabs .tab-content .tab-pane .tab-inner {
  padding: 20px 15px 15px;
  max-height: 300px;
  overflow: auto;
}
.tabs .tab-content .panel-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tabs .tab-content .panel-body ul li {
  border-bottom: 1px solid #ededed;
  padding: 8px 0;
}
.tabs .tab-content .panel-body ul li span {
  float: left;
  color: #104b7d;
  font-size: 18px;
  width: 160px;
}
.tabs .tab-content .panel-body ul li p {
  color: #000000;
  font-size: 15px;
  width: auto;
  margin: 0 0 0 160px;
}
.form-wrapper {
  border: 2px solid #f5cf47;
}
.form-wrapper .form-intro {
  padding: 20px;
}
.form-wrapper .form-intro h2 {
  margin-top: 0;
}
.form-wrapper .fieldset .form-header {
  background: #ededed;
  padding: 20px;
}
.form-wrapper .fieldset .form-header h3 {
  margin: 0;
}
.form-wrapper .fieldset .form-body {
  padding: 20px;
}
.form-wrapper .form-actions {
  padding: 20px;
  text-align: right;
}
.form-wrapper .form-actions .actions-help {
  color: #999;
  margin-right: 15px;
}
.contact-box {
  border-color: #0077c0;
  border-style: solid;
  border-width: 3px 1px 1px;
  background-color: #edf1f6;
  background-image: -webkit-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -moz-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -o-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -ms-linear-gradient(top, #edf1f6, #ffffff);
  background-image: linear-gradient(top, #edf1f6, #ffffff);
  padding: 15px;
}
.contact-box h2.contact {
  font-size: 20px;
  line-height: 26px;
  color: #104b7d;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 0 0 0 32px;
  background: url('../../images/sfn/ui/iconContact.png') no-repeat;
}
.contact-box .right {
  text-align: center;
  border-left: 1px solid #ccc;
}
#contact.modal .modal-content {
  background: #edf1f6;
}
#contact.modal .modal-header {
  border-bottom: none;
}
#contact.modal .modal-title {
  color: #104b7d;
}
#contact.modal .modal-footer {
  border-top: none;
}
.filter {
  background: #edf1f6;
  border: 1px solid #0077c0;
  margin-bottom: 25px;
}
.filter .filter-header {
  font-size: 18px;
  padding: 15px;
  color: #104b7d;
}
.filter .filter-intro {
  padding: 0px 15px 10px;
}
.filter .filter-body {
  padding: 5px 10px;
}
.filter .date-input {
  max-width: 100px;
  margin: 0 5px;
}
.btn-toggle {
  background: #104b7d;
  float: right;
}
.btn-toggle:hover {
  background: #135994;
}
.btn-toggle:before {
  content: '\2212';
  color: #ffffff;
  font-family: 'Glyphicons Halflings';
  font-size: 12px;
}
.btn-toggle.collapsed:before {
  content: '\2b';
  color: #ffffff;
  font-family: 'Glyphicons Halflings';
  font-size: 12px;
}
.widget .btn-toggle {
  margin: 10px 10px 0 0;
}
.paging {
  padding: 8px 0;
  overflow: auto;
}
.paging .pading-left {
  float: left;
}
.paging .paging-right {
  float: right;
}
.paging .results {
  font-size: 11px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.paging .size {
  display: inline-block;
  vertical-align: middle;
}
.paging .pagination {
  margin: 0;
}
.paging .pagination a {
  color: #0077c0;
}
.paging .pagination > .active > a {
  border-color: #adafb0;
  background: #ffffff;
  color: #000000;
}
.paging .pagination > .active > a:hover {
  border-color: #adafb0;
  background: #ffffff;
}
.paging .pagination > li > a {
  border-color: transparent;
  background: transparent;
}
.paging .pagination > li > a:hover {
  border-color: #ffffff;
  background: #ffffff;
}
.paging.top {
  border-top: 3px solid #0077c0;
  border-bottom: 1px solid #ccc;
  background: #ededed;
  margin-bottom: 15px;
  padding: 8px 15px 5px;
}
.paging.bottom {
  margin-top: 15px;
  border-bottom: 3px solid #0077c0;
  border-top: 1px solid #ccc;
  background: #ededed;
  padding: 8px 15px 5px;
  margin-bottom: 25px;
}
.transcript {
  border: solid 1px #E5E5E5;
  padding: 16px;
  margin-bottom: 20px;
  position: relative;
}
.transcript .topBar {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 4px;
  background-color: #0079C2;
  border-top: solid 1px #E6F2F9;
  border-bottom: solid 1px #E6F2F9;
}
.transcript .showmore {
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 -16px -16px;
  padding: 8px;
  text-align: center;
}
.transcript .showmore:hover {
  background: #ededed;
}
.transcript .showmore:before {
  content: 'Hide Transcript';
}
.transcript .showmore.collapsed:before {
  content: 'Show Transcript';
}
.spotlight-3col .caption {
  position: absolute;
  left: 0;
  right: 55px;
  bottom: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
}
.spotlight-3col .caption .content {
  background: transparent;
  color: white;
  margin-top: 5px;
}
.spotlight-3col .caption-toggle {
  color: #fff;
  text-align: center;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
}
.spotlight-3col .caption-toggle:after {
  content: 'Hide Caption \25BC';
  margin: 5px auto;
}
.spotlight-3col .caption-toggle.collapsed:after {
  content: 'Show Caption \25B2';
}
.videoIntroText {
  border: solid 1px #E5E5E5;
  border-top: solid 4px #0079C2;
  padding: 15px 15px 15px;
  margin-top: 1px;
  margin-bottom: 20px;
  position: relative;
  font-size: 13px;
  line-height: normal;
}
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout + .bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary h4 {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
@media (max-width: 1199px) {
  .spotlight-2col .carousel-indicators li {
    font-size: 14px;
  }
  .spotlight-3col .carousel-inner > .item > img,
  .spotlight-3col .carousel-inner > .item > a > img {
    margin: 0;
  }
  .tabs .nav-tabs > li > a {
    padding: 12px 20px 8px;
  }
  .filter .form-group {
    margin-right: 8px;
  }
  .home-landing .home-intro .member-directory {
    margin-top: 30px !important;
  }
  .home-landing .home-intro .member-directory h2 {
    font-size: 16px !important;
  }
  .actionbar ul li {
    padding: 10px 13px;
    width: 21%;
  }
}
@media (max-width: 1024px) {
  .widget-image-ad .widget-body {
    padding: 10px;
  }
  .widget-image-box .widget-body {
    padding: 10px;
  }
}
@media (max-width: 992px) and (min-width: 481px) {
  .column-right .widget-ad {
    text-align: center;
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  .column-right .widget-ad img {
    margin: 0;
    display: inline-block;
    vertical-align: top;
  }
  .column-right .widget-box {
    text-align: center;
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  .column-right .widget-box img {
    margin: 0;
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 993px) {
  .column-left .leftnav.collapse {
    display: block !important;
  }
  .column-right .meeting-nav.collapse {
    display: block !important;
  }
  .phantom-nav {
    display: none;
  }
  .bottomzone .dropzone .contact-box {
    display: none;
  }
  .column-right .contact-box {
    display: none;
  }
}
@media (max-width: 992px) {
  .widget-ad img {
    margin: 0 auto;
  }
  .widget-box img {
    margin: 0 auto;
  }
  .contact-box {
    text-align: center;
  }
  .contact-box h2.contact {
    width: 153px;
    margin: 0 auto 10px;
  }
  .contact-box .right {
    border-left: none;
  }
  .column-right .meeting-nav {
    display: none;
  }
  .phantom-nav {
    display: block;
  }
  .meetingnav-toggle {
    display: block !important;
  }
  .leftnav-toggle {
    display: block !important;
  }
  .form-wrapper .form-actions .actions-help {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .column-main .contact-box {
    display: none;
  }
  .column-right .widget-image-popup .enlarge-container {
    margin-bottom: 10px;
  }
  .section-header h1 {
    font-size: 16px;
  }
  .section-header .mysfn {
    width: 275px;
  }
  .section-header .tools {
    right: 290px;
  }
}
@media (max-width: 992px) and (min-width: 481px) {
  .column-right .widget-image-popup img {
    float: left;
    margin-right: 15px;
  }
}
@media (max-width: 991px) {
  .actionbar {
    height: 77px;
  }
  .actionbar .image {
    margin-right: 15px;
  }
  .actionbar .image img {
    height: 75px;
  }
  .actionbar ul li {
    font-weight: normal;
    display: block;
    width: 100%;
    border-right: none;
    margin: 5px 0;
    padding: 0px;
    line-height: normal;
    font-size: 12.5px;
  }
  .widget-plain {
    max-width: 284px;
  }
}
@media (min-width: 769px) {
  .column-right .widget-brainfacts {
    display: none;
  }
}
@media (min-width: 768px) {
  .carousel-control {
    display: none;
  }
  .acrossthefield .field-heading {
    display: none;
  }
}
@media (max-width: 768px) {
  .spotlight-2col .carousel-caption .carousel-caption-content {
    display: none;
  }
  .spotlight-2col .carousel-caption h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500px;
  }
  .spotlight-3col .carousel-inner > .item > img,
  .spotlight-3col .carousel-inner > .item > a > img {
    margin: 0 auto;
  }
  .home-landing .home-intro .member-directory {
    margin-top: 20px !important;
    margin-bottom: 20px;
  }
  .column-main .widget-brainfacts {
    display: none;
  }
  .widget-twitter,
  .widget-neuronline {
    display: none;
  }
}
@media (max-width: 767px) {
  .home-landing .home-intro .mysfn {
    display: none;
  }
  .spotlight-2col .carousel-inner {
    width: 100%;
  }
  .spotlight-2col .carousel-indicators {
    display: none;
  }
  .spotlight-2col .carousel-caption {
    width: 100%;
    height: auto;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    margin: 0 auto;
  }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    text-shadow: 0px 0px 16px #000;
  }
  .section-header .mysfn {
    display: none;
  }
  .section-header .tools {
    right: 10px;
  }
  .filter label {
    margin: 0 0 10px;
  }
  .filter .date-input {
    display: inline-block;
    margin: 0;
  }
  .column-main .tabs .nav-tabs {
    display: none;
  }
  .column-main .tab-content > .tab-pane {
    display: block !important;
  }
  .column-main .content-zone {
    height: auto;
  }
  .column-main .content-zone .pic {
    margin: 10px 20px;
  }
  .tabs .tab-content .tab-pane .tab-inner {
    max-height: 100%;
    overflow: visible;
  }
}
@media (max-width: 604px) {
  .actionbar .image img {
    height: 55px;
  }
}
@media (min-width: 600px) {
  .btn-toggle {
    display: none;
  }
  .widget-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
  }
  #widget-filter {
    display: inline-block !important;
  }
}
@media (max-width: 480px) {
  .spotlight-2col .carousel-caption .carousel-caption-content {
    display: none;
  }
  .spotlight-2col .carousel-caption {
    padding: 12px 20px 10px;
    font-size: 14px;
  }
  .spotlight-3col .carousel-indicators {
    display: none;
  }
  .spotlight-3col .caption {
    position: relative;
  }
  .datesdeadlines .nav-tabs > li > a {
    padding: 12px 20px 8px;
  }
  .tabs .tab-content .panel-body ul li span {
    font-size: 15px;
    float: none;
    display: block;
  }
  .tabs .tab-content .panel-body ul li p {
    font-size: 13px;
    margin: 0;
  }
  .tabs .nav-tabs > li > a {
    padding: 12px 10px 8px;
    font-size: 12px;
  }
  .tabs .nav-tabs > li.active > a:after {
    left: 34%;
  }
  .section-header .tools {
    display: none;
  }
  .section-header .mysfn {
    background: #ffffff;
  }
  .paging .paging-right {
    width: 100%;
    text-align: center;
  }
  .paging .paging-left {
    display: none;
  }
  .actionbar {
    height: auto;
  }
  .actionbar ul {
    clear: both;
    padding: 0 12px 0 12px;
  }
  .actionbar ul li {
    margin: 10px 0;
  }
  .actionbar .image {
    margin-bottom: 10px;
    width: 288px;
    overflow: hidden;
  }
  .actionbar .image img {
    height: auto;
  }
  .acrossthefield2 .content-zone .pic {
    display: none;
  }
  .acrossthefield2 .content-zone .content {
    margin-left: 15px;
  }
  .acrossthefield2 {
    padding: 10px;
  }
  .acrossthefield2 .field-heading {
    margin-left: 15px;
  }
  .acrossthefield2 .content-zone .content .col-right h1 {
    font-size: 20px;
  }
}
@media (max-width: 320px) {
  .spotlight-2col .carousel-caption h3 {
    margin-bottom: 0;
    font-size: 15px;
  }
  .spotlight-2col .carousel-caption p {
    display: none;
  }
  .section-header .mysfn {
    display: none;
  }
}
.column-main .intro {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
}
.standard {
  margin-bottom: 20px;
}
.standard h1 {
  color: #104B7D;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 8px;
}
.standard h1.pageTitle {
  font-size: 18px;
  font-weight: normal;
  line-height: 21px;
  margin-bottom: 8px;
  margin-top: 0;
  color: #104B7D;
}
.standard h2 {
  font-size: 17px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 10px;
  color: #333;
  margin-top: 10px;
}
.standard h3 {
  color: #555;
  font-size: 15px;
  font-weight: bold;
  margin-top: 0;
}
.standard.obituary-detail h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px;
  color: #555;
  text-transform: uppercase;
}
.standard.obituary-detail span {
  float: left;
  padding-right: 15px;
}
.event-detail h1 {
  font-size: 26px;
  font-weight: normal;
  line-height: 28px;
  margin-top: 8px;
}
.event-detail h2 {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  padding-bottom: 10px;
  margin-top: 0;
}
.event-detail .breadcrumb {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  background: #ffffff;
  padding: 0;
}
.news-detail .breadcrumb {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  background: #ffffff;
  padding: 0;
}
.news-detail .immediaterelease {
  color: #999;
  line-height: 20px;
  padding: 0 0 10px;
  margin: 0;
}
.news-detail .italic {
  line-height: 20px;
  font-style: italic;
  padding: 10px 0;
  margin: 0;
}
.news-detail h1 {
  font-size: 26px;
  font-weight: normal;
  line-height: 28px;
  margin-top: 8px;
}
.news-detail h2 {
  font-size: 22px;
}
.news-detail h3 {
  font-size: 18px;
}
.news-detail h4 {
  font-size: 16px;
}
.news-detail h5 {
  font-size: 14px;
}
.news-detail .media {
  margin-bottom: 20px;
}
.news-detail .media.left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.news-detail .media.image {
  padding: 5px 5px 0px;
  background: #F6F6F6;
}
.news-detail .media.image.single {
  width: 350px;
}
.news-detail .media.image.series {
  width: 200px;
}
.news-detail .media.video .asset {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.news-detail .media.video .asset iframe,
.news-detail .media.video .asset object,
.news-detail .media.video .asset embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-detail .media.slideshow .caption {
  margin: 20px 20px 0;
}
.news-detail .media.slideshow .slide-text {
  margin: 20px;
}
.news-detail .media .item {
  margin-bottom: 20px;
}
.news-detail .media .asset {
  text-align: center;
}
.news-detail .media .asset img {
  margin: 0 auto;
}
.news-detail .media .caption .control {
  text-align: right;
  margin: 0 0 3px;
}
.news-detail .media .caption .enlarge {
  font-size: 11px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  border-bottom: none;
  line-height: normal;
}
.news-detail .media .caption .content {
  font-size: 12px;
  line-height: normal;
  margin: 3px 0;
  background: transparent;
}
.news-detail .media .caption .source {
  font-size: 11px;
  line-height: normal;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #666;
  margin: 3px 0;
}
.featured h2 {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
}
.featured h3 {
  text-transform: uppercase;
  color: #555;
  font-weight: bold;
  margin-top: 0;
}
.featured .tabs h3 {
  text-transform: none;
}
.personifybox {
  border: solid 1px #0077C0;
  border-top: solid 3px #0077C0;
  background-color: #FFF;
  padding: 0 5px 10px;
}
.personifybox h2 {
  font-weight: bold;
  font-size: 24px;
  color: #104B7D;
  padding: 5px 10px;
}
.personifybox h4 {
  border-bottom: 1px solid #CCCCCC;
  font-weight: bold;
  margin: 5px 0;
  color: #3A96CE;
}
.personifybox div {
  padding: 5px 10px;
}
@media (max-width: 480px) {
  .news-detail .media.image.single {
    width: 100%;
  }
}
.content-listing {
  line-height: normal;
  border-color: #0077c0;
  border-style: solid;
  border-width: 3px 0px 0px;
  margin-bottom: 20px;
  padding: 20px;
}
.content-listing h1 {
  color: #104b7d;
  font-size: 24px;
  font-weight: normal;
  line-height: 27px;
  margin-bottom: 10px;
  margin-top: 0;
  padding-right: 160px;
  position: relative;
}
.content-listing .listingLinks {
  font-size: 13px;
  position: absolute;
  right: 0;
  top: 0;
}
.content-listing .listingLinks ul {
  list-style: none;
}
.content-listing .listingLinks ul li {
  float: left;
  margin-left: 10px;
}
.content-listing .listingLinks ul li a {
  padding: 5px;
}
.content-listing .item {
  border-bottom: 1px solid #ededed;
  padding: 10px 0 15px;
  margin-bottom: 5px;
}
.content-listing .item.last {
  border-bottom: none;
}
.content-listing .item h2 {
  margin-top: 0;
  font-size: 18px;
  font-weight: normal;
}
.content-listing .item .date {
  font-size: 11px;
  color: #666;
  margin-bottom: 5px;
}
.content-listing .item .source {
  color: #666;
  margin-bottom: 5px;
}
.content-listing .item .thumb {
  float: left;
}
.content-listing .item .thumb img {
  max-width: 125px;
  border: 1px solid #ccc;
}
.content-listing .item .text {
  margin-left: 140px;
}
.content-listing .item .description {
  margin: 3px 0;
}
.content-listing .more {
  background: #f5f5f5;
  margin: 0 -19px -19px;
  padding: 10px 8px 8px;
  text-align: right;
  font-weight: bold;
}
.newsevents-listing {
  line-height: normal;
  margin-bottom: 20px;
}
.newsevents-listing .item {
  border-bottom: 1px solid #ededed;
  padding: 10px 10px 15px;
  margin-bottom: 5px;
  clear: both;
  overflow: auto;
}
.newsevents-listing .item.last {
  border-bottom: none;
}
.newsevents-listing .item .title {
  margin-top: 0;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 3px;
}
.newsevents-listing .item .host {
  font-size: 13px;
  margin-bottom: 3px;
}
.newsevents-listing .item .thumb {
  float: left;
}
.newsevents-listing .item .thumb img {
  max-width: 125px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.newsevents-listing .item .date {
  font-size: 13px;
  margin-bottom: 3px;
}
.newsevents-listing .item .location {
  font-size: 13px;
  margin-bottom: 3px;
}
.column-main .content-listing {
  border-width: 3px 1px 1px;
}
.iconEmail {
  background: url("/images/ui/iconEmail.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
  padding-left: 34px !important;
}
.iconRSS {
  background: url("/images/ui/iconRSS_sm.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
  padding-left: 25px !important;
}
.obituary {
  padding: 15px;
}
.obituary ul.biography {
  list-style: none;
  padding: 0;
}
.obituary ul.biography li {
  border-bottom: solid 1px #C0C0C0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  overflow: auto;
}
.obituary ul.biography li.last {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.obituary ul.biography li img {
  float: left;
}
.obituary ul.biography li > div {
  margin-left: 15px;
  float: left;
  width: 75%;
}
.obituary ul.biography li h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 6px;
  margin-top: 0;
}
.obituary ul.biography li p {
  font-style: italic;
  font-weight: bold;
  color: #666;
}
.meeting-program-listing .content-listing {
  border: none;
  padding: 0;
}
.meeting-program-listing .content-listing .more {
  margin: 0;
}
.meeting-program-listing .content-listing .theme-heading {
  background: #f5f5f5;
  padding: 10px 8px 8px;
  font-weight: bold;
}
.meeting-program-listing .content-listing .item .text {
  margin-left: 10px;
}
.meeting-program-listing .content-listing .item .text .datedetail {
  margin-bottom: 3px;
}
.meeting-program-listing .showmore-content {
  margin: 15px 0;
}
.meeting-program-listing .item-footer {
  margin: 15px 0;
}
.meeting-program-listing .item-footer a.showmore.collapsed:before {
  content: 'Show Description';
}
.meeting-program-listing .item-footer a.showmore:before {
  content: 'Hide Description';
}
.meeting-program-listing .backtotop {
  text-align: right;
  font-size: 12px;
  margin-bottom: 15px;
}
.divider {
  border-top: 1px solid #CCC;
  margin: 10px 0px;
}
.deadlinelabel {
  color: #104B7D;
  background-color: #f5cf47;
  padding: 5px;
  margin-bottom: 10px;
  display: inline-block;
}
@media (max-width: 1199px) {
  .obituary ul.biography li > div {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .content-listing .item .thumb {
    float: none;
  }
  .content-listing .item .text {
    margin-left: 0;
    margin-top: 10px;
  }
  .content-listing h1 {
    padding-right: 0;
    margin-top: 20px;
  }
  .content-listing .listingLinks {
    top: -30px;
  }
  .obituary ul.biography li img {
    float: none;
    margin-bottom: 15px;
  }
  .obituary ul.biography li > div {
    margin-left: 0;
    float: none;
    width: 100%;
  }
}
@media (max-width: 320px) {
  .newsevents-listing .item .thumb img {
    max-width: 90px;
    margin-right: 10px;
  }
}
.onecolumn {
  padding: 15px;
}
.twocolumn-right {
  margin: 0;
}
.twocolumn-right .column-main {
  padding: 15px 5px 15px 15px;
}
.twocolumn-right .column-right {
  padding: 15px;
}
.twocolumn-left {
  margin: 0;
}
.twocolumn-left .column-left {
  padding: 0px;
}
.twocolumn-left .column-main {
  padding: 15px;
}
.twocolumn-left .column-right {
  padding: 15px;
}
.threecolumn {
  margin: 0;
}
.threecolumn .column-left {
  padding: 0px;
}
.threecolumn .column-main {
  padding: 15px 10px 15px 25px;
}
.threecolumn .column-right {
  padding: 15px;
}
.row.columns {
  margin: 0;
}
.banner-member {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
}
.html-content {
  margin-bottom: 20px;
}
.html-content h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  margin-bottom: 8px;
  margin-top: 0;
  color: #104b7d;
}
.bluebox {
  border-color: #0077c0;
  border-style: solid;
  border-width: 3px 1px 1px;
  padding: 20px;
}
.home-landing .home-intro {
  background: #ededed;
  padding: 20px 5px 0;
  margin: 0 0 25px;
}
.home-landing .home-intro .mysfn {
  margin-top: 25px;
}
.home-landing .home-intro .member-directory {
  margin-top: 70px;
}
.home-landing .home-intro .member-directory h2 {
  font-size: 20px;
  color: #104b7d;
}
.home-landing .home-intro .member-directory .member-search {
  border-radius: 4px;
  padding: 15px;
  background: #e0e0e0;
  border: 1px solid #d4d4d4;
}
.home-landing .home-intro .member-directory .member-search .input-group {
  margin-bottom: 5px;
}
.home-landing .home-intro .member-directory .new-member-search {
  border-radius: 0px;
  background: #ededed;
  padding: 0px 0px 15px 0px;
}
.home-join-now {
  width: 100%;
  margin-top: 35px !important;
}
.home-member-search {
  color: #104b7d;
  background-image: url(/images/sfn/ui/home-member-search.png);
  width: 100%;
  min-height: 23px;
  text-align: center;
  line-height: 23px;
}
.home-main .widget-twitter {
  margin: 0 0 0 20px;
}
.home-main .widget-brainfacts {
  margin: 0 20px 0 0;
}
.meeting-wrapper {
  background: #104b7d;
  padding: 10px;
}
.meeting-wrapper .twocolumn-right {
  background: #ffffff;
}
.meeting-wrapper h2 {
  color: #104b7d;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 3px;
}
.meeting-wrapper .widget h1.calendar {
  background: url("/images/ui/iconCalendar_lg.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
  padding-left: 35px;
}
.themed-header .section-top {
  height: 90px;
  padding: 17px;
}
.themed-header .section-top .section-top-logo {
  width: 237px;
  min-width: 237px;
  float: left;
}
.themed-header .section-top .section-top-date {
  width: 435px;
  float: left;
  font-size: 18px;
  color: #104b7d;
  padding-left: 12px;
  padding-top: 16px;
}
.themed-header .section-top .section-top-date .section-title {
  float: left;
}
.themed-header .section-top .section-top-date .tools {
  float: right;
}
.themed-header .section-top .mysfn {
  position: absolute;
  right: 15px;
  top: 12px;
  background: none;
  width: 325px;
  height: 61px;
  padding: 8px 15px 0 15px;
}
.themed-header.not-annual-meeting {
  position: relative;
}
.news-2col {
  border-top: 3px solid #0077c0;
  background-color: #edf1f6;
  background-image: -webkit-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -moz-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -o-linear-gradient(top, #edf1f6, #ffffff);
  background-image: -ms-linear-gradient(top, #edf1f6, #ffffff);
  background-image: linear-gradient(top, #edf1f6, #ffffff);
  padding: 15px;
  margin-bottom: 20px;
}
.news-2col h5 {
  color: #104b7d;
  font-size: 16px;
  margin-top: 0;
}
.news-2col .col-left {
  border-right: 1px solid #0077c0;
}
.news-2col .additional {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.news-2col .additional li {
  padding: 6px 0;
  border-bottom: 1px solid #ddd;
}
.news-2col .additional li:last-child {
  border-bottom: none;
}
.news-2col .more {
  background: #ededed;
  padding: 5px 10px 3px;
  font-weight: bold;
  text-align: right;
  clear: both;
  margin: 0 -15px;
}
.news-2col .item {
  overflow: auto;
  margin-bottom: 15px;
}
.news-2col .item .thumb {
  float: left;
}
.news-2col .item .thumb img {
  max-width: 125px;
  margin-right: 10px;
}
.news-2col .item .title {
  font-size: 18px;
  line-height: normal;
}
.news-3col .row {
  margin-bottom: 30px;
}
.news-3col .item {
  margin-bottom: 30px;
}
.news-3col .news-featurette {
  border-top: 3px solid #0077c0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  min-height: 355px;
  padding: 15px;
}
.news-3col .news-featurette h5 {
  color: #104b7d;
  font-size: 16px;
  margin-top: 0;
}
.news-3col .news-featurette .item {
  border-bottom: 1px solid #ddd;
  margin: 0 0 5px 0;
  padding: 0 0 8px 0;
  overflow: auto;
}
.news-3col .news-featurette .item .thumb {
  float: left;
}
.news-3col .news-featurette .item .thumb img {
  max-width: 75px;
  margin-right: 10px;
}
.news-3col .news-featurette .item .title {
  font-size: 15px;
  line-height: normal;
}
.news-3col .news-featurette ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.news-3col .news-featurette ul li {
  border-bottom: 1px solid #ddd;
  margin: 0 0 3px 0;
  padding: 5px 0 8px 0;
  line-height: normal;
}
.news-3col .news-featurette ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.news-3col .news-featurette ul li a {
  font-size: 13px;
}
.news-3col .more {
  background: #ededed;
  padding: 5px 10px 3px;
  font-weight: bold;
  text-align: right;
  clear: both;
}
@media (min-width: 1200px) {
  .twocolumn-right .column-main {
    padding: 15px 20px 15px 15px;
    width: 835px;
  }
  .twocolumn-right .column-right {
    padding: 15px 0;
    width: 290px;
  }
  .threecolumn .column-main {
    padding: 15px 20px 15px 15px;
    width: 645px;
  }
  .threecolumn .column-right {
    padding: 15px 0;
    width: 290px;
  }
  .meeting-wrapper .twocolumn-right .column-main {
    padding: 15px 20px 15px 15px;
    width: 815px;
  }
}
@media (max-width: 1199px) {
  .banner-member {
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  #btnJoinNowTablet {
    display: none;
  }
}
@media (max-width: 992px) and (min-width: 320px) {
  #btnJoinNow {
    display: none;
  }
  #btnJoinNowTablet {
    display: block;
  }
}
@media (max-width: 992px) {
  .meeting-wrapper .themed-header .section-top .section-top-logo {
    width: 207px;
    min-width: 207px;
  }
  .meeting-wrapper .themed-header .section-top .section-top-date {
    width: 45%;
  }
  .threecolumn .column-left,
  .twocolumn-left .column-left {
    padding: 10px 10px 0;
  }
  .threecolumn .column-main {
    padding: 15px;
  }
  .news-2col .col-left {
    border-right: none !important;
    margin-bottom: 25px;
  }
  .news-3col .news-featurette {
    min-height: 300px !important;
  }
  .news-3col .row {
    margin-bottom: 0 !important;
  }
  .banner-member {
    padding-left: 15px;
  }
  .twocolumn-right .column-main {
    padding: 15px;
  }
  .meeting-wrapper .themed-header .section-top .mysfn {
    width: 200px;
  }
}
@media (max-width: 768px) {
  .widget-twitter {
    display: none;
  }
  .news-3col .news-featurette {
    min-height: 50px !important;
  }
}
@media (max-width: 767px) {
  .meeting-wrapper .themed-header .section-top .mysfn {
    display: none;
  }
  .meeting-wrapper .themed-header .section-top .section-top-date {
    width: 47%;
  }
  .meeting-wrapper .themed-header .section-top .section-top-logo {
    border-right: none;
  }
  .meeting-wrapper .themed-header .section-top .section-top-date {
    font-size: 15px;
    padding-top: 0;
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .meeting-wrapper .themed-header .section-top {
    height: 70px;
  }
  .meeting-wrapper .themed-header .section-top .section-top-logo {
    width: 40%;
    min-width: 40%;
  }
  .meeting-wrapper .themed-header .section-top .section-top-date .section-title {
    line-height: normal;
    width: 64%;
  }
  .meeting-wrapper .themed-header .section-top .section-top-logo img {
    height: 40px;
  }
  .meeting-wrapper .themed-header .section-top .section-top-date .tools {
    display: none;
  }
  .meeting-wrapper .themed-header .section-top .section-top-date .section-title {
    width: 100%;
  }
  .meeting-wrapper .themed-header .section-top .section-top-date {
    width: 55%;
  }
}
@media (max-width: 320px) {
  .meeting-wrapper .themed-header .section-top .section-top-date {
    font-size: 14px;
  }
  .news-2col .item .thumb img {
    max-width: 75px;
  }
  #btnJoinNowTablet {
    display: none;
  }
  #btnJoinNow {
    display: block;
  }
}
.panel-group {
  margin: 0;
}
.panel-group .panel .panel-heading.level1 {
  padding: 0;
  position: relative;
}
.panel-group .panel .panel-heading.level1 .panel-title > a {
  display: block;
  color: #104b7d;
  background-color: #f5cf47;
  border-color: #f5cf47;
  padding: 14px 45px 8px 15px;
}
.panel-group .panel .panel-heading.level1 .panel-title > a:hover,
.panel-group .panel .panel-heading.level1 .panel-title > a:focus {
  text-decoration: none;
}
.panel-group .panel .panel-heading.level1 .panel-title > a:after {
  content: "\2013";
  position: absolute;
  right: 15px;
  color: #104b7d;
  font-size: 16px;
  top: 13px;
}
.panel-group .panel .panel-heading.level1 .panel-title > a.collapsed {
  background-color: #104b7d;
  border-color: #104b7d;
  color: #ffffff;
}
.panel-group .panel .panel-heading.level1 .panel-title > a.collapsed:hover {
  background-color: #135994;
}
.panel-group .panel .panel-heading.level1 .panel-title > a.collapsed:after {
  content: "\002b";
  position: absolute;
  right: 15px;
  color: #ffffff;
  font-size: 16px;
  top: 13px;
}
.panel-group .panel .panel-body .panel-group .panel {
  border: none;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  box-shadow: none;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading {
  border-color: #ffffff;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 {
  padding: 0;
  position: relative;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 .panel-title > a {
  display: block;
  color: #0077c0;
  background-color: #ffffff;
  border-color: #ffffff;
  padding: 14px 45px 10px 0;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 .panel-title > a:hover,
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 .panel-title > a:focus {
  text-decoration: none;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 .panel-title > a:after {
  content: "\2013";
  position: absolute;
  right: 15px;
  color: #104b7d;
  font-size: 16px;
  top: 13px;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 .panel-title > a.collapsed {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #0077c0;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 .panel-title > a.collapsed:hover {
  color: #104b7d;
}
.panel-group .panel .panel-body .panel-group .panel .panel-heading.level2 .panel-title > a.collapsed:after {
  content: "\002b";
  position: absolute;
  right: 15px;
  color: #104b7d;
  font-size: 16px;
  top: 13px;
}
.panel-group .panel .panel-body .panel-group .panel .panel-collapse .panel-body {
  border-top: none;
  padding: 0 0 10px;
}
.accordion {
  background-color: #E5E5E5;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 7px;
}
.accordion ul.submenu li {
  padding: 0 0 8px 0;
  margin-bottom: 10px;
}
.accordion ul.submenu .accordion-tab-inner h4 {
  margin: 0 0 5px 0;
  font-size: 15px;
  font-weight: normal;
}
.accordion ul.submenu .accordion-tab-inner .date {
  font-size: 11px;
  color: #999;
  font-weight: bold;
}
.accordion ul.submenu .accordion-tab-inner .date p {
  margin: 0;
}
.accordion .accordion-more {
  border-top: 1px solid #e0e0e0;
  padding: 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  background: #E5E5E5;
  margin: 0 -15px -15px;
}
.recaptcha_widget {
  background: #af1500;
  border: 4px solid #af1500;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 0 10px;
  max-width: 300px;
}
.recaptcha_image {
  width: 100% !important;
  height: auto !important;
}
.recaptcha_image img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border-radius: 2px;
  border: 3px solid #ffffff;
}
.recaptcha_is_showing_audio embed {
  height: 0;
  overflow: hidden;
  width: 0;
}
.recaptcha_is_showing_audio .recaptcha_image {
  background: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
  height: 60px;
  width: 100%;
}
.recaptcha_is_showing_audio .recaptcha_image br {
  display: none;
}
.recaptcha_is_showing_audio .recaptcha_image #recaptcha_audio_download {
  display: block;
}
.recaptcha_input {
  background: #ffdc73;
  border: 4px solid #ffdc73;
  border-radius: 2px;
  color: #000000;
  margin: 4px 0 0;
  padding: 0 4px 4px;
}
.recaptcha_input label {
  box-sizing: border-box;
  margin: 0 0 6px;
}
.recaptcha_input input {
  width: 100%;
}
.recaptcha_options {
  height: 18px;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}
.recaptcha_options li {
  float: left;
  margin: 0 7px 0 0;
}
.recaptcha_options li a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  height: 18px;
  text-decoration: none;
  text-shadow: 0 1px 1px #000000;
  width: 20px;
}
.recaptcha_options li a:active {
  position: relative;
  top: 1px;
  text-shadow: none;
}
.captcha_hide {
  display: none;
}
[data-icon]:before {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-size: 14px;
  font-style: normal;
  height: 18px;
  line-height: 18px;
  text-align: center;
  width: 18px;
}
[data-icon="refresh"]:before {
  content: '\E031';
}
[data-icon="audio"]:before {
  content: '\E038';
}
[data-icon="picture"]:before {
  content: '\E060';
}
[data-icon="question"]:before {
  content: '\E085';
}
html .RadTabStrip_SfNBlue .rtsUL {
  display: block;
  float: none;
  overflow: visible;
  border: transparent;
}
html .RadTabStrip_SfNBlue .rtsLI {
  display: block;
  float: left;
  margin-bottom: -1px;
  overflow: visible;
}
html .RadTabStrip_SfNBlue .rtsLast .rtsLink:before {
  display: none;
}
html .RadTabStrip_SfNBlue .rtsLink {
  display: block;
  line-height: 1.42857143;
  margin-right: 2px;
  padding: 10px 15px;
  color: #aaa;
  position: relative;
  font-style: italic;
}
html .RadTabStrip_SfNBlue .rtsLink:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #104b7d;
  top: 50%;
  margin-top: -6px;
}
html .RadTabStrip_SfNBlue .rtsSelected {
  background-color: #FFF;
  color: #555;
  border: transparent;
  font-style: normal;
}
html .RadTabStrip_SfNBlue .rtsImg {
  display: none;
}
.check-list,
.radio-list {
  list-style: none;
  padding: 0;
  zoom: 1;
}
.check-list:before,
.radio-list:before,
.check-list:after,
.radio-list:after {
  content: '';
  display: table;
}
.check-list:after,
.radio-list:after {
  clear: both;
}
.check-list li,
.radio-list li {
  float: left;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .check-list li,
  .radio-list li {
    float: none;
  }
}
.check-list--vertical li,
.radio-list--vertical li {
  float: none;
}
.check-list label,
.radio-list label {
  display: inline;
  margin: 0 5px;
}
.my-account {
  background-color: #edf1f6;
  border-top: 3px solid #0077c0;
  margin: 20px;
  padding: 15px;
}
.my-account__inner {
  background-color: #ffffff;
  border: 1px solid #0077c0;
}
.my-account .widget {
  margin: 0;
}
.my-account__content {
  padding-left: 30px;
  padding-right: 30px;
}
.note {
  background-color: #ffffcc;
  background-image: url(/images/sfn/ui/note-corner.png);
  background-position: right top;
  background-repeat: no-repeat;
  line-height: 15px;
  margin: 20px 0;
  padding: 20px;
}
.note h1 {
  font-size: 18px;
  margin: 0 0 2px;
}
.note * + h1 {
  margin: 15px 0 2px;
}
.orcid {
  background-image: url(/images/sfn/ORCiD/ORCiD.png);
  background-position: right center;
  background-repeat: no-repeat;
  border: 3px solid #939496;
  min-height: 125px;
  padding: 15px 125px 15px 15px;
}
.bg-sfn-primary {
  color: #ffffff;
  background-color: #104b7d;
}
.error-content {
  margin: 15px 0;
}
#ProfileType .panel:nth-child(2) .well {
  color: red;
}
[data-aspect-ratio] {
  display: block;
  max-width: 100%;
  position: relative;
}
[data-aspect-ratio]:before {
  content: '';
  display: block;
}
[data-aspect-ratio] > * {
  display: block !important;
  height: 100% !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}
[data-aspect-ratio="3:1"]:before {
  padding-top: 33.33%;
}
[data-aspect-ratio="2:1"]:before {
  padding-top: 50%;
}
[data-aspect-ratio="16:9"]:before {
  padding-top: 56.25%;
}
[data-aspect-ratio="3:2"]:before {
  padding-top: 66.66%;
}
[data-aspect-ratio="4:3"]:before {
  padding-top: 75%;
}
[data-aspect-ratio="1:1"]:before {
  padding-top: 100%;
}
[data-aspect-ratio="3:4"]:before {
  padding-top: 133.33%;
}
[data-aspect-ratio="2:3"]:before {
  padding-top: 150%;
}
[data-aspect-ratio="9:16"]:before {
  padding-top: 177.77%;
}
[data-aspect-ratio="1:2"]:before {
  padding-top: 200%;
}
[data-aspect-ratio="1:3"]:before {
  padding-top: 300%;
}
.micro-breadcrumb {
  font-size: 12px;
  padding: 6px 0 4px 30px;
  background: #ededed;
}
.micro-breadcrumb .divider {
  color: #ccc;
  margin: 0 6px;
}
.micro-wrapper {
  background: #8a1f03;
  padding: 10px;
  overflow: auto;
}
.micro-wrapper .twocolumn-right {
  background: #ffffff;
  overflow: hidden;
}
.micro-wrapper .column-right {
  float: left;
}
.micro-wrapper sup {
  top: -0.7em;
  font-size: 60%;
}
.micro-wrapper .table {
  margin-bottom: 0;
  font-size: 14px;
}
.micro-wrapper blockquote {
  font-style: italic;
  line-height: 1.8em;
  border: none;
  padding: 20px 30px;
  font-size: 17px;
}
.micro-wrapper a {
  color: #0077c0;
}
.micro-wrapper .themed-header .section-top {
  height: 90px;
  padding: 23px 17px;
  margin-bottom: 10px;
}
.micro-wrapper .themed-header .section-top .section-top-logo {
  width: 237px;
  min-width: 237px;
  float: left;
}
.micro-wrapper .themed-header .section-top .section-top-date {
  width: 435px;
  float: left;
  font-size: 18px;
  color: #104b7d;
  padding-left: 12px;
  padding-top: 16px;
}
.micro-wrapper .themed-header .section-top .section-top-date .section-title {
  float: left;
}
.micro-wrapper .themed-header .section-top .section-top-date .tools {
  float: right;
}
.micro-wrapper .themed-header .section-top .section-top-tools {
  float: right;
  margin-right: 50%;
  margin-top: 1%;
}
.micro-wrapper .themed-header .section-top .section-top-tools .tools {
  float: right;
}
.micro-wrapper .column-main h2 {
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #104b7d;
  line-height: 1.2em;
  font-size: 30px;
}
.micro-wrapper .column-main h3 {
  margin-bottom: 20px;
  line-height: 1.4em;
  font-size: 20px;
  color: #104B7D;
  font-weight: 700;
}
.micro-wrapper .column-main h4 {
  font-weight: bold;
  font-size: 18px;
}
.micro-wrapper .column-main p {
  margin: 0 0 20px;
  line-height: 1.7em;
  font-size: 14px;
}
.micro-wrapper .column-main .spacer {
  height: 30px;
}
.micro-wrapper .column-main .divider {
  border-bottom: 7px double #EAEAEA;
  border-top: none;
  margin: 50px 0;
  clear: both;
}
.micro-wrapper .dropcap {
  float: left;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 0px;
  color: #8a1f03;
}
.micro-wrapper .media .caption {
  padding: 8px 0;
  width: 98%;
  float: left;
  display: block;
  height: 6em;
  line-height: 1em;
}
.micro-wrapper .media .text {
  color: #666;
  font-size: 12px;
}
.micro-wrapper .media .credit {
  font-style: italic;
  font-size: 11px;
  margin-top: 2px;
  color: #999;
}
.micro-wrapper .media .enlarge {
  position: relative;
  display: block;
  border: 3px solid #999;
  background: #999;
}
.micro-wrapper .media .enlarge:after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "+";
  font-family: 'Glyphicons Halflings';
  font-size: 14px;
  background: #999;
  color: #ffffff;
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 9px 0 0 3px;
  line-height: normal;
}
.micro-wrapper .media .enlarge:hover:after {
  background: #666;
}
.micro-wrapper .media-offset {
  margin: 0 0 20px 40px;
  float: right;
  max-width: 250px;
}
.micro-wrapper .media-offset .caption {
  padding: 8px 0;
  line-height: 1em;
}
.micro-wrapper .media-offset .text {
  color: #666;
  font-size: 12px;
}
.micro-wrapper .media-offset .credit {
  font-style: italic;
  font-size: 11px;
  margin-top: 2px;
  color: #999;
}
.micro-wrapper .media-inline {
  margin: 40px 0;
}
.micro-wrapper .media-inline .caption {
  padding: 8px 0;
  width: 100%;
  float: left;
  display: block;
  height: 6em;
  line-height: 1.2em;
}
.micro-wrapper .media-inline .text {
  color: #666;
  font-size: 12px;
}
.micro-wrapper .media-inline .credit {
  font-style: italic;
  font-size: 11px;
  margin-top: 2px;
  color: #999;
}
.micro-wrapper .media-table {
  background: #ffffff;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.micro-wrapper .media-table .col-md-6 {
  padding-left: 0;
}
.micro-wrapper .fullwidth {
  background: #ededed;
  padding: 20px 20px 0 20px;
  margin-bottom: 30px;
  overflow: auto;
}
.micro-wrapper .fullwidth .fullwidth-inner {
  margin-left: auto;
  margin-right: auto;
}
.micro-wrapper .fullwidth .text {
  color: #333;
}
.micro-wrapper .fullwidth h4 {
  color: #104b7d;
  margin-bottom: 15px;
}
.micro-wrapper .gallery {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.micro-wrapper .gallery img {
  width: 300px;
}
.micro-wrapper .gallery.grid li {
  display: inline-block;
  vertical-align: top;
  width: 290px;
  margin-right: 35px;
  margin-bottom: 30px;
}
.micro-wrapper .gallery.grid li:last-child {
  margin-right: 0;
}
.micro-wrapper .gallery.grid li a {
  max-height: 150px;
  overflow: hidden;
  height: 150px;
}
.micro-wrapper .gallery.grid li .caption {
  height: auto;
}
.micro-wrapper ol.endnotes {
  font-size: 12px;
  line-height: normal;
  margin-left: 20px;
  clear: both;
}
.micro-wrapper ol.endnotes li {
  margin: 6px 0;
}
.micro-wrapper .nav-footer {
  margin-bottom: 30px;
  overflow: auto;
}
.micro-wrapper .nav-footer a.inner-left {
  display: block;
  width: 49%;
  float: left;
  position: relative;
  padding: 10px 20px 10px 65px;
}
.micro-wrapper .nav-footer a.inner-left:before {
  content: '\e079';
  position: absolute;
  left: 20px;
  top: 40%;
  font-size: 25px;
  color: #DCDCDC;
  font-family: 'Glyphicons Halflings';
}
.micro-wrapper .nav-footer a.inner-left:hover {
  text-decoration: none;
}
.micro-wrapper .nav-footer a.inner-left:hover:before {
  color: #0077c0;
}
.micro-wrapper .nav-footer a.inner-left h5 {
  color: #999;
}
.micro-wrapper .nav-footer a.inner-left.null {
  cursor: text;
}
.micro-wrapper .nav-footer a.inner-left.null:before {
  content: ' ';
}
.micro-wrapper .nav-footer a.inner-left.null:hover {
  text-decoration: none;
  background: transparent;
}
.micro-wrapper .nav-footer a.inner-left.null h5 {
  color: transparent;
}
.micro-wrapper .nav-footer a.inner-left.null h4 {
  color: transparent;
}
.micro-wrapper .nav-footer a.inner-right {
  display: block;
  width: 49%;
  float: left;
  position: relative;
  text-align: right;
  padding: 10px 65px 10px 20px;
}
.micro-wrapper .nav-footer a.inner-right:after {
  content: '\e080';
  position: absolute;
  right: 20px;
  top: 40%;
  font-size: 25px;
  color: #DCDCDC;
  font-family: 'Glyphicons Halflings';
}
.micro-wrapper .nav-footer a.inner-right:hover {
  text-decoration: none;
}
.micro-wrapper .nav-footer a.inner-right:hover:after {
  color: #0077c0;
}
.micro-wrapper .nav-footer a.inner-right h5 {
  color: #999;
}
.micro-wrapper .nav-footer a.inner-right.null {
  cursor: text;
}
.micro-wrapper .nav-footer a.inner-right.null:after {
  content: ' ';
}
.micro-wrapper .nav-footer a.inner-right.null:hover {
  text-decoration: none;
  background: transparent;
}
.micro-wrapper .nav-footer a.inner-right.null h5 {
  color: transparent;
}
.micro-wrapper .nav-footer a.inner-right.null h4 {
  color: transparent;
}
.micro-wrapper .text-ad-white {
  background: #FFF;
  border: 1px solid #CCC;
}
.micro-wrapper .text-box-white {
  background: #FFF;
  border: 1px solid #CCC;
}
.micro-wrapper .widget-text-ad {
  padding: 20px 20px;
  margin-bottom: 20px;
  line-height: normal;
  border: 1px solid #DDD;
}
.micro-wrapper .widget-text-ad h1 {
  font-size: 28px;
  color: #104B7D;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: normal;
}
.micro-wrapper .widget-text-box {
  padding: 20px 20px;
  margin-bottom: 20px;
  line-height: normal;
  border: 1px solid #DDD;
}
.micro-wrapper .widget-text-box h1 {
  font-size: 28px;
  color: #104B7D;
  font-weight: normal;
  margin-bottom: 10px;
  margin-top: 0;
  line-height: normal;
}
.micro-wrapper .table-wrapper {
  background: #F6F6F6;
  padding: 15px;
  border: 1px solid #ECECEC;
  margin-bottom: 25px;
}
.micro-nav {
  margin-bottom: 20px;
}
.micro-nav ul.level1 > li {
  margin-bottom: 1px;
}
.micro-nav ul.level1 > li > a {
  background: #104b7d;
  color: #ffffff;
  border-radius: 5px;
  padding: 15px 15px 12px;
  font-weight: bold;
  display: block;
  font-size: 14px;
}
.micro-nav ul.level1 > li > a:hover {
  background: #12538b;
  text-decoration: none;
}
.micro-nav ul.level1 > li.active {
  background: #ededed;
  padding: 1px;
}
.micro-nav ul.level1 > li.active > a {
  background: #0077c0;
  color: #ededed;
  padding: 15px 15px 12px;
}
.micro-nav ul.level1 > li:last-child {
  margin-bottom: 0;
}
.micro-nav ul.level1 > li ul.level2 > li {
  border-bottom: 1px solid #ddd;
}
.micro-nav ul.level1 > li ul.level2 > li > a {
  padding: 6px 15px 6px 30px;
  background: #ededed;
  color: #0077c0;
  font-size: 98%;
  display: block;
  line-height: normal;
}
.micro-nav ul.level1 > li ul.level2 > li > a:hover {
  background: #f7f7f7;
  text-decoration: none;
}
.micro-nav ul.level1 > li ul.level2 > li:first-child {
  border-top: 1px solid #ddd;
}
.micro-nav ul.level1 > li ul.level2 > li.active > a {
  color: #ffffff;
  background: #0077c0;
  font-weight: bold;
}
.micro-nav ul.level1 > li ul.level2 > li ul.level3 > li > a {
  padding: 8px 15px 4px 60px;
  font-weight: normal;
  color: #104b7d;
  position: relative;
  background: #f7f7f7;
  font-size: 13px;
}
.micro-nav ul.level1 > li ul.level2 > li ul.level3 > li > a:before {
  content: '\25A0';
  font-size: 10px;
  color: #104b7d;
  position: absolute;
  left: 47px;
  top: 8px;
}
.micro-nav ul.level1 > li ul.level2 > li ul.level3 > li > a:hover {
  background: #ececec;
}
.micro-nav ul.level1 > li ul.level2 > li ul.level3 > li > a.active > a {
  color: #000000;
  font-weight: bold;
}
.micronav-toggle {
  cursor: pointer;
  text-align: center;
  padding: 8px 20px;
  background: #edf1f6;
  border: 1px solid #dce4ee;
  margin-bottom: 15px;
  border-radius: 6px;
  font-size: 15px;
}
.micronav-toggle:hover {
  text-decoration: none;
  background: #dce4ee;
}
.micronav-toggle:after {
  content: '\2013';
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.micronav-toggle.collapsed:after {
  content: '\002b';
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.history-content {
  padding: 0 20px;
}
.history-content img {
  max-width: 100%;
}
.well-white {
  background: #ffffff;
}
.fancybox-skin {
  background: #ededed;
}
.fancybox-skin .caption {
  margin: 15px 5px 5px;
}
.fancybox-skin .caption .text {
  font-size: 14px;
}
.fancybox-skin .caption .credit {
  color: #999;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .micro-wrapper .twocolumn-right .column-main {
    width: 825px;
  }
  .micro-wrapper .twocolumn-right .column-right {
    width: 280px;
  }
}
@media (max-width: 1199px) {
  .micro-wrapper .jwplayer,
  .fancybox-inner .jwplayer {
    width: 570px!important;
    height: 321px!important;
  }
}
@media (min-width: 993px) {
  .column-right .micro-nav.collapse {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .micro-wrapper .themed-header .section-top .section-top-tools {
    margin-right: 10%;
  }
  .micro-wrapper .jwplayer,
  .fancybox-inner .jwplayer {
    width: 570px!important;
    height: 321px!important;
  }
  .column-right .micro-nav {
    display: none;
  }
  .micronav-toggle {
    display: block !important;
  }
  .history-content {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .micro-wrapper .jwplayer,
  .fancybox-inner .jwplayer {
    width: 580px!important;
    height: 326px!important;
  }
}
@media (max-width: 768px) {
  .micro-wrapper .jwplayer,
  .fancybox-inner .jwplayer {
    width: 610px!important;
    height: 343px!important;
  }
}
@media (max-width: 604px) {
  .micro-wrapper .jwplayer,
  .fancybox-inner .jwplayer {
    width: 455px!important;
    height: 256px!important;
  }
}
@media (max-width: 480px) {
  .micro-wrapper .jwplayer,
  .fancybox-inner .jwplayer {
    width: 380px!important;
    height: 214px!important;
  }
}
@media (max-width: 320px) {
  .micro-wrapper .jwplayer,
  .fancybox-inner .jwplayer {
    width: 230px!important;
    height: 129px!important;
  }
}
@media (max-width: 480px) {
  .micro-wrapper .themed-header .section-top .section-top-tools {
    display: none;
  }
  .micro-wrapper .themed-header .section-top .section-top-logo img {
    width: 220px;
  }
  .micro-wrapper .themed-header .section-top {
    height: 50px;
    padding: 8px 17px;
  }
  .micro-wrapper .column-main h2 {
    font-size: 24px;
  }
  .history-content {
    padding: 0;
  }
  .micro-wrapper .media-offset {
    float: none;
    margin: 0 0 20px 0;
  }
  .micro-wrapper .nav-footer a.inner-left,
  .micro-wrapper .nav-footer a.inner-right {
    width: 100%;
  }
}
.wrapper-journals {
  background: #edf0f5;
  overflow: auto;
}
.wrapper-journals .section-jn {
  border-top: 6px solid #0077c0;
  width: 50%;
  float: left;
  padding: 25px;
  overflow: auto;
}
.wrapper-journals .section-jn h2 {
  color: #104b7d;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
}
.wrapper-journals .section-jn .pic {
  padding: 6px;
  background: #FFF;
  margin: 0 20px 0 0;
  float: left;
}
.wrapper-journals .section-jn .section-listing {
  color: #000;
  text-align: left;
  margin-top: 20px;
  margin-left: 195px;
  margin-right: 15px;
}
.wrapper-journals .section-jn .section-listing h1 {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 8px;
  margin-top: 0;
}
.wrapper-journals .section-jn .section-listing h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
}
.wrapper-journals .section-jn .section-listing h5 {
  display: none;
}
.wrapper-journals .section-jn .section-listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wrapper-journals .section-jn .section-listing ul li {
  border-bottom: 1px solid #ccc;
  padding: 8px 0;
}
.wrapper-journals .section-jn .section-listing ul li:last-child {
  border-bottom: none;
}
.wrapper-journals .section-jn .section-listing ul li a {
  font-weight: bold;
}
.wrapper-journals .section-jn .more {
  text-align: right;
  margin-top: 15px;
}
.wrapper-journals .section-jn .more a {
  font-weight: bold;
}
.wrapper-journals .section-eneuro {
  border-top: 6px solid #7ac044;
  width: 50%;
  float: left;
  padding: 25px;
  position: relative;
  overflow: auto;
}
.wrapper-journals .section-eneuro:before {
  position: absolute;
  left: 0;
  top: 25px;
  bottom: 25px;
  background: #ccc;
  width: 1px;
  content: '';
}
.wrapper-journals .section-eneuro h2 {
  color: #104b7d;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
}
.wrapper-journals .section-eneuro .pic {
  padding: 6px;
  background: #FFF;
  margin: 0 20px 0 0;
  float: left;
}
.wrapper-journals .section-eneuro .section-listing {
  color: #000;
  text-align: left;
  margin-top: 20px;
  margin-left: 180px;
  margin-right: 15px;
}
.wrapper-journals .section-eneuro .section-listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wrapper-journals .section-eneuro .section-listing ul li {
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}
.wrapper-journals .section-eneuro .section-listing ul li:last-child {
  border-bottom: none;
}
.wrapper-journals .section-eneuro .section-listing ul li a {
  font-weight: bold;
}
.wrapper-journals .section-eneuro .more {
  text-align: right;
  margin-top: 15px;
}
.wrapper-journals .section-eneuro .more a {
  font-weight: bold;
}
.wrapper-development {
  background: #ffffff;
  overflow: auto;
  padding: 35px 25px;
  border-top: 1px solid #ddd;
}
.wrapper-development .section-neuronline {
  width: 70%;
  float: left;
  padding: 0 15px 0 0;
  overflow: auto;
  border-right: 1px solid #ccc;
}
.wrapper-development .section-neuronline h2 {
  color: #104b7d;
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: normal;
}
.wrapper-development .section-neuronline h2 .tagline {
  font-size: 14px;
  padding-left: 10px;
}
.wrapper-development .section-neuronline .section-feature {
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 10px;
  position: relative;
  min-height: 280px;
  width: 50%;
  float: left;
}
.wrapper-development .section-neuronline .section-feature .topic {
  position: absolute;
  top: 20px;
  left: 20px;
}
.wrapper-development .section-neuronline .section-feature .image {
  margin-bottom: 15px;
}
.wrapper-development .section-neuronline .section-feature .image img {
  max-width: 100%;
  height: auto;
}
.wrapper-development .section-neuronline .section-feature .title {
  font-weight: bold;
  font-size: 18px;
}
.wrapper-development .section-neuronline .section-listing {
  width: 50%;
  float: left;
  padding: 0 20px;
}
.wrapper-development .section-neuronline .section-listing .list-item {
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}
.wrapper-development .section-neuronline .section-listing .list-item:nth-child(3) {
  border-bottom: none;
}
.wrapper-development .section-neuronline .section-listing .list-item .topic {
  margin-bottom: 5px;
}
.wrapper-development .section-neuronline .section-listing .list-item .title {
  font-weight: bold;
  font-size: 15px;
}
.wrapper-development .section-neuronline .section-listing .more {
  text-align: right;
  margin-top: 15px;
}
.wrapper-development .section-neuronline .section-listing .more a {
  font-weight: bold;
}
.wrapper-development .section-neuronline .label {
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 6px 2px;
  text-shadow: none;
  color: #FFF;
  line-height: normal;
}
.wrapper-development .section-neurojobs {
  width: 30%;
  float: left;
  padding: 0 10px 0 25px;
}
.wrapper-development .section-neurojobs h2 {
  color: #104b7d;
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: normal;
}
.wrapper-development .section-neurojobs h2 a {
  color: #104b7d;
}
.wrapper-development .section-neurojobs .section-listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wrapper-development .section-neurojobs .section-listing ul li {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.wrapper-development .section-neurojobs .section-listing ul li:last-child {
  border-bottom: none;
}
.wrapper-development .section-neurojobs .section-listing ul li h4 {
  margin: 0;
}
.wrapper-development .section-neurojobs .section-listing ul li a {
  font-weight: bold;
  font-size: 14px;
}
.wrapper-development .section-neurojobs .more {
  text-align: right;
  margin-top: 15px;
}
.wrapper-development .section-neurojobs .more a {
  font-weight: bold;
}
.wrapper-newsevents {
  background: #ededed;
  border-top: 1px solid #ddd;
  overflow: auto;
  padding: 35px 25px;
}
.wrapper-newsevents .section-sfnnews {
  width: 35%;
  float: left;
  padding: 20px 30px 20px 0;
  position: relative;
}
.wrapper-newsevents .section-sfnnews h2 {
  color: #104b7d;
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: normal;
}
.wrapper-newsevents .section-sfnnews .section-listing {
  height: 275px;
  overflow-y: scroll;
}
.wrapper-newsevents .section-sfnnews .section-listing h3 {
  font-size: 15px;
  margin: 0;
}
.wrapper-newsevents .section-sfnnews .more {
  text-align: right;
  margin-top: 15px;
}
.wrapper-newsevents .section-sfnnews .more a {
  font-weight: bold;
}
.wrapper-newsevents .section-events {
  width: 35%;
  float: left;
  padding: 20px;
  background: #ffffff;
  position: relative;
}
.wrapper-newsevents .section-events h2 {
  color: #104b7d;
  font-size: 24px;
  margin: 0 0 15px 0;
}
.wrapper-newsevents .section-events .section-listing {
  height: 275px;
  overflow-y: scroll;
}
.wrapper-newsevents .section-events .section-listing .list-item {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.wrapper-newsevents .section-events .section-listing .list-item:nth-child(3) {
  border-bottom: none;
}
.wrapper-newsevents .section-events .section-listing .list-item .date {
  font-weight: bold;
  color: #666;
}
.wrapper-newsevents .section-events .section-listing .list-item .title {
  font-weight: bold;
}
.wrapper-newsevents .section-events .more {
  text-align: right;
  margin-top: 15px;
}
.wrapper-newsevents .section-events .more a {
  font-weight: bold;
}
.wrapper-newsevents .section-html {
  width: 30%;
  float: left;
  padding: 0 10px 25px 38px;
}
.wrapper-newsevents .section-html > img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.wrapper-brainfacts {
  background: #ffffff;
  overflow: hidden;
  padding: 35px 25px;
}
.wrapper-brainfacts .section-featured {
  width: 30%;
  float: left;
}
.wrapper-brainfacts .section-featured .section-feature {
  margin-bottom: 25px;
}
.wrapper-brainfacts .section-featured .section-feature .title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.wrapper-brainfacts .section-featured .section-feature .title a {
  color: #104b7d;
}
.wrapper-brainfacts .section-featured .section-feature .source {
  color: #666;
  font-size: 11px;
  margin: 0 0 10px 0;
}
.wrapper-brainfacts .section-featured .section-feature .source .source-item {
  font-weight: bold;
}
.wrapper-brainfacts .credit {
  font-size: 12px;
}
.wrapper-brainfacts .section-imageoftheweek {
  width: 40%;
  float: left;
  padding: 0 40px;
}
.wrapper-brainfacts .section-imageoftheweek .section-feature .image {
  margin-bottom: 10px;
}
.wrapper-brainfacts .section-imageoftheweek .section-feature .image img {
  max-width: 100%;
  height: auto;
}
.wrapper-brainfacts .section-imageoftheweek .section-feature .title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}
.wrapper-brainfacts .section-imageoftheweek .section-feature .source {
  color: #666;
  font-size: 11px;
  margin: 0 0 10px 0;
}
.wrapper-brainfacts .section-imageoftheweek .section-feature .source .source-item {
  font-weight: bold;
}
.wrapper-brainfacts .section-neuroscienceinthenews,
.wrapper-brainfacts .widget-brainfacts {
  width: 30%;
  float: left;
  position: relative;
}
.wrapper-brainfacts .section-neuroscienceinthenews .brainfacts-header,
.wrapper-brainfacts .widget-brainfacts .brainfacts-header {
  padding: 0;
}
.wrapper-brainfacts .section-neuroscienceinthenews .brainfacts-header p,
.wrapper-brainfacts .widget-brainfacts .brainfacts-header p {
  display: none;
}
.wrapper-brainfacts .section-neuroscienceinthenews h2,
.wrapper-brainfacts .widget-brainfacts h2 {
  color: #104b7d;
  font-size: 24px;
  margin: 0 0 15px 0;
  padding: 0;
}
.wrapper-brainfacts .section-neuroscienceinthenews .feed,
.wrapper-brainfacts .widget-brainfacts .feed {
  height: 275px;
  overflow-y: scroll;
  padding: 0;
  margin: 0;
}
.wrapper-brainfacts .section-neuroscienceinthenews .feed .item,
.wrapper-brainfacts .widget-brainfacts .feed .item {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.wrapper-brainfacts .section-neuroscienceinthenews .feed .item:nth-child(3),
.wrapper-brainfacts .widget-brainfacts .feed .item:nth-child(3) {
  border-bottom: none;
}
.wrapper-brainfacts .section-neuroscienceinthenews .feed .item h2,
.wrapper-brainfacts .widget-brainfacts .feed .item h2 {
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 5px 0;
}
.wrapper-brainfacts .section-neuroscienceinthenews .feed .item h3,
.wrapper-brainfacts .widget-brainfacts .feed .item h3 {
  color: #666;
  font-size: 11px;
  margin: 0 0 5px 0;
}
.wrapper-brainfacts .section-neuroscienceinthenews .feed .item p,
.wrapper-brainfacts .widget-brainfacts .feed .item p {
  display: none;
}
.wrapper-brainfacts .section-neuroscienceinthenews .more,
.wrapper-brainfacts .widget-brainfacts .more {
  text-align: right;
  margin-top: 15px;
}
.wrapper-brainfacts .section-neuroscienceinthenews .more a,
.wrapper-brainfacts .widget-brainfacts .more a {
  font-weight: bold;
}
.wrapper-brainfacts .colors {
  border-top: 6px solid #c3112d;
  margin: -35px -35px 20px -35px;
}
.wrapper-brainfacts .colors ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.wrapper-brainfacts .colors ul li {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #ffffff;
  width: 16.65%;
  margin: -6px -4px 0 0;
}
.wrapper-brainfacts .colors ul li.last {
  border-right: none;
}
.wrapper-brainfacts .colors ul li.purple {
  border-top: 6px solid #6137a7;
}
.wrapper-brainfacts .colors ul li.blue {
  border-top: 6px solid #114b7d;
}
.wrapper-brainfacts .colors ul li.green {
  border-top: 6px solid #5c8626;
}
.wrapper-brainfacts .colors ul li.orange {
  border-top: 6px solid #c58016;
}
.wrapper-brainfacts .colors ul li.pink {
  border-top: 6px solid #b61973;
}
.wrapper-brainfacts .colors ul li.red {
  border-top: 6px solid #c3112d;
}
.wrapper-brainfacts .widget-brainfacts {
  border: none;
}
.footer {
  border-top: 4px solid #0077c0;
}
.footer .banner-social {
  padding: 20px;
  overflow: auto;
  border-bottom: 1px solid #ccc;
}
.footer .banner-social .twitter-wrapper {
  width: 75%;
  float: left;
  padding: 0 50px 0 0;
}
.footer .banner-social .twitter-wrapper h3 {
  color: #104b7d;
  font-size: 20px;
  margin: 0 0 15px 0;
}
.footer .banner-social .twitter-wrapper .twitter-feed {
  background: #ffffff;
  border-radius: 4px;
  padding: 20px;
  font-size: 16px;
}
.footer .banner-social .social {
  width: 25%;
  float: left;
  font-size: 13px;
  font-weight: bold;
}
.footer .banner-social .social .intro {
  margin: 15px 0 10px 0;
  text-transform: uppercase;
  display: block;
}
.footer .banner-social .social ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer .banner-social .social ul li {
  display: inline-block;
  vertical-align: middle;
  /* margin: 0 10px 10px 0; */
}
.footer .banner-social .social ul li:last-child {
  margin-right: 0;
}
.footer .banner-social .social ul li a {
  width: 32px;
  height: 32px;
  display: block;
}
.footer .banner-social .social ul li a:hover {
  opacity: .8;
}
@media (max-width: 991px) {
  .wrapper-journals .section-jn,
  .wrapper-journals .section-eneuro,
  .wrapper-development .section-neuronline,
  .wrapper-development .section-neurojobs,
  .wrapper-newsevents .section-sfnnews,
  .wrapper-newsevents .section-events,
  .wrapper-newsevents .section-html,
  .wrapper-brainfacts .section-featured,
  .wrapper-brainfacts .section-imageoftheweek,
  .wrapper-brainfacts .section-neuroscienceinthenews,
  .wrapper-brainfacts .widget-brainfacts {
    width: 100%;
    float: none;
  }
  .wrapper-development .section-neuronline {
    border-right: none;
    margin-bottom: 30px;
    padding: 0;
  }
  .wrapper-development .section-neurojobs,
  .wrapper-newsevents .section-sfnnews,
  .wrapper-newsevents .section-html,
  .wrapper-brainfacts .section-imageoftheweek {
    padding: 0;
  }
  .wrapper-newsevents {
    padding: 25px;
  }
  .wrapper-newsevents .section-events,
  .wrapper-brainfacts .section-featured,
  .wrapper-brainfacts .section-imageoftheweek {
    margin-bottom: 30px;
  }
  .wrapper-newsevents .section-sfnnews .more {
    right: 0;
  }
  .footer .banner-social .twitter-wrapper,
  .footer .banner-social .social {
    width: 100%;
    float: none;
    padding: 0;
  }
  .footer .banner-social .twitter-wrapper {
    margin-bottom: 30px;
  }
  .footer .banner-social .social .intro {
    display: none;
  }
  .footer .banner-social .social {
    text-align: center;
  }
  .wrapper-newsevents .section-html {
    margin: 0 auto;
    width: 350px;
  }
  .wrapper-development .section-neuronline .section-listing {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 768px) {
  .wrapper-journals .section-jn,
  .wrapper-journals .section-eneuro,
  .wrapper-development,
  .wrapper-newsevents,
  .wrapper-brainfacts {
    padding: 15px;
  }
  .wrapper-brainfacts .colors {
    margin: -15px -35px 0px -35px;
  }
  .wrapper-journals .section-jn .section-listing,
  .wrapper-journals .section-eneuro .section-listing {
    margin-right: 0;
  }
  .wrapper-newsevents .section-sfnnews {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .wrapper-development .section-neuronline .section-feature,
  .wrapper-development .section-neuronline .section-listing {
    width: 100%;
    float: none;
  }
  .wrapper-development .section-neuronline .section-feature {
    margin-bottom: 10px;
  }
  .wrapper-development .section-neuronline .section-listing {
    padding: 0;
  }
  .wrapper-development .section-neuronline h2 .tagline {
    display: block;
    padding: 5px 0 0 0;
  }
  .wrapper-journals .section-jn .pic,
  .wrapper-journals .section-eneuro .pic {
    display: none;
  }
  .wrapper-journals .section-jn .section-listing,
  .wrapper-journals .section-eneuro .section-listing {
    margin-left: 0;
    margin-right: 0;
  }
  .footer .banner-social {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.timeline {
  list-style: none;
  padding: 0;
}
.mdir-detail {
  padding: 10px 15px 0px 15px;
}
.mdir-banner {
  padding-top: 5px;
  min-height: 200px;
  width: 100%;
}
.mdir-banner h2 {
  font-size: 16px;
  font-weight: bold;
}
.mdir-pic {
  display: inline-block;
}
.mdir-name {
  vertical-align: top;
  display: inline-block;
  position: relative;
  height: 100%;
}
.mdir-vitals {
  vertical-align: top;
  padding-top: 5px;
}
.mdir-vitals b {
  color: #104b7d;
}
.record-name h2 {
  font-weight: bold;
  font-size: 16px;
}
.record-function b {
  color: #104b7d;
}
.record-other {
  width: 100%;
  display: block;
  clear: both;
}
.record-spacer {
  height: 15px;
  width: 100%;
  clear: both;
}
.mdir-two-column:after {
  clear: both;
  content: "";
  display: table;
}
.mdir-three-column .column-center {
  margin-top: 15px;
  padding-top: 0px !important;
  padding-right: 0px !important;
}
.mdir-three-column .column-right {
  margin-top: 15px;
  padding-top: 0px !important;
}
.mdir-center div.selected {
  display: block !important;
}
.mdir-section-head {
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  border-bottom: 5px solid #104b7d;
}
.mdir-section-head h3 {
  font-size: 18px;
  font-weight: bold;
  color: #104b7d;
  line-height: 35px;
}
.mdir-section {
  min-height: 50px;
  max-width: 100%;
  padding: 10px 15px 10px 15px;
  background-color: White;
}
.mdir-section b {
  color: #104b7d;
}
.md-service li {
  margin-bottom: 10px;
}
.mdir-membership {
  margin-top: 5px;
  width: 100%;
}
.mdir-see-more {
  width: 100%;
  margin-top: 5px;
}
.ribbon-container {
  margin-top: 15px;
  width: 100%;
  clear: both;
  content: "";
  display: table;
}
.mdir-ribbons {
  width: 100%;
  padding: 5px 10px 5px 5px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
}
.ribbon-back {
  max-width: 186px;
  line-height: 28px;
  padding-left: 7px;
  margin-bottom: 2px;
  vertical-align: middle;
  background-image: url('/images/sfn/ribbon.gif');
  background-position: 0 0;
}
.award-ribbon {
  background-color: #355E3B;
  color: Gold;
}
.participant-ribbon {
  background-color: #00F;
  color: Gold;
}
.journal-ribbon {
  background-color: Yellow;
  color: #000;
}
.comm-ribbon {
  background-color: Orange;
  color: #FFF;
}
.council-ribbon {
  background-color: #F00;
  color: Gold;
}
.inline-privacy {
  display: inline;
}
.inline-privacy .dropdown {
  display: inline;
}
.demo-pill {
  font-size: 14px;
  line-height: 1.8;
}
.mdir-file-upload {
  position: relative;
  z-index: 100;
}
.more-hidden {
  display: none;
}
.ndpdir-section {
  width: 100%;
  min-height: 100px;
  border: 1px solid #d1d1d1;
  padding: 10px;
  margin-bottom: 10px;
}
.ndpdir-section h3 {
  color: #104b7d;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  margin-top: 0 !important;
}
.ndpdir-spotlight {
  position: relative;
  margin-bottom: 10px;
}
.ndpdir-prog-banner {
  padding: 10px;
  min-height: 100px;
  color: white;
  background-color: #104b7d;
  width: 100%;
}
.ndpdir-prog-banner h3 {
  margin-top: 0 !important;
}
.ndpdir-spotlight-image {
  min-height: 250px;
  padding: 0;
}
.ndpdir-sidebar-controls {
  margin-bottom: 5px;
}
.ndpdir-contact-item {
  margin-bottom: 10px;
}
.ndpdir-checklist-primary,
.ndpdir-checklist-select {
  white-space: nowrap;
}
.ndpdir-checklist-primary tr,
.ndpdir-checklist-select tr {
  height: 30px;
}
.ndp-checklist-box tr {
  height: 30px;
}
.ndp-checklist-box input {
  margin-left: -10px;
}
.ndp-checklist-box label {
  padding-left: 10px;
  font-size: 75%;
  white-space: normal;
}
.ndpdir-image-item {
  display: inline-block;
  width: 150px;
  height: 250px;
}
.ndpdir-image-item-radio {
  height: 50px;
  padding-left: 74px;
}
.ndpdir-remove-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 110px;
  z-index: 500;
}
.ndpdir-spotlight .carousel-control {
  display: inline-block;
}
.ndpdir-slide {
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.ndpdir-slide-image {
  position: absolute;
}
.ndpdir-area-top {
  color: red;
}
@media (min-width: 992px) {
  .mdir-membership {
    max-height: 40px;
  }
}
@media (max-width: 480px) {
  .demo-pill {
    font-size: 13px;
  }
}
@media (max-width: 320px) {
  .demo-pill {
    font-size: 12px;
  }
}