body {
  font: 100% Arial, Helvetica, "sofia_pro_lightregular", sans-serif;
  color: #333;
  background: url("../images/bg-body.png") repeat scroll 0 0 #333;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.text-white {
  color: #fff; }

.italic {
  font-style: italic; }

.border-dashed {
  border-bottom: 1px dashed; }

.sr-only-focusable {
  color: #ffffff !important; }

.note {
  font-size: 10px !important;
  line-height: 10px !important;
  margin-top: 5%; }

.note2 {
  font-size: 10px !important;
  line-height: 10px !important;
  margin: 10px; }

.table-note {
  font-size: 10px;
  line-height: 1.6em;
  margin-top: -10px;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .table-note {
      font-size: 8px; } }

.divider {
  background-color: #b6bdc8;
  display: block;
  width: 97%;
  height: 1px;
  margin: 0 auto; }

.full-width {
  width: 100%;
  margin: 0 auto; }

sub,
sup {
  font-size: 0.6em;
  line-height: 0.5em !important;
  vertical-align: baseline;
  position: relative;
  top: -0.6em !important; }

sub {
  top: 0.5em; }

.super {
  font-size: 0.5em;
  line-height: 0.5em !important;
  vertical-align: baseline;
  position: relative;
  top: -0.5em !important; }

.super-small {
  font-size: 0.5em;
  line-height: 1em !important;
  vertical-align: baseline;
  position: relative;
  top: -1em !important; }

.noscroll {
  position: fixed;
  overflow-y: scroll; }

.remove-scrollbar {
  overflow: hidden; }

.overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  filter: alpha(opacity=40);
  /* For IE8 and earlier */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: -webkit-calc(100% + 60px);
  height: calc(100% + 60px);
  z-index: 11;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
  content: '';
  display: block;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease; }

.blue {
  background-color: #0068b3; }

.bleu {
  background-color: #91d1ff; }

.blue-light {
  background-color: #dbe9f1; }

.btn-primary {
  height: 47px;
  background: none !important;
  background-color: #1784c7 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
  color: #fff !important;
  border-radius: 0.25em !important;
  padding: 12px 25px !important;
  border: 1px solid #1784c7 !important;
  display: block !important;
  font-family: arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  transition: all 0.2s ease 0s; }
  .btn-primary:hover {
    background-color: #0072bc !important; }
  .btn-primary:active {
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    -o-transform: scale(0.97);
    transform: scale(0.97); }
  .btn-primary .arrow {
    line-height: 1em;
    vertical-align: baseline;
    position: relative;
    top: -0.13em; }

.btn-gamecocks {
  height: 47px;
  background: none !important;
  background-color: #aa3042 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
  color: #fff !important;
  border-radius: 0.25em !important;
  padding: 12px 25px !important;
  border: 1px solid #871c2c !important;
  display: block !important;
  font-family: arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  transition: all 0.2s ease 0s; }
  .btn-gamecocks:hover {
    background-color: #9a3140 !important; }
  .btn-gamecocks:active {
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    -o-transform: scale(0.97);
    transform: scale(0.97); }
  .btn-gamecocks .arrow {
    line-height: 1em;
    vertical-align: baseline;
    position: relative;
    top: -0.13em; }

.btn-default {
  background: none !important;
  background-color: #ccc !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  color: #fff !important;
  border-radius: 0.25em !important;
  padding: 12px 25px !important;
  border: 1px solid #ccc !important;
  display: block !important;
  font-family: arial, helvetica, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  float: right;
  margin-left: 10px;
  transition: all 0.2s ease 0s; }
  .btn-default:hover {
    background-color: #999 !important;
    border: 1px solid #999 !important; }
  .btn-default:active {
    -webkit-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -ms-transform: scale(0.97);
    -o-transform: scale(0.97);
    transform: scale(0.97); }

.btn-primary.disabled,
.btn-primary[disabled] {
  background: none !important;
  background-color: #c1c1c1 !important;
  border: 1px solid #ddd !important; }
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover {
    background-color: #c1c1c1 !important;
    pointer-events: visible;
    cursor: not-allowed; }

.btn-anchor {
  background: none !important;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  font: inherit;
  cursor: pointer; }

.alert {
  font-size: 13px;
  padding: 10px;
  margin: 20px; }

.mapit a {
  font-size: 10px;
  position: relative;
  bottom: 2px;
  color: #34495e !important;
  border-bottom: 1px solid #34495e !important; }
  .mapit a:hover {
    background-color: transparent !important;
    color: #91d1ff !important;
    padding: 0;
    border-bottom: 1px solid #91d1ff !important; }

.bs-sidebar.affix {
  top: 300px;
  z-index: 120; }

.list-none {
  list-style: none; }

#header {
  background-color: #0068b3; }
  #header .container {
    padding: 0; }
    #header .container span a {
      display: block;
      text-align: center;
      margin: 20px 0 30px;
      padding: 0; }
      #header .container span a img {
        height: auto;
        width: 75%;
        max-width: 447px; }
  #header .nav-wrapper {
    background-color: #91d1ff; }
    #header .nav-wrapper .navbar {
      margin: 0;
      background: none;
      border: 0 none;
      border-radius: 0;
      box-shadow: none;
      font: 16px arial, sans-serif;
      font-weight: 700;
      text-transform: uppercase; }
      #header .nav-wrapper .navbar .navbar-nav {
        float: none;
        margin: 0 auto;
        width: 730px; }
        #header .nav-wrapper .navbar .navbar-nav .caret {
          margin-bottom: 2px; }
        @media (max-width: 767px) {
          #header .nav-wrapper .navbar .navbar-nav {
            width: auto;
            font-size: 13px;
            letter-spacing: 1px;
            text-shadow: none !important; }
            #header .nav-wrapper .navbar .navbar-nav .caret {
              float: right;
              margin-top: 8px; } }
        #header .nav-wrapper .navbar .navbar-nav .search {
          background-color: #d9f2ff;
          margin: 10px;
          height: 30px;
          border-radius: 10px;
          margin-top: 13px; }
          #header .nav-wrapper .navbar .navbar-nav .search a {
            padding: 6px 16px;
            text-shadow: none; }
          #header .nav-wrapper .navbar .navbar-nav .search i {
            color: #0068b3;
            font-size: 15px; }
            @media (max-width: 767px) {
              #header .nav-wrapper .navbar .navbar-nav .search i {
                color: #333; } }
          #header .nav-wrapper .navbar .navbar-nav .search a.dropdown-toggle {
            border-radius: 10px 10px 0 0; }
            @media (max-width: 767px) {
              #header .nav-wrapper .navbar .navbar-nav .search a.dropdown-toggle {
                background-color: transparent; } }
          @media (max-width: 767px) {
            #header .nav-wrapper .navbar .navbar-nav .search.open a.dropdown-toggle {
              background-color: transparent; } }
          #header .nav-wrapper .navbar .navbar-nav .search .dropdown-menu {
            border-radius: 10px 0 10px 10px;
            padding: 20px;
            width: 410px;
            left: -364px; }
            @media (max-width: 767px) {
              #header .nav-wrapper .navbar .navbar-nav .search .dropdown-menu {
                width: 100%;
                background: none;
                padding: 0;
                box-shadow: none;
                margin: 10px 0; } }
          #header .nav-wrapper .navbar .navbar-nav .search input {
            height: 30px;
            float: left;
            width: 75%; }
            @media (max-width: 767px) {
              #header .nav-wrapper .navbar .navbar-nav .search input {
                width: 100%; } }
          #header .nav-wrapper .navbar .navbar-nav .search .button {
            float: left;
            width: 20%;
            height: 30px;
            border-radius: 5px;
            color: #fff;
            border: 0 none;
            margin-left: 10px;
            background-color: #93DE00; }
            #header .nav-wrapper .navbar .navbar-nav .search .button:hover {
              background-color: #96D343; }
            @media (max-width: 767px) {
              #header .nav-wrapper .navbar .navbar-nav .search .button {
                margin: 10px 0;
                width: 100%; } }
          #header .nav-wrapper .navbar .navbar-nav .search .searchlabel {
            background: none;
            color: #999;
            position: absolute;
            overflow: hidden;
            clip: rect(0 0 0 0);
            height: 1px;
            width: 1px;
            margin: -1px;
            padding: 0;
            border: 0; }
          #header .nav-wrapper .navbar .navbar-nav .search .gsc-input {
            text-indent: 0 !important; }
          #header .nav-wrapper .navbar .navbar-nav .search .gcsc-branding {
            display: none; }
        #header .nav-wrapper .navbar .navbar-nav > li > a {
          color: #fff;
          box-shadow: none;
          padding-top: 19px;
          padding-bottom: 16px;
          text-shadow: -1px -1px 0 #8dcefe, 1px -1px 0 #8dcefe, -1px 1px 0 #8dcefe, 1px 1px 0 #8dcefe; }
          #header .nav-wrapper .navbar .navbar-nav > li > a:hover {
            color: #0068b3;
            text-shadow: none; }
          @media (max-width: 767px) {
            #header .nav-wrapper .navbar .navbar-nav > li > a {
              text-shadow: none;
              background-color: #49494B; }
              #header .nav-wrapper .navbar .navbar-nav > li > a:hover {
                color: #fff;
                background-color: #585859; } }
        #header .nav-wrapper .navbar .navbar-nav > li.open > a.dropdown-toggle {
          color: #0068b3;
          background-color: #fff;
          text-shadow: none; }
          @media (max-width: 767px) {
            #header .nav-wrapper .navbar .navbar-nav > li.open > a.dropdown-toggle {
              background-color: #0068b3;
              color: #fff;
              text-shadow: none; } }
        #header .nav-wrapper .navbar .navbar-nav > li.open .caret {
          border-top-width: 0;
          border-bottom: 4px solid #0068b3; }
          @media (max-width: 767px) {
            #header .nav-wrapper .navbar .navbar-nav > li.open .caret {
              border-bottom: 4px solid #fff;
              float: right; } }
        #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu {
          border: 0 none;
          box-shadow: 0 5px 5px rgba(68, 68, 68, 0.3); }
          @media (max-width: 767px) {
            #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu {
              background-color: #fff;
              padding: 0;
              box-shadow: none;
              font-size: 12px;
              letter-spacing: 0.5px; } }
          #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li a {
            color: #0068b3;
            padding: 10px 25px 8px;
            text-transform: none;
            border-bottom: 1px solid #e2e6e8;
            margin: 0 10px;
            line-height: 25px;
            font-weight: 500; }
            #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li a > i {
              color: #ccc;
              display: block;
              width: 25px;
              float: left;
              font-size: 14px;
              margin-left: -12px;
              line-height: 25px; }
            #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li a:hover {
              color: #0068b3;
              background: #d9f2ff;
              border-left: 10px solid #d9f2ff;
              margin-left: 0;
              border-right: 10px solid #d9f2ff;
              margin-right: 0;
              border-top: 1px solid #d9f2ff;
              margin-top: -1px; }
              #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li a:hover > i {
                color: #0068b3; }
          #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li:last-child a {
            border-bottom: none; }
          #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li .active {
            color: #efefef;
            cursor: default;
            background-color: #0068b3;
            border-left: 10px solid #0068b3;
            margin-left: 0;
            border-right: 10px solid #0068b3;
            margin-right: 0;
            border-top: 1px solid #0068b3;
            margin-top: -1px;}
            #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li .active > i {
              color: #efefef; }
            #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li .active:hover {
              background-color: #0068b3;
              color: #efefef;
              margin-top: -1px;
              text-shadow: none;
              border-top: 1px solid #0068b3;
              border-left: 10px solid #0068b3;
              border-right: 10px solid #0068b3; }
              #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li .active:hover > i {
                color: #efefef; }
              #header .nav-wrapper .navbar .navbar-nav > li .dropdown-menu li .active:hover.first-element {
                border-top: 1px solid #fff; }
      #header .nav-wrapper .navbar .navbar-toggle {
        background-color: #0068b3;
        border: 0 none; }
        #header .nav-wrapper .navbar .navbar-toggle .icon-bar {
          background-color: #fff; }
      #header .nav-wrapper .navbar .dropdown-menu .divider {
        margin: 0;
        padding: 2px;
        height: 2px;
        background-color: rgba(130, 166, 190, 0.5); }

@media (max-width: 767px) {
  .navbar-default {
    border-color: #91d1ff;
    padding: 0; }
    .navbar-default .dropdown {
      border-bottom: 1px solid #000;
      border-top: 1px solid #999;
      background-color: #ccc !important; }
      .navbar-default .dropdown:last-child {
        border-bottom: none; }
    .navbar-default .slide-header {
      display: block;
      height: 70px;
      padding: 0 15px 20px;
      margin-bottom: 2px;
      border-bottom: 1px solid #49494B;
      background-color: #3F3F40;
      -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75);
      box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.75);
      z-index: 12; }
      .navbar-default .slide-header span {
        color: #fff;
        font-size: 30px;
        text-transform: none;
        line-height: 70px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); }
      .navbar-default .slide-header .nav-close {
        font-size: 15px;
        padding: 0;
        background-color: transparent !important;
        color: #fff;
        border: none;
        line-height: 40px;
        float: right; }
        .navbar-default .slide-header .nav-close:hover {
          color: #000 !important; }
    .navbar-default .slide-footer {
      width: 100%;
      display: block;
      height: 250px;
      content: ''; }
  .navbar-collapse {
    position: fixed;
    width: 260px;
    top: 0;
    right: -260px;
    min-height: 100%;
    border-top: none;
    margin: 0;
    padding: 0; }
  .navbar-collapse.in {
    right: 0;
    transition: right 0.1s linear;
    z-index: 13;
    background-color: #49494B;
    padding: 0;
    margin: 0;
    overflow: auto;
    -webkit-box-shadow: -4px 0 9px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -4px 0 9px -3px rgba(0, 0, 0, 0.5);
    box-shadow: -4px 0 9px -3px rgba(0, 0, 0, 0.5); }
  .navbar-collapse.collapsing {
    -webkit-transition: height 0.01s;
    -moz-transition: height 0.01s;
    -ms-transition: height 0.01s;
    -o-transition: height 0.01s;
    transition: height 0.01s; } }

@media (min-width: 768px) {
  .navbar-default .navbar-collapse .slide-header {
    display: none; } }

.wrapper {
  background: url("../images/bg-wrapper.png") repeat scroll 0 0 transparent;
  padding-bottom: 0; }

.item {
  max-height: 400px; }
  .item img {
    width: 100%;
    position: relative; }
  @media (max-width: 767px) {
    .item {
      position: relative; }
      .item img.standard {
        max-width: 200%;
        width: 200%;
        left: -70%; } }
  @media (min-width: 767px) {
    .item {
      position: relative; }
      .item img.standard {
        top: -100px; } }
  @media (min-width: 70em) {
    .item {
      position: relative; }
      .item img.standard {
        top: -300px; } }
  @media (min-width: 80em) {
    .item {
      position: relative; }
      .item img.standard {
        top: -400px; } }

.carousel.fade {
  opacity: 1; }

.carousel.fade .item {
  -moz-transition: opacity ease-in-out 0.7s;
  -o-transition: opacity ease-in-out 0.7s;
  -webkit-transition: opacity ease-in-out 0.7s;
  transition: opacity ease-in-out 0.7s;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important; }

.carousel.fade .item:first-child {
  top: auto;
  position: relative; }

.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 0.7s;
  -o-transition: opacity ease-in-out 0.7s;
  -webkit-transition: opacity ease-in-out 0.7s;
  transition: opacity ease-in-out 0.7s; }

.carousel-caption {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0 !important;
  top: 8%;
  bottom: auto; }
  .carousel-caption h1 {
    color: #fff;
    text-align: center;
    background-color: #1784c7;
    font-size: 36px;
    line-height: 1em;
    text-shadow: 1px 1px 0 #1784c7, 2px 3px 0 #046398;
    margin: 0 0 20px;
    padding: 20px;
    font-family: arial, sans-serif;
    font-weight: 700; }
    @media (max-width: 885px) {
      .carousel-caption h1 {
        font-size: 24px;
        padding: 15px 20px; } }
  .carousel-caption p {
    text-align: center;
    font-size: 18px;
    margin: 20px 30px;
    line-height: 1.3em;
    color: #333333;
    text-shadow: none; }
    @media (max-width: 767px) {
      .carousel-caption p {
        font-size: 14px; } }
  .carousel-caption .btn {
    float: none;
    display: inline-block;
    width: 80%;
    margin: 10px auto 20px; }
  @media (min-width: 885px) {
    .carousel-caption {
      position: absolute;
      right: 15%;
      top: 5%;
      width: 400px;
      left: auto;
      padding: 30px; } }

.carousel-indicators {
  bottom: 8%;
  z-index: 10; }
  @media (max-width: 885px) {
    .carousel-indicators {
      bottom: 17%; } }
  @media (max-width: 30em) {
    .carousel-indicators {
      display: none; } }
  .carousel-indicators li {
    margin: 0 2px;
    width: 30px;
    height: 3px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.5);
    border: none; }
    .carousel-indicators li.active {
      margin: 0 2px;
      width: 30px;
      height: 3px;
      background-color: #fff; }

.carousel-control {
  background-color: transparent;
  border: none; }

.shadow-hover:hover {
  text-shadow: 2px 2px 2px #a8d5f7;
  }

#notice {
  display: none;
  width: 100%;
  background-color: #ad1800;
  padding: 12px 8px; }
  #notice.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000; }
  #notice #close {
    float: right;
    position: relative;
    top: 0;
    right: -15px; }
    #notice #close a {
      color: #ffffff;
      font-size: 15px; }
      #notice #close a:hover {
        color: #efa3a9 !important; }
  #notice #info {
    display: block;
    margin: 5px 40px; }
    #notice #info p {
      font-size: 14px;
      color: #fff;
      text-align: center;
      font-family: Helvetica, sans-serif; }
      #notice #info p i {
        padding-right: 5px; }
      @media (max-width: 30em) {
        #notice #info p {
          font-size: 11px; } }
    @media (max-width: 30em) {
      #notice #info {
        margin: 5px 15px; } }
    #notice #info a {
      font-style: italic;
      border-bottom: 1px dashed;
      padding: 0 1px 2px;
      color: #fff; }
      #notice #info a:hover {
        border-bottom: 1px solid;
        padding-bottom: 2px;
        text-decoration: none; }

.notice {
  width: 70%;
  max-width: 95em;
  border-radius: 2px;
  background-color: #ad1800;
  color: #fff;
  opacity: 0.9;
  box-shadow: 0 0 15px #fff;
  position: relative;
  top: -50px;
  margin: 0 auto;
  padding: 10px;
  display: block; }
  @media (max-width: 60em) {
    .notice {
      width: 70%;
      padding: 10px 30px; } }
  @media (max-width: 885px) {
    .notice {
      width: 60%;
      padding: 10px; } }
  @media (max-width: 610px) {
    .notice {
      width: 75%; } }
  @media (max-width: 30em) {
    .notice {
      margin-top: 20px; } }
  .notice .info {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    vertical-align: middle;
    padding: 10px 0 2px 15px;
    text-align: center; }
    .notice .info strong {
      font-size: 14px;
      margin-right: 10px; }
      .notice .info strong .fa-warning {
        margin-right: 10px; }

#quicklinks {
  text-align: center;
  padding-bottom: 5%; }
  #quicklinks img {
    max-width: 100%; }
  #quicklinks h2 {
    font-family: 'blaine', Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin: 10px 0 0;
    color: #0068b3; }
  #quicklinks a p {
    color: #000;
    font-size: 1.5em;
    margin: 10px 25px;
    line-height: 1.5em; }
  #quicklinks a:hover {
    text-decoration: none; }
    #quicklinks a:hover h2 {
      /*color: #f19742;*/
      color: #0068b3; }

.panel-group h4 {
  color: #6a788c;
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 5px;
  margin-top: 30px !important; }
  .panel-group h4:first-child {
    margin-top: 0 !important; }
  @media (max-width: 30em) {
    .panel-group h4 {
      font-size: 13px; } }

.panel-group .panel.panel-default {
  /* accordion menu panels */
  border: none; }
  .panel-group .panel.panel-default .panel-heading {
    margin: 0;
    padding: 0; }
    .panel-group .panel.panel-default .panel-heading a {
      padding: 15px 10px 15px 20px;
      display: block;
      background-color: #1784c7;
      color: #fff !important;
      border: none !important;
      text-decoration: none;
      font-size: 18px;
      text-transform: uppercase; }
      .panel-group .panel.panel-default .panel-heading a:hover {
        background-color: #0068b3 !important;
        padding: 15px 10px 15px 20px !important; }
      .panel-group .panel.panel-default .panel-heading a .glyphicon {
        line-height: 25px;
        float: right;
        font-size: 12px;
        margin-right: 20px; }
        @media (max-width: 30em) {
          .panel-group .panel.panel-default .panel-heading a .glyphicon {
            line-height: 18px;
            font-size: 10px;
            margin-right: 10px; } }
      @media (max-width: 30em) {
        .panel-group .panel.panel-default .panel-heading a {
          font-size: 13px; } }
  .panel-group .panel.panel-default .panel-body {
    padding: 0; }
    .panel-group .panel.panel-default .panel-body table {
      margin: 0;
      border-top: none; }
      .panel-group .panel.panel-default .panel-body table td,
      .panel-group .panel.panel-default .panel-body table th,
      .panel-group .panel.panel-default .panel-body table tr {
        padding-left: 20px; }

.panel-group .panel.panel-alt {
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
  .panel-group .panel.panel-alt:hover {
    box-shadow: 0 0 10px rgba(68, 68, 68, 0.2) !important;
    transition-duration: 0.5s; }
  .panel-group .panel.panel-alt .panel-heading {
    margin: 0;
    padding: 0; }
    .panel-group .panel.panel-alt .panel-heading a {
      padding: 20px 30px;
      display: table;
      background-color: #fff;
      border: none !important;
      text-decoration: none;
      font-size: 20px;
      width: 100%;
      line-height: 25px; }
      .panel-group .panel.panel-alt .panel-heading a:hover {
        /*color: #f19742 !important;*/
        color: #0068b3 !important;
        background-color: #fff !important;
        padding: 20px 30px !important; }
      .panel-group .panel.panel-alt .panel-heading a:active {
        border-bottom: none !important; }
      .panel-group .panel.panel-alt .panel-heading a .glyphicon {
        width: 8%;
        font-size: 12px;
        display: table-cell;
        vertical-align: middle;
        text-align: right; }
        @media (max-width: 30em) {
          .panel-group .panel.panel-alt .panel-heading a .glyphicon {
            font-size: 10px;
            margin-right: 0;
            right: -10px; } }
      @media (max-width: 30em) {
        .panel-group .panel.panel-alt .panel-heading a {
          font-size: 13px;
          line-height: 15px; } }
  .panel-group .panel.panel-alt .panel-body {
    border: none;
    padding: 10px 30px 20px; }

.panel-group .panel.panel-alt2 {
  border: none;
  margin-bottom: 10px;
  box-shadow: none; }
  .panel-group .panel.panel-alt2 .panel-heading {
    margin: 0;
    padding: 0; }
    .panel-group .panel.panel-alt2 .panel-heading a {
      padding: 10px;
      display: table;
      background-color: #fff;
      border: none !important;
      text-decoration: none;
      font-size: 15px;
      width: 100%;
      line-height: 25px; }
      .panel-group .panel.panel-alt2 .panel-heading a:hover {
        /*color: #f19742 !important;*/
        color: #0068b3 !important;
        background-color: #fff !important;
        padding: 10px !important; }
      .panel-group .panel.panel-alt2 .panel-heading a:active {
        border-bottom: none !important; }
      .panel-group .panel.panel-alt2 .panel-heading a .fa {
        font-size: 14px;
        padding-left: 10px; }
        @media (max-width: 30em) {
          .panel-group .panel.panel-alt2 .panel-heading a .fa {
            font-size: 10px;
            margin-right: 0;
            right: -10px; } }
      @media (max-width: 30em) {
        .panel-group .panel.panel-alt2 .panel-heading a {
          font-size: 13px;
          line-height: 15px; } }
  .panel-group .panel.panel-alt2 .panel-body {
    border: none;
    padding: 0; }

#main {
  background-color: #f3f3f5; }
  #main #h1-wrap {
    background-color: #fff;
    width: 100%; }
    @media (max-width: 30em) {
      #main #h1-wrap {
        border-top: 1px solid #91d1ff; } }
  #main #error-404-wrap {
    background: url("/images/bg-404.png") repeat scroll;
    background-color: #fff;
    width: 100%;
    height: 300px; }
    #main #error-404-wrap img {
      max-width: 100%;
      margin: 0 auto;
      display: block;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      padding: 30px; }
  #main #main-wrap #error-404-message {
    background-color: #fff;
    width: 70%;
    display: block;
    position: relative;
    top: -20px;
    border-radius: 5px;
    box-shadow: 0 2px 7px 3px rgba(0, 0, 0, 0.1);
    padding: 50px;
    margin: 0 auto; }
    #main #main-wrap #error-404-message h3 {
      font-family: 'blaine';
      text-transform: uppercase;
      color: #fff;
      font-weight: 700;
      font-size: 35px;
      text-align: center;
      position: relative;
      top: -50px;
      margin: 0 -50px -40px;
      background-color: #0068b3;
      padding: 15px; }
      @media (max-width: 30em) {
        #main #main-wrap #error-404-message h3 {
          font-size: 22px; } }
    #main #main-wrap #error-404-message h4 {
      font-size: 18px;
      text-transform: uppercase; }
      @media (max-width: 30em) {
        #main #main-wrap #error-404-message h4 {
          font-size: 15px; } }
    #main #main-wrap #error-404-message p {
      font-size: 15px;
      line-height: 22px; }
      @media (max-width: 30em) {
        #main #main-wrap #error-404-message p {
          font-size: 12px; } }
    @media (max-width: 60em) {
      #main #main-wrap #error-404-message {
        width: 100%; } }
  #main h1 {
    color: #97b5ca;
    font: 24px arial, sans-serif;
    font-weight: 400;
    background-color: #fff;
    padding: 12px 0 10px;
    margin: 0 auto;
    width: 85%;
    max-width: 900px; }
  #main #main-wrap {
    margin: 0 auto;
    padding: 0 0 20px;
    width: 85%;
    max-width: 900px; }
    #main #main-wrap a {
      /*color: #f19742;*/
      color: #0068b3;
      /*border-bottom: 1px solid #fee1c6;*/
      border-bottom: 1px solid #d9f2ff; }
      #main #main-wrap a:hover {
        color: #333;
        /*background-color: #fee1c6;
        background-color: #d9f2ff;*/
        padding: 2px 0;
        text-decoration: underline; }
    .app-link {
      color: #0068b3;
      border-bottom: 1px solid #d9f2ff;
      cursor: pointer;
    }
    .app-link:hover {
      color: #333;
      padding: 2px 0;
      text-decoration: underline;
    }
    #main #main-wrap .img-right {
      float: right;
      max-width: 100%;
      margin: 0 0 20px 20px; }
      #main #main-wrap .img-right:hover {
        background: none;
        padding: 0;
        text-decoration: none; }
      @media (max-width: 30em) {
        #main #main-wrap .img-right {
          float: none;
          margin: 0 0 20px;
          width: 100%; } }
      @media (min-width: 767px) {
        #main #main-wrap .img-right {
          width: 60%; } }
    #main #main-wrap .img-right-small {
      float: right;
      max-width: 45%;
      margin: 0 0 20px 20px; }
      #main #main-wrap .img-right-small:hover {
        background: none;
        padding: 0;
        text-decoration: none; }
      @media (max-width: 30em) {
        #main #main-wrap .img-right-small {
          max-width: 100%;
          float: none;
          margin: 0 0 20px; } }
    #main #main-wrap .img-right-xsmall {
      float: right;
      max-width: 40%;
      margin: 0 0 20px 20px; }
      #main #main-wrap .img-right-xsmall:hover {
        background: none;
        padding: 0;
        text-decoration: none; }
      @media (max-width: 30em) {
        #main #main-wrap .img-right-xsmall {
          max-width: 100%;
          float: none;
          margin: 0 0 20px; } }
    #main #main-wrap .img-logo-right {
      float: right;
      max-width: 25%;
      margin: 0 0 20px 20px; }
      #main #main-wrap .img-logo-right:hover {
        background: none;
        padding: 0;
        text-decoration: none; }
      @media (max-width: 60em) {
        #main #main-wrap .img-logo-right {
          max-width: 45%; } }
      @media (max-width: 30em) {
        #main #main-wrap .img-logo-right {
          max-width: 100%;
          float: none;
          margin: 0 0 20px; } }
    #main #main-wrap .section-head {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      padding: 10px 0;
      margin: 20px 0;
      border-top: 1px solid #999;
      border-bottom: 1px solid #999; }
    #main #main-wrap .modal .modal-dialog .modal-content .modal-header {
      border-bottom: none;
      margin: 0; }
    #main #main-wrap .modal .modal-dialog .modal-content .modal-body img {
      width: 100%;
      margin-top: -10px; }
    #main #main-wrap #creditBureauModal .modal-dialog {
      width: 75%; }
      #main #main-wrap #creditBureauModal .modal-dialog .modal-header {
        padding: 0 20px; }
      #main #main-wrap #creditBureauModal .modal-dialog table {
        width: 100%; }
        #main #main-wrap #creditBureauModal .modal-dialog table th {
          font-size: 13px;
          background-color: rgba(130, 166, 190, 0.25);
          padding: 10px;
          border-right: 1px solid #fff;
          text-transform: uppercase;
          line-height: 12px; }
          #main #main-wrap #creditBureauModal .modal-dialog table th:last-child {
            border-right: none; }
        #main #main-wrap #creditBureauModal .modal-dialog table tbody {
          background-color: #fff; }
          #main #main-wrap #creditBureauModal .modal-dialog table tbody tr {
            font-size: 12px;
            border-bottom: 1px solid #dedede;
            border-spacing: 10px;
            height: 50px; }
            #main #main-wrap #creditBureauModal .modal-dialog table tbody tr td {
              padding: 10px; }
            #main #main-wrap #creditBureauModal .modal-dialog table tbody tr:last-child {
              border-bottom: none; }
            #main #main-wrap #creditBureauModal .modal-dialog table tbody tr:nth-child(2n) {
              background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0; }
        @media (max-width: 767px) {
          #main #main-wrap #creditBureauModal .modal-dialog table {
            overflow-x: auto;
            display: block; } }
      @media (max-width: 767px) {
        #main #main-wrap #creditBureauModal .modal-dialog {
          width: 95%; } }
      @media (min-width: 70em) {
        #main #main-wrap #creditBureauModal .modal-dialog {
          max-width: 850px; } }
    #main #main-wrap .img-2column {
      width: 60%;
      float: right;
      margin: 5px 10px 0 20px; }
      @media (max-width: 30em) {
        #main #main-wrap .img-2column {
          display: none; } }
      @media (max-width: 767px) {
        #main #main-wrap .img-2column {
          width: 65%; } }
    #main #main-wrap .info-box {
      border-left: 3px solid #93DE00;
      padding-left: 20px;
      margin: 20px;
      width: 55%; }
      #main #main-wrap .info-box h5 {
        font: 20px arvo, serif; }
      #main #main-wrap .info-box ul {
        font-size: 14px;
        line-height: 20px;
        padding-left: 15px;
        list-style: circle; }
        #main #main-wrap .info-box ul li {
          padding-bottom: 10px; }
      @media (max-width: 767px) {
        #main #main-wrap .info-box {
          width: 90%; } }
    #main #main-wrap #modal:hover {
      background: transparent; }
    #main #main-wrap .img-phone {
      width: 100%;
      margin-bottom: 20px; }
      @media (min-width: 30em) {
        #main #main-wrap .img-phone {
          display: none; } }
    #main #main-wrap #retirementModal .modal-dialog {
      width: 75%; }
      @media (max-width: 767px) {
        #main #main-wrap #retirementModal .modal-dialog {
          width: 95%; } }
      @media (min-width: 70em) {
        #main #main-wrap #retirementModal .modal-dialog {
          max-width: 850px; } }
    #main #main-wrap .resource-group {
      margin-top: 20px; }
      #main #main-wrap .resource-group .category {
        padding: 5%;
        float: left;
        border: 1px dotted #acacac;
        margin: 15px 0;
        background-color: rgba(255, 255, 255, 0.5); }
        #main #main-wrap .resource-group .category .head {
          background-color: #ffffff;
          margin: -8% -6.5% 0;
          width: 113%;
          float: left;
          padding: 10px;
          border-radius: 5px;
          border: 1px solid #acacac;
          height: 60px; }
          @media (max-width: 767px) {
            #main #main-wrap .resource-group .category .head {
              height: 50px; } }
          #main #main-wrap .resource-group .category .head .icon {
            width: 84px;
            float: left;
            margin: -20px 10px 10px 0; }
            @media (max-width: 767px) {
              #main #main-wrap .resource-group .category .head .icon {
                width: 70px; } }
            @media (max-width: 30em) {
              #main #main-wrap .resource-group .category .head .icon {
                width: 60px;
                margin-top: -18px; } }
          #main #main-wrap .resource-group .category .head h4 {
            color: #0068b3;
            font-size: 2em;
            float: left;
            margin-top: 3px;
            padding: 5px; }
            @media (max-width: 767px) {
              #main #main-wrap .resource-group .category .head h4 {
                font-size: 18px;
                margin-top: 0; } }
        #main #main-wrap .resource-group .category p {
          margin-top: 25px;
          float: left; }
        #main #main-wrap .resource-group .category .button {
          float: right;
          border: 1px outset #0068b3;
          border-radius: 5px;
          box-shadow: 1px 1px 1px #efefef;
          display: block;
          font-size: 1.5em;
          letter-spacing: 0.5px;
          text-align: center;
          text-transform: uppercase;
          width: 145px;
          padding: 10px 0; }
          #main #main-wrap .resource-group .category .button:hover {
            background-color: rgba(130, 166, 190, 0.25);
            border-color: #527293;
            color: #000;
            transition: background-color 0.3s ease 0s; }
    #main #main-wrap .resource-category ul.desktop {
      border: 0 none; }
      #main #main-wrap .resource-category ul.desktop li {
        background-color: #e1e1e1;
        margin: 0 3px 0 0; }
        #main #main-wrap .resource-category ul.desktop li.active > a {
          background-color: #fff;
          border: 0 none;
          padding: 10px 15px;
          color: #000; }
      @media (max-width: 767px) {
        #main #main-wrap .resource-category ul.desktop {
          display: none; } }
    #main #main-wrap .resource-category ul.responsive button {
      padding: 10px; }
    #main #main-wrap .resource-category ul.responsive li {
      background-color: #fff; }
      #main #main-wrap .resource-category ul.responsive li .dropdown-toggle {
        width: 100%;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
      #main #main-wrap .resource-category ul.responsive li ul {
        width: 100%;
        background-color: #fff;
        text-align: center;
        padding: 0; }
        #main #main-wrap .resource-category ul.responsive li ul li a {
          background-color: #fff;
          font-size: 12px;
          text-transform: uppercase;
          color: #000;
          border-top: 1px solid #eee;
          border-bottom: none;
          border-radius: 0;
          padding: 10px 15px;
          background-image: none; }
          #main #main-wrap .resource-category ul.responsive li ul li a:hover {
            background-color: #eee; }
    @media (min-width: 768px) {
      #main #main-wrap .resource-category ul.responsive {
        display: none; } }
    #main #main-wrap .resource-category .desktop a {
      font-size: 12px;
      text-transform: uppercase;
      color: #acacac;
      border: 0 none;
      border-radius: 0;
      padding: 10px 15px; }
      #main #main-wrap .resource-category .desktop a:hover {
        background-color: #fff;
        color: #333;
        -moz-osx-font-smoothing: grayscale;
        transform: translateZ(0px);
        transition-duration: 0.3s;
        transition-property: color, background-color;
        vertical-align: middle; }
    #main #main-wrap .resource-category .tab-content {
      background-color: #fff;
      padding: 30px; }
      @media (max-width: 767px) {
        #main #main-wrap .resource-category .tab-content {
          padding: 20px; } }
      #main #main-wrap .resource-category .tab-content p.introduction:first-letter {
        font-size: 6em;
        margin: 3px -3px -5px 0;
        padding: 0 0.1em 0 0;
        height: 0.7em;
        line-height: 0.65em;
        float: left;
        color: #333;
        font-weight: 700;
        *line-height: 1em;
        /* IE7 Only */ }
      #main #main-wrap .resource-category .tab-content .img-column {
        width: 40%;
        float: right;
        margin: 5px 10px 0 20px; }
        @media (max-width: 30em) {
          #main #main-wrap .resource-category .tab-content .img-column {
            display: none; } }
        @media (max-width: 767px) {
          #main #main-wrap .resource-category .tab-content .img-column {
            width: 50%; } }
      #main #main-wrap .resource-category .tab-content #emergencyModal .modal-dialog {
        width: 75%; }
        @media (max-width: 767px) {
          #main #main-wrap .resource-category .tab-content #emergencyModal .modal-dialog {
            width: 95%; } }
        @media (min-width: 70em) {
          #main #main-wrap .resource-category .tab-content #emergencyModal .modal-dialog {
            max-width: 850px; } }
      #main #main-wrap .resource-category .tab-content #budgeting,
      #main #main-wrap .resource-category .tab-content #credit,
      #main #main-wrap .resource-category .tab-content #debt {
        margin-top: 20px;
        margin-bottom: 20px; }
    #main #main-wrap .youth-category ul.nav {
      border: 0 none; }
      #main #main-wrap .youth-category ul.nav li {
        background-color: #e1e1e1;
        margin: 0 3px 0 0; }
        #main #main-wrap .youth-category ul.nav li a {
          font-size: 12px;
          text-transform: uppercase;
          color: #acacac;
          border: 0 none;
          border-radius: 0;
          padding: 10px 15px; }
          #main #main-wrap .youth-category ul.nav li a:hover {
            background-color: #fff;
            color: #333;
            -moz-osx-font-smoothing: grayscale;
            transform: translateZ(0px);
            transition-duration: 0.3s;
            transition-property: color, background-color;
            vertical-align: middle; }
        #main #main-wrap .youth-category ul.nav li.active > a {
          background-color: #fff;
          border: 0 none;
          padding: 10px 15px;
          color: #000; }
    #main #main-wrap .youth-category .tab-content {
      background-color: #fff;
      padding: 30px; }
      #main #main-wrap .youth-category .tab-content h4 {
        color: #222;
        font-weight: 600; }
        @media (max-width: 767px) {
          #main #main-wrap .youth-category .tab-content h4 {
            font-size: 18px;
            margin-top: 0; } }
      #main #main-wrap .youth-category .tab-content h5 {
        color: #6a788c;
        font-size: 16px;
        text-transform: uppercase; }
      @media (max-width: 767px) {
        #main #main-wrap .youth-category .tab-content {
          padding: 20px; } }
      #main #main-wrap .youth-category .tab-content .icon-btn {
        float: right;
        width: 180px;
        display: block;
        margin-left: 20px; }
        #main #main-wrap .youth-category .tab-content .icon-btn a {
          border: none; }
          #main #main-wrap .youth-category .tab-content .icon-btn a:hover {
            background-color: transparent !important; }
        @media (max-width: 30em) {
          #main #main-wrap .youth-category .tab-content .icon-btn {
            width: 100%;
            margin: 20px 0;
            float: none; }
            #main #main-wrap .youth-category .tab-content .icon-btn a img {
              width: 100%; } }
    #main #main-wrap .quick-tip {
      background-color: #d9f2ff;
      width: 300px;
      margin: 5px 0 10px 20px;
      padding: 5px 0 0;
      font-size: 1em;
      text-align: left;
      float: right; }
      @media (max-width: 767px) {
        #main #main-wrap .quick-tip {
          display: none; } }
      #main #main-wrap .quick-tip h5 {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        float: left;
        display: block;
        padding: 7px 30px;
        background-color: #91d1ff;
        border-radius: 5px;
        margin-left: -5px;
        margin-top: -10px;
        margin-right: 10px; }
        @media (max-width: 767px) {
          #main #main-wrap .quick-tip h5 {
            float: left;
            width: 100%;
            margin: -10px 0 10px;
            padding: 10px;
            text-align: center; } }
      #main #main-wrap .quick-tip img {
        float: right;
        width: 180px;
        position: relative;
        top: -50px;
        right: -20px;
        margin-bottom: -40px; }
        @media (max-width: 60em) {
          #main #main-wrap .quick-tip img {
            top: -30px; } }
        @media (max-width: 767px) {
          #main #main-wrap .quick-tip img {
            display: none; } }
      #main #main-wrap .quick-tip p {
        margin: 15px;
        padding: 20px 0 0 10px;
        font: 1.4em/1.5 "aleo",sans-serif;
        font-spacing: 0.5px;
        font-style: italic;
        font-weight: 600; }
    #main #main-wrap .quick-tip-mobile {
      background-color: #d9f2ff;
      width: 300px;
      margin: 5px 0 10px 20px;
      padding: 5px 0 0;
      font-size: 1em;
      text-align: left;
      float: right; }
      @media (max-width: 767px) {
        #main #main-wrap .quick-tip-mobile {
          margin: 10px 0 20px;
          width: 100%; } }
      @media (min-width: 768px) {
        #main #main-wrap .quick-tip-mobile {
          display: none; } }
      #main #main-wrap .quick-tip-mobile h5 {
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        float: left;
        display: block;
        padding: 7px 30px;
        background-color: #91d1ff;
        border-radius: 5px;
        margin-left: -5px;
        margin-top: -10px;
        margin-right: 10px; }
        @media (max-width: 767px) {
          #main #main-wrap .quick-tip-mobile h5 {
            float: left;
            width: 100%;
            margin: -10px 0 10px;
            padding: 10px;
            text-align: center; } }
      #main #main-wrap .quick-tip-mobile p {
        margin: 15px;
        padding: 20px 0 0 10px;
        font: 1.4em/1.5 "aleo",sans-serif;
        font-spacing: 0.5px;
        font-style: italic;
        font-weight: 600; }
    #main #main-wrap .info-list {
      background: url("../images/bg-info-list.png") repeat scroll;
      background-color: #5f6770;
      width: 100%;
      border-top: 15px solid #565f69;
      margin: 20px 0;
      padding: 15px 30px 30px;
      color: #fff; }
      #main #main-wrap .info-list h4 {
        font-size: 22px;
        margin: 5px auto;
        border-bottom: 1px solid #fff;
        width: 95%;
        padding-bottom: 7px;
        letter-spacing: 0.04em; }
      #main #main-wrap .info-list p {
        padding: 15px 20px; }
      #main #main-wrap .info-list .section {
        border: 1px solid #fff;
        margin: 10px 20px;
        background-color: #fff; }
        #main #main-wrap .info-list .section h6 {
          padding: 10px 30px;
          margin: 0;
          font-size: 18px;
          background-color: #91d1ff;
          color: #34495e; }
        #main #main-wrap .info-list .section p {
          color: #34495e; }
        @media (max-width: 767px) {
          #main #main-wrap .info-list .section {
            margin: 10px 0; } }
      #main #main-wrap .info-list ul {
        color: #F2F2F4;
        list-style: none;
        padding: 0;
        margin: 0; }
        #main #main-wrap .info-list ul li {
          float: left;
          width: 47%;
          margin: 10px; }
          #main #main-wrap .info-list ul li img {
            width: 20%;
            float: left;
            margin-right: 10px; }
            @media (max-width: 60em) {
              #main #main-wrap .info-list ul li img {
                width: 75px; } }
            @media (max-width: 30em) {
              #main #main-wrap .info-list ul li img {
                float: none;
                margin: 0; } }
          #main #main-wrap .info-list ul li div {
            width: 75%;
            float: left; }
            #main #main-wrap .info-list ul li div h5 {
              font-family: 'blaine';
              font-size: 16px;
              font-weight: 500;
              letter-spacing: 0.03em;
              margin-top: 15px; }
              @media (max-width: 30em) {
                #main #main-wrap .info-list ul li div h5 {
                  margin-top: 5px; } }
            #main #main-wrap .info-list ul li div p {
              font-size: 13px;
              display: block;
              padding: 0;
              margin: 0;
              line-height: 1.5em; }
            @media (max-width: 60em) {
              #main #main-wrap .info-list ul li div {
                width: 70%; } }
            @media (max-width: 30em) {
              #main #main-wrap .info-list ul li div {
                width: 100%;
                float: none; } }
          @media (max-width: 60em) {
            #main #main-wrap .info-list ul li {
              width: 100%; } }
      @media (max-width: 30em) {
        #main #main-wrap .info-list {
          text-align: center; }
          #main #main-wrap .info-list h4,
          #main #main-wrap .info-list ul li {
            margin: 10px auto; } }
    #main #main-wrap .location-header {
      width: 100%;
      background-color: #0068b3;
      padding: 10px;
      margin: 2% 0 10px;
      border-radius: 5px;}
      #main #main-wrap .location-header h2 {
        background: transparent;
        max-width: 65%;
        padding: 0;
        margin: 0; }
    #main #main-wrap .location-list {
      padding: 0; }
    #main #main-wrap .location-icon {
      width: 80px;
      height: 42px;
      margin-top: -28px; }
      @media (max-width: 30em) {
        #main #main-wrap .location-icon {
          margin-top: -54px; } }
      @media (max-width: 30em) {
        #main #main-wrap .location-icon.short {
          margin-top: -28px; } }
      #main #main-wrap .location-icon.tall {
        width: 50px;
        height: 50px;
        margin: -40px 15px -10px 0; }
        @media (max-width: 30em) {
          #main #main-wrap .location-icon.tall {
            margin-top: -28px; } }
    #main #main-wrap .inline-icon {
      margin-left: 5px;
      margin-top: -5px; }
    #main #main-wrap .hastip {
      white-space: nowrap; }
    #main #main-wrap h2 {
      font: 20px Helvetica, "sofia_pro_lightregular", sans-serif;
      background-color: #0068b3;
      color: #f5f5f5;
      text-shadow: 1px 1px #333;
      padding: 8px 15px 6px;
      margin: 20px 0;
      border-radius: 5px;
      display: inline-block;
      width: 100%; }
    #main #main-wrap h4 {
      margin-top: 20px; }
    #main #main-wrap p,
    #main #main-wrap ul {
      font: 16px Arial, Helvetica, "sofia_pro_lightregular", sans-serif, sans-serif;
      line-height: 22px;
      font-weight: 300; }
    #main #main-wrap i {
      color: #82a6be; }
    #main #main-wrap .standard-list {
      font-size: 16px;
      line-height: 22px;
      margin: 15px 20% 15px 2%;
      list-style: none; }
      #main #main-wrap .standard-list li::before {
        background-color: #525252;
        content: "";
        display: block;
        height: 6px;
        left: 0;
        position: absolute;
        top: 10px;
        transform: rotate(45deg);
        width: 6px; }
      #main #main-wrap .standard-list li {
        line-height: 24px;
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative; }
      @media (max-width: 30em) {
        #main #main-wrap .standard-list {
          margin: 15px 0; } }
    #main #main-wrap .wide-list {
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 10px; }
      @media (max-width: 30em) {
        #main #main-wrap .wide-list {
          margin-top: 15px;
          margin-right: 30px; } }
    #main #main-wrap .highlight {
      background-color: #d9f2ff;
      padding: 1px; }
    #main #main-wrap .highlight2 {
      background-color: #FFFBCC;
      padding: 1px; }
    #main #main-wrap .content {
      background-color: #ffffff;
      padding: 25px;
      border: 1px solid #ccc; }
    #main #main-wrap #content_2,
    #main #main-wrap #content_3,
    #main #main-wrap #content_5,
    #main #main-wrap #content_6 {
      display: none; }
    #main #main-wrap #map_canvas h4 {
      margin: 0; }
    #main #main-wrap #game {
      display: block;
      margin: 20px 0; }
      #main #main-wrap #game h4 {
        color: #0068b3; }
      #main #main-wrap #game img {
        width: 100%; }
      #main #main-wrap #game .btn {
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px rgba(255, 255, 255, 0.1);
        color: #FFFFFF;
        font: 18px "league-gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
        text-align: center;
        text-transform: uppercase;
        transition: all 0.35s ease 0s; }
        #main #main-wrap #game .btn:hover {
          color: #ccc; }
      #main #main-wrap #game .btn.btn-large {
        font: 20px/1 "league-gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
        padding: 12px 40px 10px; }
      #main #main-wrap #game .btn.btn-blue {
        background: none repeat scroll 0 0 #0072bc; }
    #main #main-wrap #menu-wrap {
      border: 1px solid #ccc;
      background-color: #fff;
      padding: 10px; }
    #main #main-wrap .menu-button-text {
      float: left; }
    #main #main-wrap .rate_content {
      display: none; }
    #main #main-wrap .menu-button {
      width: 100%;
      margin: 10px 0; }
      #main #main-wrap .menu-button .btn {
        float: right;
        border-radius: 4px; }
      #main #main-wrap .menu-button .dropdown-menu {
        background-color: #0079CC;
        min-width: 150px; }
        #main #main-wrap .menu-button .dropdown-menu .menu-active {
          background: #0068b3;
          color: #cbe2f1; }
          #main #main-wrap .menu-button .dropdown-menu .menu-active:hover {
            background: #0068b3;
            color: #cbe2f1;
            cursor: default; }
        #main #main-wrap .menu-button .dropdown-menu li a {
          color: #fff;
          padding: 0 25px;
          border-bottom: 1px solid #228bd2;
          white-space: nowrap;
          line-height: 2.5em; }
          #main #main-wrap .menu-button .dropdown-menu li a:hover {
            color: #fff;
            background: #1e91e0; }
        #main #main-wrap .menu-button .dropdown-menu li:last-child a {
          border-bottom: none; }
    #main #main-wrap .location-list {
      list-style: none;
      font-size: 14px;
      line-height: 16px; }
      #main #main-wrap .location-list li {
        padding: 10px; }
      #main #main-wrap .location-list strong {
        font-size: 18px;
        color: #0068b3; }
    #main #main-wrap .calendar-container .calendar-nav {
      width: 100%;
      height: 50px; }
      #main #main-wrap .calendar-container .calendar-nav h2 {
        color: #0068b3;
        font-size: 23px;
        float: left;
        background: transparent;
        width: 70%;
        text-align: center;
        padding: 0;
        margin: 0;
        line-height: 25px; }
      #main #main-wrap .calendar-container .calendar-nav .custom-prev {
        font-size: 15px;
        line-height: 10px;
        background-color: rgba(130, 166, 190, 0.25);
        text-align: center;
        float: left;
        width: 10%;
        border: 1px solid rgba(130, 166, 190, 0.3);
        padding: 5px;
        margin-left: 5%;
        cursor: pointer;
        display: inline-block;
        border-radius: 10px; }
        #main #main-wrap .calendar-container .calendar-nav .custom-prev i {
          color: #fff; }
        #main #main-wrap .calendar-container .calendar-nav .custom-prev:hover {
          background-color: #1784c7;
          border: 1px solid #157ab8; }
          #main #main-wrap .calendar-container .calendar-nav .custom-prev:hover i {
            color: #fff; }
      #main #main-wrap .calendar-container .calendar-nav .custom-next {
        font-size: 15px;
        line-height: 10px;
        background-color: rgba(130, 166, 190, 0.25);
        text-align: center;
        float: left;
        width: 10%;
        border: 1px solid rgba(130, 166, 190, 0.3);
        padding: 5px;
        margin-right: 5%;
        cursor: pointer;
        display: inline-block;
        border-radius: 10px; }
        #main #main-wrap .calendar-container .calendar-nav .custom-next i {
          color: #fff; }
        #main #main-wrap .calendar-container .calendar-nav .custom-next:hover {
          background-color: #1784c7;
          border: 1px solid #157ab8; }
          #main #main-wrap .calendar-container .calendar-nav .custom-next:hover i {
            color: #fff; }
    #main #main-wrap .calendar-container #calendar {
      width: 100%; }
      #main #main-wrap .calendar-container #calendar div,
      #main #main-wrap .calendar-container #calendar div > div span {
        overflow: hidden; }
        #main #main-wrap .calendar-container #calendar div i,
        #main #main-wrap .calendar-container #calendar div > div span i {
          font-size: 14px;
          color: #fff;
          padding-right: 5px; }
        @media (max-width: 60em) {
          #main #main-wrap .calendar-container #calendar div,
          #main #main-wrap .calendar-container #calendar div > div span {
            font-size: 10px; } }
      #main #main-wrap .calendar-container #calendar .fc-calendar {
        background: rgba(255, 255, 255, 0.7);
        border-radius: 0.25em;
        font-size: 11px;
        font-spacing: 1px; }
        #main #main-wrap .calendar-container #calendar .fc-calendar a {
          color: #fff;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
          border: 1px solid #1266BA;
          background: #1784c7;
          width: 100%;
          font-weight: 500; }
          #main #main-wrap .calendar-container #calendar .fc-calendar a:hover {
            background-color: #1266BA;
            border: 1px solid #1266BA;
            padding: 3px 5px; }
          @media (max-width: 60em) {
            #main #main-wrap .calendar-container #calendar .fc-calendar a {
              font-size: 10px; }
              #main #main-wrap .calendar-container #calendar .fc-calendar a:last-child {
                margin-top: 10px; } }
          @media (min-width: 60em) {
            #main #main-wrap .calendar-container #calendar .fc-calendar a {
              margin-bottom: 10px; } }
        #main #main-wrap .calendar-container #calendar .fc-calendar .pink {
          background-color: #F592BB;
          border: 1px solid #F27BAA; }
          #main #main-wrap .calendar-container #calendar .fc-calendar .pink:hover {
            background-color: #F27BAA;
            border: 1px solid #F27BAA; }
        #main #main-wrap .calendar-container #calendar .fc-calendar .red {
          background-color: #D93240;
          border: 1px solid #BC171C; }
          #main #main-wrap .calendar-container #calendar .fc-calendar .red:hover {
            background-color: #BC171C;
            border: 1px solid #BC171C; }
        #main #main-wrap .calendar-container #calendar .fc-calendar .yellow {
          background-color: #F2C572;
          border: 1px solid #F2B33D; }
          #main #main-wrap .calendar-container #calendar .fc-calendar .yellow:hover {
            background-color: #F2B33D;
            border: 1px solid #F2B33D; }
        #main #main-wrap .calendar-container #calendar .fc-calendar .green {
          background-color: #12a764;
          border: 1px solid #108a53; }
          #main #main-wrap .calendar-container #calendar .fc-calendar .green:hover {
            background-color: #108a53;
            border: 1px solid #108a53; }
        #main #main-wrap .calendar-container #calendar .fc-calendar .ribbon {
          display: inline-block;
          width: 1em;
          height: 1em;
          background: url("../images/ribbon.png") no-repeat; }
      #main #main-wrap .calendar-container #calendar .fc-head {
        background-color: #1784c7;
        border: 1px solid #157ab8;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        border-radius: 0; }
        #main #main-wrap .calendar-container #calendar .fc-head div {
          color: #fff;
          font-size: 12px;
          letter-spacing: 3px;
          font-weight: 600;
          border-right: 1px solid #157ab8;
          margin: 0 auto; }
          #main #main-wrap .calendar-container #calendar .fc-head div:first-child {
            padding-right: 20px; }
          #main #main-wrap .calendar-container #calendar .fc-head div:last-child {
            border: none;
            padding-left: 20px; }
          @media (max-width: 60em) {
            #main #main-wrap .calendar-container #calendar .fc-head div {
              letter-spacing: 2px; } }
      #main #main-wrap .calendar-container #calendar .fc-date {
        bottom: auto;
        color: #0068b3;
        font-size: 18px;
        font-weight: 300;
        right: 10px;
        left: auto;
        text-align: right;
        top: 5px; }
        @media (max-width: 767px) {
          #main #main-wrap .calendar-container #calendar .fc-date {
            right: 5px;
            top: 1px; } }
      #main #main-wrap .calendar-container #calendar .holiday {
        overflow-y: scroll; }
        #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content {
          padding: 0; }
          #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content .modal-header {
            border-bottom: none;
            margin: 0;
            background-color: #ee1c24; }
            #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content .modal-header img {
              width: 75%;
              margin: 2em auto;
              display: block;
              right: -20px; }
          #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content .modal-body {
            padding: 0;
            background-color: #fff; }
            #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content .modal-body .content .info {
              padding: 0 5em 2em; }
              #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content .modal-body .content .info h2 {
                background-color: #fff;
                padding: 0;
                font-weight: 900; }
                @media (max-width: 767px) {
                  #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content .modal-body .content .info h2 {
                    margin: 0 0 10px; } }
              @media (max-width: 767px) {
                #main #main-wrap .calendar-container #calendar .holiday .modal-dialog .modal-content .modal-body .content .info {
                  font-size: 12px;
                  padding: 0 2em 1em; } }
      #main #main-wrap .calendar-container #calendar .event {
        overflow-y: scroll; }
        #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content {
          padding: 0; }
          #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-header {
            border-bottom: none;
            margin: 0;
            background-color: #0068b3; }
            #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-header img {
              width: 75%;
              margin: 2em auto;
              display: block;
              right: -20px; }
          #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body {
            padding: 0;
            background-color: #fff; }
            #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body .content .info {
              padding: 0 5em 2em; }
              #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body .content .info h2 {
                background-color: #fff;
                padding: 0;
                font-weight: 900; }
                @media (max-width: 767px) {
                  #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body .content .info h2 {
                    font-size: 20px;
                    margin: 0 0 10px; } }
              @media (max-width: 767px) {
                #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body .content .info p {
                  font-size: 12px;
                  line-height: 16px; } }
              #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body .content .info ul {
                list-style: none;
                font-weight: 700;
                font-size: 14px; }
                @media (max-width: 767px) {
                  #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body .content .info ul {
                    font-size: 12px; } }
              @media (max-width: 767px) {
                #main #main-wrap .calendar-container #calendar .event .modal-dialog .modal-content .modal-body .content .info {
                  font-size: 12px;
                  padding: 0 2em 1em; } }

#videoModal .modal-dialog .modal-content {
  padding: 0;
  border-radius: 0; }
  #videoModal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    margin: 0;
    background-color: #fff; }
    #videoModal .modal-dialog .modal-content .modal-header h4 {
      color: #333;
      float: left;
      font-size: 17px;
      margin: 0 0 0 10px;
      padding: 0; }

#benefitsModal .modal-dialog .modal-content,
#committeeModal .modal-dialog .modal-content,
#employmentModal .modal-dialog .modal-content,
#estatementModal .modal-dialog .modal-content,
#loanModal .modal-dialog .modal-content,
#mapModal .modal-dialog .modal-content,
#privacyPolicyModal .modal-dialog .modal-content,
#visaModal .modal-dialog .modal-content {
  padding: 0; }
  #benefitsModal .modal-dialog .modal-content .modal-header,
  #committeeModal .modal-dialog .modal-content .modal-header,
  #employmentModal .modal-dialog .modal-content .modal-header,
  #estatementModal .modal-dialog .modal-content .modal-header,
  #loanModal .modal-dialog .modal-content .modal-header,
  #mapModal .modal-dialog .modal-content .modal-header,
  #privacyPolicyModal .modal-dialog .modal-content .modal-header,
  #visaModal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    margin: 0;
    background-color: #0068b3; }
    #benefitsModal .modal-dialog .modal-content .modal-header img,
    #committeeModal .modal-dialog .modal-content .modal-header img,
    #employmentModal .modal-dialog .modal-content .modal-header img,
    #estatementModal .modal-dialog .modal-content .modal-header img,
    #loanModal .modal-dialog .modal-content .modal-header img,
    #mapModal .modal-dialog .modal-content .modal-header img,
    #privacyPolicyModal .modal-dialog .modal-content .modal-header img,
    #visaModal .modal-dialog .modal-content .modal-header img {
      width: 75%;
      margin: 2em auto;
      display: block;
      right: -20px; }
  #benefitsModal .modal-dialog .modal-content .modal-body,
  #committeeModal .modal-dialog .modal-content .modal-body,
  #employmentModal .modal-dialog .modal-content .modal-body,
  #estatementModal .modal-dialog .modal-content .modal-body,
  #loanModal .modal-dialog .modal-content .modal-body,
  #mapModal .modal-dialog .modal-content .modal-body,
  #privacyPolicyModal .modal-dialog .modal-content .modal-body,
  #visaModal .modal-dialog .modal-content .modal-body {
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 0 5px 5px 5px;
  }
    #benefitsModal .modal-dialog .modal-content .modal-body a,
    #committeeModal .modal-dialog .modal-content .modal-body a,
    #employmentModal .modal-dialog .modal-content .modal-body a,
    #estatementModal .modal-dialog .modal-content .modal-body a,
    #loanModal .modal-dialog .modal-content .modal-body a,
    #mapModal .modal-dialog .modal-content .modal-body a,
    #privacyPolicyModal .modal-dialog .modal-content .modal-body a,
    #visaModal .modal-dialog .modal-content .modal-body a {
      color: #0068b3; }
    #benefitsModal .modal-dialog .modal-content .modal-body .content .info,
    #committeeModal .modal-dialog .modal-content .modal-body .content .info,
    #employmentModal .modal-dialog .modal-content .modal-body .content .info,
    #estatementModal .modal-dialog .modal-content .modal-body .content .info,
    #loanModal .modal-dialog .modal-content .modal-body .content .info,
    #mapModal .modal-dialog .modal-content .modal-body .content .info,
    #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info,
    #visaModal .modal-dialog .modal-content .modal-body .content .info {
      font-size: 14px;
      font-weight: 300;
      padding: 0 5em 2em;
      line-height: 20px; }
      #benefitsModal .modal-dialog .modal-content .modal-body .content .info h2,
      #committeeModal .modal-dialog .modal-content .modal-body .content .info h2,
      #employmentModal .modal-dialog .modal-content .modal-body .content .info h2,
      #estatementModal .modal-dialog .modal-content .modal-body .content .info h2,
      #loanModal .modal-dialog .modal-content .modal-body .content .info h2,
      #mapModal .modal-dialog .modal-content .modal-body .content .info h2,
      #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info h2,
      #visaModal .modal-dialog .modal-content .modal-body .content .info h2 {
        background-color: #fff;
        padding: 0;
        font-weight: 700;
        color: #000; }
        @media (max-width: 767px) {
          #benefitsModal .modal-dialog .modal-content .modal-body .content .info h2,
          #committeeModal .modal-dialog .modal-content .modal-body .content .info h2,
          #employmentModal .modal-dialog .modal-content .modal-body .content .info h2,
          #estatementModal .modal-dialog .modal-content .modal-body .content .info h2,
          #loanModal .modal-dialog .modal-content .modal-body .content .info h2,
          #mapModal .modal-dialog .modal-content .modal-body .content .info h2,
          #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info h2,
          #visaModal .modal-dialog .modal-content .modal-body .content .info h2 {
            font-size: 20px; } }
      #benefitsModal .modal-dialog .modal-content .modal-body .content .info .info-box,
      #committeeModal .modal-dialog .modal-content .modal-body .content .info .info-box,
      #employmentModal .modal-dialog .modal-content .modal-body .content .info .info-box,
      #estatementModal .modal-dialog .modal-content .modal-body .content .info .info-box,
      #loanModal .modal-dialog .modal-content .modal-body .content .info .info-box,
      #mapModal .modal-dialog .modal-content .modal-body .content .info .info-box,
      #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info .info-box,
      #visaModal .modal-dialog .modal-content .modal-body .content .info .info-box {
        border-left: 3px solid #93DE00;
        padding-left: 20px;
        margin: 20px;
        width: 85%; }
        #benefitsModal .modal-dialog .modal-content .modal-body .content .info .info-box h5,
        #committeeModal .modal-dialog .modal-content .modal-body .content .info .info-box h5,
        #employmentModal .modal-dialog .modal-content .modal-body .content .info .info-box h5,
        #estatementModal .modal-dialog .modal-content .modal-body .content .info .info-box h5,
        #loanModal .modal-dialog .modal-content .modal-body .content .info .info-box h5,
        #mapModal .modal-dialog .modal-content .modal-body .content .info .info-box h5,
        #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info .info-box h5,
        #visaModal .modal-dialog .modal-content .modal-body .content .info .info-box h5 {
          font: 20px arvo, serif;
          padding-left: 3px; }
        #benefitsModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
        #committeeModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
        #employmentModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
        #estatementModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
        #loanModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
        #mapModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
        #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
        #visaModal .modal-dialog .modal-content .modal-body .content .info .info-box ul {
          font-size: 13px;
          line-height: 20px;
          padding-left: 5px;
          list-style: none; }
          #benefitsModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li,
          #committeeModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li,
          #employmentModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li,
          #estatementModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li,
          #loanModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li,
          #mapModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li,
          #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li,
          #visaModal .modal-dialog .modal-content .modal-body .content .info .info-box ul li {
            margin-bottom: 10px; }
          @media (max-width: 767px) {
            #benefitsModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
            #committeeModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
            #employmentModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
            #estatementModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
            #loanModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
            #mapModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
            #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info .info-box ul,
            #visaModal .modal-dialog .modal-content .modal-body .content .info .info-box ul {
              font-size: 11px;
              line-height: 15px; } }
        @media (max-width: 767px) {
          #benefitsModal .modal-dialog .modal-content .modal-body .content .info .info-box,
          #committeeModal .modal-dialog .modal-content .modal-body .content .info .info-box,
          #employmentModal .modal-dialog .modal-content .modal-body .content .info .info-box,
          #estatementModal .modal-dialog .modal-content .modal-body .content .info .info-box,
          #loanModal .modal-dialog .modal-content .modal-body .content .info .info-box,
          #mapModal .modal-dialog .modal-content .modal-body .content .info .info-box,
          #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info .info-box,
          #visaModal .modal-dialog .modal-content .modal-body .content .info .info-box {
            width: 90%; } }
      @media (max-width: 767px) {
        #benefitsModal .modal-dialog .modal-content .modal-body .content .info,
        #committeeModal .modal-dialog .modal-content .modal-body .content .info,
        #employmentModal .modal-dialog .modal-content .modal-body .content .info,
        #estatementModal .modal-dialog .modal-content .modal-body .content .info,
        #loanModal .modal-dialog .modal-content .modal-body .content .info,
        #mapModal .modal-dialog .modal-content .modal-body .content .info,
        #privacyPolicyModal .modal-dialog .modal-content .modal-body .content .info,
        #visaModal .modal-dialog .modal-content .modal-body .content .info {
          font-size: 12px;
          padding: 0 2em 1em; } }
    #benefitsModal .modal-dialog .modal-content .modal-body #map-container,
    #committeeModal .modal-dialog .modal-content .modal-body #map-container,
    #employmentModal .modal-dialog .modal-content .modal-body #map-container,
    #estatementModal .modal-dialog .modal-content .modal-body #map-container,
    #loanModal .modal-dialog .modal-content .modal-body #map-container,
    #mapModal .modal-dialog .modal-content .modal-body #map-container,
    #privacyPolicyModal .modal-dialog .modal-content .modal-body #map-container,
    #visaModal .modal-dialog .modal-content .modal-body #map-container {
      height: 450px; }

#benefitsModal #privacy .steps,
#benefitsModal #visa .steps,
#committeeModal #privacy .steps,
#committeeModal #visa .steps,
#employmentModal #privacy .steps,
#employmentModal #visa .steps,
#estatementModal #privacy .steps,
#estatementModal #visa .steps,
#loanModal #privacy .steps,
#loanModal #visa .steps,
#mapModal #privacy .steps,
#mapModal #visa .steps,
#privacyPolicyModal #privacy .steps,
#privacyPolicyModal #visa .steps,
#visaModal #privacy .steps,
#visaModal #visa .steps {
  display: none; }

#benefitsModal #privacy .content,
#benefitsModal #visa .content,
#committeeModal #privacy .content,
#committeeModal #visa .content,
#employmentModal #privacy .content,
#employmentModal #visa .content,
#estatementModal #privacy .content,
#estatementModal #visa .content,
#loanModal #privacy .content,
#loanModal #visa .content,
#mapModal #privacy .content,
#mapModal #visa .content,
#privacyPolicyModal #privacy .content,
#privacyPolicyModal #visa .content,
#visaModal #privacy .content,
#visaModal #visa .content {
  padding: 20px;
  background-color: #fff; }
  #benefitsModal #privacy .content ul,
  #benefitsModal #visa .content ul,
  #committeeModal #privacy .content ul,
  #committeeModal #visa .content ul,
  #employmentModal #privacy .content ul,
  #employmentModal #visa .content ul,
  #estatementModal #privacy .content ul,
  #estatementModal #visa .content ul,
  #loanModal #privacy .content ul,
  #loanModal #visa .content ul,
  #mapModal #privacy .content ul,
  #mapModal #visa .content ul,
  #privacyPolicyModal #privacy .content ul,
  #privacyPolicyModal #visa .content ul,
  #visaModal #privacy .content ul,
  #visaModal #visa .content ul {
    margin-left: 20px; }
  #benefitsModal #privacy .content .column1,
  #benefitsModal #visa .content .column1,
  #committeeModal #privacy .content .column1,
  #committeeModal #visa .content .column1,
  #employmentModal #privacy .content .column1,
  #employmentModal #visa .content .column1,
  #estatementModal #privacy .content .column1,
  #estatementModal #visa .content .column1,
  #loanModal #privacy .content .column1,
  #loanModal #visa .content .column1,
  #mapModal #privacy .content .column1,
  #mapModal #visa .content .column1,
  #privacyPolicyModal #privacy .content .column1,
  #privacyPolicyModal #visa .content .column1,
  #visaModal #privacy .content .column1,
  #visaModal #visa .content .column1 {
    width: 40%; }

#benefitsModal #privacy .privacy-section,
#benefitsModal #visa .privacy-section,
#committeeModal #privacy .privacy-section,
#committeeModal #visa .privacy-section,
#employmentModal #privacy .privacy-section,
#employmentModal #visa .privacy-section,
#estatementModal #privacy .privacy-section,
#estatementModal #visa .privacy-section,
#loanModal #privacy .privacy-section,
#loanModal #visa .privacy-section,
#mapModal #privacy .privacy-section,
#mapModal #visa .privacy-section,
#privacyPolicyModal #privacy .privacy-section,
#privacyPolicyModal #visa .privacy-section,
#visaModal #privacy .privacy-section,
#visaModal #visa .privacy-section {
  margin: 10px 0;
  border: 1px solid #ccc;
  display: table; }
  #benefitsModal #privacy .privacy-section .left,
  #benefitsModal #visa .privacy-section .left,
  #committeeModal #privacy .privacy-section .left,
  #committeeModal #visa .privacy-section .left,
  #employmentModal #privacy .privacy-section .left,
  #employmentModal #visa .privacy-section .left,
  #estatementModal #privacy .privacy-section .left,
  #estatementModal #visa .privacy-section .left,
  #loanModal #privacy .privacy-section .left,
  #loanModal #visa .privacy-section .left,
  #mapModal #privacy .privacy-section .left,
  #mapModal #visa .privacy-section .left,
  #privacyPolicyModal #privacy .privacy-section .left,
  #privacyPolicyModal #visa .privacy-section .left,
  #visaModal #privacy .privacy-section .left,
  #visaModal #visa .privacy-section .left {
    width: 30%;
    background-color: #666;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  #benefitsModal #privacy .privacy-section .right,
  #benefitsModal #visa .privacy-section .right,
  #committeeModal #privacy .privacy-section .right,
  #committeeModal #visa .privacy-section .right,
  #employmentModal #privacy .privacy-section .right,
  #employmentModal #visa .privacy-section .right,
  #estatementModal #privacy .privacy-section .right,
  #estatementModal #visa .privacy-section .right,
  #loanModal #privacy .privacy-section .right,
  #loanModal #visa .privacy-section .right,
  #mapModal #privacy .privacy-section .right,
  #mapModal #visa .privacy-section .right,
  #privacyPolicyModal #privacy .privacy-section .right,
  #privacyPolicyModal #visa .privacy-section .right,
  #visaModal #privacy .privacy-section .right,
  #visaModal #visa .privacy-section .right {
    width: 70%;
    font-size: 12px;
    padding: 20px;
    display: table-cell; }
  #benefitsModal #privacy .privacy-section .dark,
  #benefitsModal #visa .privacy-section .dark,
  #committeeModal #privacy .privacy-section .dark,
  #committeeModal #visa .privacy-section .dark,
  #employmentModal #privacy .privacy-section .dark,
  #employmentModal #visa .privacy-section .dark,
  #estatementModal #privacy .privacy-section .dark,
  #estatementModal #visa .privacy-section .dark,
  #loanModal #privacy .privacy-section .dark,
  #loanModal #visa .privacy-section .dark,
  #mapModal #privacy .privacy-section .dark,
  #mapModal #visa .privacy-section .dark,
  #privacyPolicyModal #privacy .privacy-section .dark,
  #privacyPolicyModal #visa .privacy-section .dark,
  #visaModal #privacy .privacy-section .dark,
  #visaModal #visa .privacy-section .dark {
    background-color: #333; }

#benefitsModal #privacy .actions,
#benefitsModal #visa .actions,
#committeeModal #privacy .actions,
#committeeModal #visa .actions,
#employmentModal #privacy .actions,
#employmentModal #visa .actions,
#estatementModal #privacy .actions,
#estatementModal #visa .actions,
#loanModal #privacy .actions,
#loanModal #visa .actions,
#mapModal #privacy .actions,
#mapModal #visa .actions,
#privacyPolicyModal #privacy .actions,
#privacyPolicyModal #visa .actions,
#visaModal #privacy .actions,
#visaModal #visa .actions {
  padding: 0 35px 20px; }
  #benefitsModal #privacy .actions a,
  #benefitsModal #visa .actions a,
  #committeeModal #privacy .actions a,
  #committeeModal #visa .actions a,
  #employmentModal #privacy .actions a,
  #employmentModal #visa .actions a,
  #estatementModal #privacy .actions a,
  #estatementModal #visa .actions a,
  #loanModal #privacy .actions a,
  #loanModal #visa .actions a,
  #mapModal #privacy .actions a,
  #mapModal #visa .actions a,
  #privacyPolicyModal #privacy .actions a,
  #privacyPolicyModal #visa .actions a,
  #visaModal #privacy .actions a,
  #visaModal #visa .actions a {
    font: 13px/30px "Open Sans",Helvetica,"sofia_pro_lightregular",sans-serif;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #fff !important;
    padding: 10px 25px;
    border: none !important;
    background-color: #1784C7 !important; }
    #benefitsModal #privacy .actions a:hover,
    #benefitsModal #visa .actions a:hover,
    #committeeModal #privacy .actions a:hover,
    #committeeModal #visa .actions a:hover,
    #employmentModal #privacy .actions a:hover,
    #employmentModal #visa .actions a:hover,
    #estatementModal #privacy .actions a:hover,
    #estatementModal #visa .actions a:hover,
    #loanModal #privacy .actions a:hover,
    #loanModal #visa .actions a:hover,
    #mapModal #privacy .actions a:hover,
    #mapModal #visa .actions a:hover,
    #privacyPolicyModal #privacy .actions a:hover,
    #privacyPolicyModal #visa .actions a:hover,
    #visaModal #privacy .actions a:hover,
    #visaModal #visa .actions a:hover {
      padding: 10px 25px !important;
      background-color: #0068b3 !important; }
  #benefitsModal #privacy .actions .disabled a,
  #benefitsModal #visa .actions .disabled a,
  #committeeModal #privacy .actions .disabled a,
  #committeeModal #visa .actions .disabled a,
  #employmentModal #privacy .actions .disabled a,
  #employmentModal #visa .actions .disabled a,
  #estatementModal #privacy .actions .disabled a,
  #estatementModal #visa .actions .disabled a,
  #loanModal #privacy .actions .disabled a,
  #loanModal #visa .actions .disabled a,
  #mapModal #privacy .actions .disabled a,
  #mapModal #visa .actions .disabled a,
  #privacyPolicyModal #privacy .actions .disabled a,
  #privacyPolicyModal #visa .actions .disabled a,
  #visaModal #privacy .actions .disabled a,
  #visaModal #visa .actions .disabled a {
    color: #ccc !important;
    padding: 10px 25px;
    border: none !important;
    background-color: #ddd !important;
    cursor: default; }
    #benefitsModal #privacy .actions .disabled a:hover,
    #benefitsModal #visa .actions .disabled a:hover,
    #committeeModal #privacy .actions .disabled a:hover,
    #committeeModal #visa .actions .disabled a:hover,
    #employmentModal #privacy .actions .disabled a:hover,
    #employmentModal #visa .actions .disabled a:hover,
    #estatementModal #privacy .actions .disabled a:hover,
    #estatementModal #visa .actions .disabled a:hover,
    #loanModal #privacy .actions .disabled a:hover,
    #loanModal #visa .actions .disabled a:hover,
    #mapModal #privacy .actions .disabled a:hover,
    #mapModal #visa .actions .disabled a:hover,
    #privacyPolicyModal #privacy .actions .disabled a:hover,
    #privacyPolicyModal #visa .actions .disabled a:hover,
    #visaModal #privacy .actions .disabled a:hover,
    #visaModal #visa .actions .disabled a:hover {
      padding: 10px 25px !important;
      background-color: #ddd !important; }

#benefitsModal #visa .table > tbody > tr > td,
#benefitsModal #visa .table > tbody > tr > th,
#benefitsModal #visa .table > tfoot > tr > td,
#benefitsModal #visa .table > tfoot > tr > th,
#benefitsModal #visa .table > thead > tr > td,
#benefitsModal #visa .table > thead > tr > th,
#committeeModal #visa .table > tbody > tr > td,
#committeeModal #visa .table > tbody > tr > th,
#committeeModal #visa .table > tfoot > tr > td,
#committeeModal #visa .table > tfoot > tr > th,
#committeeModal #visa .table > thead > tr > td,
#committeeModal #visa .table > thead > tr > th,
#employmentModal #visa .table > tbody > tr > td,
#employmentModal #visa .table > tbody > tr > th,
#employmentModal #visa .table > tfoot > tr > td,
#employmentModal #visa .table > tfoot > tr > th,
#employmentModal #visa .table > thead > tr > td,
#employmentModal #visa .table > thead > tr > th,
#estatementModal #visa .table > tbody > tr > td,
#estatementModal #visa .table > tbody > tr > th,
#estatementModal #visa .table > tfoot > tr > td,
#estatementModal #visa .table > tfoot > tr > th,
#estatementModal #visa .table > thead > tr > td,
#estatementModal #visa .table > thead > tr > th,
#loanModal #visa .table > tbody > tr > td,
#loanModal #visa .table > tbody > tr > th,
#loanModal #visa .table > tfoot > tr > td,
#loanModal #visa .table > tfoot > tr > th,
#loanModal #visa .table > thead > tr > td,
#loanModal #visa .table > thead > tr > th,
#mapModal #visa .table > tbody > tr > td,
#mapModal #visa .table > tbody > tr > th,
#mapModal #visa .table > tfoot > tr > td,
#mapModal #visa .table > tfoot > tr > th,
#mapModal #visa .table > thead > tr > td,
#mapModal #visa .table > thead > tr > th,
#privacyPolicyModal #visa .table > tbody > tr > td,
#privacyPolicyModal #visa .table > tbody > tr > th,
#privacyPolicyModal #visa .table > tfoot > tr > td,
#privacyPolicyModal #visa .table > tfoot > tr > th,
#privacyPolicyModal #visa .table > thead > tr > td,
#privacyPolicyModal #visa .table > thead > tr > th,
#visaModal #visa .table > tbody > tr > td,
#visaModal #visa .table > tbody > tr > th,
#visaModal #visa .table > tfoot > tr > td,
#visaModal #visa .table > tfoot > tr > th,
#visaModal #visa .table > thead > tr > td,
#visaModal #visa .table > thead > tr > th {
  font-size: 10px;
  line-height: 1em; }

#benefitsModal #visa h5,
#committeeModal #visa h5,
#employmentModal #visa h5,
#estatementModal #visa h5,
#loanModal #visa h5,
#mapModal #visa h5,
#privacyPolicyModal #visa h5,
#visaModal #visa h5 {
  font-size: 14px;
  font-weight: 700;
  margin: 12px 0 5px; }

#submitModal .modal-dialog .modal-content {
  padding: 0; }
  #submitModal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    margin: 0;
    background-color: #b8e7e8; }
    #submitModal .modal-dialog .modal-content .modal-header img {
      width: 90%;
      margin: 0 auto;
      display: block;
      position: relative;
      right: -8px;
      bottom: -15px; }
  #submitModal .modal-dialog .modal-content .modal-body {
    padding: 0;
    background-color: #fff;
    color: #000;
    text-align: left; }
    #submitModal .modal-dialog .modal-content .modal-body a {
      color: #0068b3; }
    #submitModal .modal-dialog .modal-content .modal-body .content .info {
      font-size: 14px;
      font-weight: 300;
      padding: 0 5em 2em;
      line-height: 20px; }
      #submitModal .modal-dialog .modal-content .modal-body .content .info h2 {
        background-color: #fff;
        padding: 0;
        font-size: 20px;
        font-weight: 700;
        color: #000; }
        @media (max-width: 767px) {
          #submitModal .modal-dialog .modal-content .modal-body .content .info h2 {
            font-size: 20px; } }
      #submitModal .modal-dialog .modal-content .modal-body .content .info p {
        font-size: 12px; }
      @media (max-width: 767px) {
        #submitModal .modal-dialog .modal-content .modal-body .content .info {
          font-size: 12px;
          padding: 0 2em 1em; } }
  #submitModal .modal-dialog .modal-content .modal-footer {
    border-top: none;
    margin: 0; }

#jobs #job-list {
  width: 29%;
  float: left;
  margin-right: 1%; }
  #jobs #job-list ul li {
    background-color: #ccc; }
    #jobs #job-list ul li a {
      color: #fff;
      padding: 15px 20px;
      border: none; }
      #jobs #job-list ul li a:hover {
        background-color: #49494B;
        color: #fff;
        padding: 15px 20px; }
        @media (max-width: 767px) {
          #jobs #job-list ul li a:hover {
            background-color: #428bca; } }
      @media (max-width: 767px) {
        #jobs #job-list ul li a {
          background-color: #428bca; } }
    #jobs #job-list ul li.active a {
      background-color: #428bca; }
    #jobs #job-list ul li .title {
      width: 100%;
      font-size: 18px;
      font-weight: 700;
      line-height: 18px;
      display: block; }
    #jobs #job-list ul li .time {
      width: 100%;
      font-size: 16px;
      display: block;
      margin: 10px 0; }
    #jobs #job-list ul li .location {
      width: 100%;
      font-size: 13px;
      display: block; }
      #jobs #job-list ul li .location i {
        margin-right: 5px; }
  #jobs #job-list #page-nav .pager li {
    background-color: transparent; }
    #jobs #job-list #page-nav .pager li .page-link {
      background-color: #fff;
      color: #000;
      border-radius: 0;
      border: 1px solid #ccc;
      margin: 1px; }
      #jobs #job-list #page-nav .pager li .page-link:hover {
        background-color: #428bca;
        color: #fff; }
    #jobs #job-list #page-nav .pager li .active {
      background-color: #428bca;
      color: #fff; }
  @media (max-width: 767px) {
    #jobs #job-list {
      width: 100%; } }

#jobs #job-detail {
  background-color: #fff;
  width: 70%;
  float: left;
  padding: 30px; }
  @media (max-width: 767px) {
    #jobs #job-detail {
      background-color: transparent; } }
  #jobs #job-detail .job-head {
    width: 100%;
    display: block;
    margin: 0 0 10px; }
    #jobs #job-detail .job-head .job-close {
      background-color: #fff;
      border: 1px solid #333;
      padding: 5px 10px;
      position: absolute;
      right: 10px;
      top: 10px; }
      #jobs #job-detail .job-head .job-close:hover {
        background-color: #ccc;
        padding: 5px 10px; }
    @media (min-width: 768px) {
      #jobs #job-detail .job-head {
        display: none; } }
  @media (max-width: 767px) {
    #jobs #job-detail .tab-pane {
      background-color: #fff;
      width: 0;
      overflow: hidden;
      position: fixed;
      top: 0;
      right: -30px;
      height: 100%;
      z-index: 1000;
      overflow-y: scroll; }
      #jobs #job-detail .tab-pane.is-visible {
        transition: width 0.3s ease;
        width: 100%;
        right: 0;
        padding: 30px; }
      #jobs #job-detail .tab-pane.is-hidden {
        transition: width 0.3s ease;
        right: -60px;
        padding: 30px; } }

#job-header {
  margin: 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px; }
  #job-header h3 {
    font-size: 26px;
    line-height: 24px;
    margin: 0 0 15px; }
  #job-header .details {
    width: 100%;
    display: block; }
    #job-header .details .time {
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      background-color: #93DE00;
      border-radius: 5px;
      padding: 5px 8px;
      margin: 10px 0; }
    #job-header .details .salary {
      font-size: 16px;
      font-weight: 700;
      width: 100%;
      display: block;
      margin: 10px 0 0 2px; }
      #job-header .details .salary .amount {
        font-size: 14px; }
      #job-header .details .salary i {
        font-size: 14px;
        color: #6a788c !important;
        margin-right: 5px;
        margin-left: -4px; }
    #job-header .details .posted {
      width: 100%;
      display: block;
      font-size: 14px;
      margin: 10px 0 5px -2px; }
      #job-header .details .posted i {
        color: #6a788c !important;
        margin-right: 5px; }
    #job-header .details .duration {
      width: 100%;
      display: block;
      font-size: 14px;
      margin: 5px 0 5px -2px; }
      #job-header .details .duration i {
        color: #6a788c !important;
        margin-right: 5px; }
    #job-header .details .location {
      width: 100%;
      display: block;
      font-size: 15px;
      font-weight: 500;
      margin: 5px 0 10px -2px; }
      #job-header .details .location i {
        color: #6a788c !important;
        margin-right: 5px; }

#job-application {
  padding: 30px 0; }

#apply {
  width: 100%;
  display: inline-block;
  padding: 20px;
  margin: 0; }
  @media (max-width: 767px) {
    #apply .btn {
      width: 100%;
      margin: 0; } }

#calcs #calc-list {
  width: 23%;
  float: left;
  margin-right: 2%; }
  #calcs #calc-list ul {
    background-color: #fff; }
    #calcs #calc-list ul h3 {
      font-size: 16px;
      background-color: #428bca;
      color: #fff;
      margin: 0;
      padding: 10px 15px; }
    #calcs #calc-list ul li {
      border-bottom: 1px solid #ccc;
      padding: 5px; }
      #calcs #calc-list ul li a {
        color: #333;
        padding: 10px 15px;
        border: none; }
        #calcs #calc-list ul li a:hover {
          background-color: #fff;
          color: #428bca;
          padding: 10px 15px; }
          @media (max-width: 767px) {
            #calcs #calc-list ul li a:hover {
              background-color: #fff; } }
        @media (max-width: 767px) {
          #calcs #calc-list ul li a {
            background-color: #fff; } }
      #calcs #calc-list ul li.active a {
        background-color: #fff;
        color: #428bca; }
      #calcs #calc-list ul li .title {
        width: 100%;
        font-size: 13px;
        font-weight: 500;
        line-height: 15px;
        display: block; }
      #calcs #calc-list ul li .time {
        width: 100%;
        font-size: 16px;
        display: block;
        margin: 10px 0; }
      #calcs #calc-list ul li .location {
        width: 100%;
        font-size: 13px;
        display: block; }
        #calcs #calc-list ul li .location i {
          margin-right: 5px; }
  @media (max-width: 767px) {
    #calcs #calc-list {
      width: 100%; } }

#calcs #calc-detail {
  background-color: #fff;
  width: 75%;
  float: left;
  padding: 30px; }
  @media (max-width: 767px) {
    #calcs #calc-detail {
      background-color: transparent; } }
  #calcs #calc-detail .calc-head {
    width: 100%;
    display: block;
    margin: 0 0 10px; }
    #calcs #calc-detail .calc-head .calc-close {
      background-color: #fff;
      border: 1px solid #333;
      padding: 5px 10px;
      position: absolute;
      right: 10px;
      top: 10px; }
      #calcs #calc-detail .calc-head .calc-close:hover {
        background-color: #ccc;
        padding: 5px 10px; }
    @media (min-width: 768px) {
      #calcs #calc-detail .calc-head {
        display: none; } }
  #calcs #calc-detail h3 {
    margin-top: 0; }
  #calcs #calc-detail #calc {
    width: 100%;
    white-space: normal !important; }
    #calcs #calc-detail #calc .calc-container {
      background-color: #fff; }
      #calcs #calc-detail #calc .calc-container #calculator {
        width: 100%;
        padding: 0;
        margin: 0; }
        #calcs #calc-detail #calc .calc-container #calculator .box {
          padding: 0; }
          #calcs #calc-detail #calc .calc-container #calculator .box .fieldgroup {
            margin: 0; }
        #calcs #calc-detail #calc .calc-container #calculator .description {
          display: none; }
        #calcs #calc-detail #calc .calc-container #calculator .poweredBy {
          display: none !important; }
      #calcs #calc-detail #calc .calc-container .pure-g h4 {
        font-size: 17px;
        font-weight: 300;
        text-transform: uppercase; }
      #calcs #calc-detail #calc .calc-container .pure-g .pure-u-1,
      #calcs #calc-detail #calc .calc-container .pure-g .pure-u-md-1-2 {
        width: 100%; }
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-1 .label,
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-md-1-2 .label {
          text-align: left;
          white-space: normal; }
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-1 select,
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-md-1-2 select {
          background-color: #fff;
          line-height: 0;
          padding: 0 10px;
          height: 57px;
          border: 1px solid rgba(158, 160, 160, 0.37);
          border-radius: 3px; }
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-1 input:focus,
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-1 select:focus,
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-md-1-2 input:focus,
        #calcs #calc-detail #calc .calc-container .pure-g .pure-u-md-1-2 select:focus {
          border-color: #2c97de;
          box-shadow: 0 0 5px rgba(44, 151, 222, 0.2); }
    #calcs #calc-detail #calc .helpimg {
      display: none; }
  @media (max-width: 767px) {
    #calcs #calc-detail .tab-pane {
      background-color: #fff;
      width: 0;
      overflow: hidden;
      position: fixed;
      top: 0;
      right: -30px;
      height: 100%;
      z-index: 1000;
      overflow-y: scroll; }
      #calcs #calc-detail .tab-pane.is-visible {
        transition: width 0.3s ease;
        width: 100%;
        right: 0;
        padding: 30px; }
      #calcs #calc-detail .tab-pane.is-hidden {
        transition: width 0.3s ease;
        right: -60px;
        padding: 30px; } }

#videogallery {
  width: 100%; }

#videogallery a {
  text-decoration: none;
  border: 0 none; }
  #videogallery a > img {
    opacity: 0.7;
    display: block;
    border: 0 none;
    margin: 0; }
    @media (max-width: 767px) {
      #videogallery a > img {
        width: 140px; } }
  #videogallery a:hover img {
    opacity: 1;
    border: 0 none;
    background-color: transparent; }

.table {
  font-size: 14px; }
  .table tr .row1 {
    font-size: 16px;
    color: #444;
    background-color: #dbe9f1;
    border-bottom: 1px solid #c3dae7;
    padding: 20px; }
    @media (max-width: 767px) {
      .table tr .row1 {
        font-size: 14px;
        padding: 10px; } }
  .table tr .row2 {
    background-color: #e8f3fc;
    font-size: 14px;
    color: #34495e; }
    @media (max-width: 767px) {
      .table tr .row2 {
        font-size: 12px; } }
  .table tr:nth-child(even) {
    background-color: #f3f8fb; }
  .table tr td {
    padding: 10px 20px !important; }
  .table .column1 {
    background-color: #f7fbfe; }
  @media (max-width: 767px) {
    .table {
      font-size: 11px; } }
  .table caption {
    font-size: 20px;
    font-weight: bold;
    color: #0068b3;
    text-align: left;
    padding: 10px 0; }
    @media (max-width: 767px) {
      .table caption {
        font-size: 15px; } }
  .table thead {
    background-color: #d9ecfa;
    text-transform: uppercase; }
  .table tbody {
    background-color: #fff; }
  .table td {
    color: #333; }

@media (max-width: 767px) {
  .table-bordered caption {
    padding-left: 10px; }
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: normal; }
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 1px solid #ddd; }
  .table > caption + thead > tr:first-child > td,
  .table > caption + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ddd; }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0 solid #ddd; } }

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 1px; }

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #eaeaea; }

#footer {
  width: 100%;
  padding-bottom: 5%;
  padding-top: 1%;
  color: #fff;
  text-align: center; }
  #footer .footer-info {
    font-size: 15px;
    margin: 10px;
    display: block; }
  #footer a {
    color: #fff; }
  #footer a:hover {
    text-decoration: none;
    color: #999; }
  #footer .icons .instagram {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url("../images/logo-instagram.png") no-repeat; }
    #footer .icons .instagram span {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: url("../images/logo-instagram.png") no-repeat;
      background-position: 0 -30px;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -o-transition: opacity 0.5s; }
    #footer .icons .instagram:hover span {
      opacity: 1; }
  #footer .icons .ehl {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url("../images/logo-ehl.png") no-repeat; }
    #footer .icons .ehl span {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: url("../images/logo-ehl.png") no-repeat;
      background-position: 0 -30px;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -o-transition: opacity 0.5s; }
    #footer .icons .ehl:hover span {
      opacity: 1; }
  #footer .icons .ncua {
    margin: 0 5px;
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 59px;
    height: 30px;
    background: url("../images/logo-ncua.png") no-repeat; }
    #footer .icons .ncua span {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: url("../images/logo-ncua.png") no-repeat;
      background-position: 0 -30px;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -o-transition: opacity 0.5s; }
    #footer .icons .ncua:hover span {
      opacity: 1; }
  #footer .icons .facebook {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 25px;
    height: 32px;
    background: url("../images/logo-facebook.png") no-repeat; }
    #footer .icons .facebook span {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: url("../images/logo-facebook.png") no-repeat;
      background-position: 0 -32px;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -o-transition: opacity 0.5s; }
    #footer .icons .facebook:hover span {
      opacity: 1; }
  #footer .icons .twitter {
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url("../images/logo-twitter.png") no-repeat; }
    #footer .icons .twitter span {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: url("../images/logo-twitter.png") no-repeat;
      background-position: 0 -30px;
      opacity: 0;
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -o-transition: opacity 0.5s; }
    #footer .icons .twitter:hover span {
      opacity: 1; }
  #footer .disclaimer {
    padding: 50px 20%; }

#employmentRedirectModal .modal-header,
#external-link .modal-header,
#hopeModal .modal-header,
#loanRedirectModal .modal-header {
  background-color: #0068b3;
  color: #fff; }
  #employmentRedirectModal .modal-header h3,
  #external-link .modal-header h3,
  #hopeModal .modal-header h3,
  #loanRedirectModal .modal-header h3 {
    font-size: 24px;
    font-weight: 700;
    margin-left: 20px; }
  #employmentRedirectModal .modal-header img,
  #external-link .modal-header img,
  #hopeModal .modal-header img,
  #loanRedirectModal .modal-header img {
    width: 75%;
    margin: 2em auto;
    display: block;
    right: -20px; }

#employmentRedirectModal .modal-body,
#external-link .modal-body,
#hopeModal .modal-body,
#loanRedirectModal .modal-body {
  font-size: 14px;
  line-height: 22px;
  margin: 10px 20px; }
  #employmentRedirectModal .modal-body h4,
  #external-link .modal-body h4,
  #hopeModal .modal-body h4,
  #loanRedirectModal .modal-body h4 {
    font-size: 18px;
    font-weight: 700; }

#hopeModal {
  color: #000; }
  #hopeModal .modal-body {
    padding-top: 10px; }
    #hopeModal .modal-body .info {
      border-bottom: 1px solid #333; }
      #hopeModal .modal-body .info .row {
        margin: 0;
        padding: 0;
        overflow: hidden; }
      #hopeModal .modal-body .info h3 {
        padding: 0;
        margin: 0; }
      #hopeModal .modal-body .info .col-sm-3 {
        border-left: 1px solid #333;
        border-top: 1px solid #333;
        margin-bottom: -99999px;
        padding-bottom: 99999px;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0; }
        #hopeModal .modal-body .info .col-sm-3:last-child {
          border-right: 1px solid #333; }
        #hopeModal .modal-body .info .col-sm-3 h4 {
          background-color: #efefef;
          margin: 0;
          padding: 10px;
          height: 60px;
          width: 100%;
          border-bottom: 1px solid #333; }
          @media (max-width: 767px) {
            #hopeModal .modal-body .info .col-sm-3 h4 {
              height: auto; } }
        #hopeModal .modal-body .info .col-sm-3 ul {
          list-style: none;
          padding: 10px;
          margin: 0; }
          #hopeModal .modal-body .info .col-sm-3 ul li {
            line-height: 15px;
            padding: 5px; }
            #hopeModal .modal-body .info .col-sm-3 ul li:last-child {
              border: none; }
        @media (max-width: 767px) {
          #hopeModal .modal-body .info .col-sm-3 {
            border-right: 1px solid #333; } }

#surveyModal .modal-header img {
  width: 100%; }

#surveyModal .modal-header .close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 30px; }

#surveyModal .modal-body {
  font-size: 16px;
  line-height: 22px;
  margin: 0 20px; }
  #surveyModal .modal-body h4 {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 20px; }

.bootbox .modal-header {
  background-color: #0068b3;
  color: #fff; }
  .bootbox .modal-header h3 {
    font-size: 24px;
    font-weight: 700;
    margin-left: 20px; }

.bootbox .modal-body {
  font-size: 14px;
  line-height: 22px;
  margin: 10px 20px; }

.tooltipsy:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #0068b3 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: "";
  position: absolute;
  top: 30px;
  left: -19px;
  z-index: 1; }

.tooltipsy {
  background-color: #0068b3;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 2px 2px 5px #999;
  color: #fff;
  padding: 15px 10px;
  position: relative;
  text-shadow: 0 1px 1px #000;
  font: 12px/1.2em "Lucida Grande", Arial, Helvetica, sans-serif;
  text-align: center;
  max-width: 70px; }

.ui-dialog-content {
  font-size: 10px;
  line-height: 20px; }
  .ui-dialog-content strong {
    font-size: 18px;
    line-height: 26px;
    color: #34495e; }

.search-desktop {
  font-weight: normal; }
  @media (max-width: 767px) {
    .search-desktop {
      display: none; } }

.search-responsive {
  font-weight: normal; }
  @media (min-width: 768px) {
    .search-responsive {
      display: none; } }

@media (max-width: 667px){
  .g-recaptcha {
    margin-left: -15px !important;
  }
}

/*** Greenpath webform ***/
#hs-form-iframe-0 {
    width: 100% !important;
}

/*** Scholarship winners ***/
.scholarship-winners{
  width: 100%;
}