.mainFont {
  font-family: 'Fjalla One', sans-serif;
}

.secondaryFont {
  font-family: 'Source Sans Pro', sans-serif;
}

html,
body {
  height: 100%;
}

body {
  margin: 8px 0;
}

.main-wrapper {
  background-image: none;
  background-size : cover;
  height          : 100%;
}

.container-old {
  min-height      : 600px;
  /*max-width     : 1600px;*/
  height          : calc(100% - 2em);
  margin          : 0em auto;
  /*padding       : 0em 2em 0 2em;*/
  display         : flex;
  flex-direction  : column;
 /* background-color: #CBE0FF;*/
 background:  url("../images/background.jpg");
  background-size: cover !important;
  background-position: 50% !important;
}

.container {
  padding   : 0em 2em 0 2em;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .container {
    padding : 1em 1em 0;
    /*height: calc(100% + 7em);*/
    height  : auto;
  }

  header {
    padding: 0px 0 1.5em 0 !important;
  }
}

.loaded header .left,
.loaded header .right {
  opacity         : 1;
  transition-delay: 0.5s;
  transform       : translateY(0);
}

header {
  display         : flex;
  justify-content : space-between;
  align-items     : center;
  /*padding-bottom: 0.5em;
  padding         : 1.5em 0;*/
}

@media screen and (min-width: 768px) and (max-height: 600px) {
  header {
    padding: .5em 0;
  }
}

@media screen and (max-width: 768px) {
  header {
    flex-direction: column-reverse;
    padding-bottom: 1em;
    align-items   : flex-start;
  }

  header .left,
  header .right {
    width: 100%;
  }
}

header .left {
  font-family     : 'Fjalla One', sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing  : 0.025em;
  color           : #13294B;
  opacity         : 0;
  transition      : opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  transform       : translateY(15px);
}

@media screen and (max-width: 768px) {
  header .left {
    text-align   : left;
    /*padding-top: 1em;*/
  }
}

header .left h1 {
  margin   : 0px;
  padding  : 0px;
  font-size: 25px;
}

@media screen and (min-width: 500px) {
  header .left h1 {
    font-size: calc(25px + 15 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  header .left h1 {
    font-size: 40px;
  }
}

header .left .subhead {
  font-size: 13px;
}

@media screen and (min-width: 500px) {
  header .left .subhead {
    font-size: calc(13px + 7 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  header .left .subhead {
    font-size: 20px;
  }
}

header .left a {
  color: #13294B;
}

header .left a:hover,
header .left a:focus {
  color: #1D58A7;
}

header .right {
  text-align: right;
  opacity   : 0;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  transform : translateY(15px);
}

@media screen and (max-width: 768px) {
  header .right {
    border-bottom : 1px solid #333;
    padding-bottom: 0.5em;
    margin-top    : 0px;
  }
}

header .right .desktop {
  position: relative;
  top     : -0.8em;
}

header .right .desktop h1 {
  color         : #13294B;
  margin-bottom : 0;
  text-transform: uppercase;
  font-size     : 1.75em;
}

header .right .desktop .subhead {
  color    : #1D58A7;
  font-size: 1.135em;
}

header .branding .main {
  display    : flex;
  align-items: center;
}

header .branding .main .icon {
  width        : 20px;
  padding-right: 15px;
  border-right : 1px solid #13294B;
}

@media screen and (min-width: 500px) {
  header .branding .main .icon {
    width: calc(20px + 10 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  header .branding .main .icon {
    width: 30px;
  }
}

@media screen and (min-width: 500px) {
  header .branding .main .icon {
    padding-right: calc(15px + 5 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  header .branding .main .icon {
    padding-right: 20px;
  }
}

header .branding .main .icon a:hover,
header .branding .main .icon a:focus {
  opacity: 0.7;
}

header .branding .main .department {
  font-family : 'Source Sans Pro', sans-serif;
  padding-left: 15px;
  font-size   : 16px;
}

@media screen and (min-width: 500px) {
  header .branding .main .department {
    padding-left: calc(15px + 5 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  header .branding .main .department {
    padding-left: 20px;
  }
}

@media screen and (min-width: 500px) {
  header .branding .main .department {
    font-size: calc(16px + 4 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  header .branding .main .department {
    font-size: 20px;
  }
}

header .branding .main .department a {
  color      : #1E3877;
  font-weight: 600;
}

header .branding .main .department a:hover,
header .branding .main .department a:focus {
  opacity: 0.7;
}

header .right .link a {
  font-family   : 'Fjalla One', sans-serif;
  text-transform: uppercase;
  font-weight   : 500;
  color         : #1D58A7;
  border        : 1px solid transparent;
  font-size     : 12px;
  padding       : 0.25em;
  transform     : translateX(0.25em);
  display       : inline-block;
  transition    : color 0.25s ease-in-out;
}

@media screen and (max-width: 768px) {
  header .right .link a {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  header .right .link a {
    font-size: calc(12px + 4 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  header .right .link a {
    font-size: 16px;
  }
}

header .right .link a:hover,
header .right .link a:focus {
  border: 1px dotted #FF552E;
}

.loaded article .index>div {
  opacity  : 1;
  transform: scale(1, 1);
}

article {
  height            : calc(100% - 14.5em);
  /*background-color: #13294B;*/
  /*padding         : 0 2em;*/
  max-width         : 1600px;
  margin            : 0 auto;
  width             : 100%;
}

@media screen and (max-width: 767px) {
  article {
    height: calc(100% - -65.5em);
  }
}

@media screen and (min-width: 768px) and (max-height: 600px) {
  article {
    height: calc(100% - 10.5em);
  }
}

article .index {
  display            : flex;
  flex-wrap          : wrap;
  justify-content    : space-between;
  align-items        : center;
  height             : 100%;
  /* padding         : 0 2em; */
  padding            : 2em 2em 3em;
  /*background-color   : #CBE0FF;*/
}

article .index>div {
  width     : 24%;
  height    : 48%;
  max-height: 100%;
  opacity   : 0;
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  transform : scale(0.9, 0.9);
}

@media screen and (max-width: 768px) {
  article .index>div {
    width: 48%;
  }
}

article .index>div:nth-child(1) {
  transition-delay: 0.25s;
}

article .index>div:nth-child(2) {
  transition-delay: 0.35s;
}

article .index>div:nth-child(3) {
  transition-delay: 0.45s;
}

article .index>div:nth-child(4) {
  transition-delay: 0.55s;
}

article .index>div:nth-child(5) {
  transition-delay: 0.65s;
}

article .index>div:nth-child(6) {
  transition-delay: 0.75s;
}

article .index>div:nth-child(7) {
  transition-delay: 0.85s;
}

article .index>div:nth-child(8) {
  transition-delay: 0.95s;
}

article .index>div a {
  height        : 100%;
  display       : flex;
  flex-direction: column;
}

article .index>div a .bottom {
  overflow: hidden;
}

article .index>div a .bottom .preview {
  transition: transform 0.25s ease-in-out;
}

article .index>div a .top .right {
  transition: opacity 0.25s ease-in-out;
  opacity   : 1;
}

article .index>div a:hover .top .right,
article .index>div a:focus .top .right {
  opacity: 0.7;
}

article .index>div a:hover .bottom .preview,
article .index>div a:focus .bottom .preview {
  transform: scale(1.125, 1.125);
}

article .index>div .top {
  display                : flex;
  background-color       : #13294B;
  /*height               : calc(40px + 2em);*/
  height                 : calc(23px + 1em);
  align-items            : center;
  border-top-left-radius : 20px;
  border-top-right-radius: 20px;
  color                  : #fff;
  border                 : 2px solid #1E3877;

}

@media screen and (max-width: 768px) {
  article .index>div .top {
    height: calc(30px + 2em);
  }
}

article .index>div .top .left {
  /*background-color: #FF552E;*/
  border-top-left-radius: 20px;
}

article .index>div .top .right {
  font-family    : 'Fjalla One', sans-serif;
  color          : #fff;
  text-transform : uppercase;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  width          : 100%;
  height         : 100%;
  padding-left   : 1em;
  padding-right  : 1em;
  font-size      : 14px;
  position       : relative;
  left           : -15px;
  top            : 1px;
}

@media screen and (min-width: 500px) {
  article .index>div .top .right {
    /*font-size: calc(14px + 6 * ((100vw - 500px) / 1100));*/
    /* font-size: calc(14px + 2 * ((100vw - 500px) / 1100)); */
  }
}

@media screen and (min-width: 1600px) {
  article .index>div .top .right {
    font-size: 20px;
  }
}

article .index>div .top svg {
  height : 20px;
  width  : 20px;
  padding: 0.75em 0.5em 0.5em 1em;
}

article .index>div .top svg * {
  fill: #fff;
}

article .index>div .bottom {
  min-height                : 100px;
  height                    : 100%;
  border                    : 2px solid #CAD9EF;
  border-top                : none;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius : 20px;
}

@media screen and (max-width: 768px) {
  article .index>div .bottom {
    margin-bottom: 1em;
  }
}

article .index>div .bottom .preview {
  height: 100%;
}

@media screen and (max-width: 768px) {
  article .index>div .bottom .preview {
    /* min-height: 250px; */
    min-height: 170px;
  }
}

article .index>div .bottom .preview>div {
  height             : 100%;
  width              : 100%;
  background-size    : contain;
  background-repeat  : no-repeat;
  background-color   : #fff;
  background-position: center center;
}

@media screen and (max-width: 768px) {
  article .index>div .bottom .preview>div {
    /* min-height: 250px; */
    min-height: 170px;
  }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

article .slides {
  width           : 100%;
  height          : 100%;
  /*background-color: #CBE0FF;*/
  /*background:  url("../images/background.jpg");
  background-size: cover !important;
  background-position: 50% !important;*/

}

article .slides .slick-list {
  height: 100%;
  width : 100%;
}

article .slides .slick-list .slick-track {
  height: 100%;
  width : 100%;
}

article .slides .slick-arrow {
  position        : absolute;
  /*top           : 0;
  height          : 100%;*/
  top             : 25%;
  height          : 50%;
  z-index         : 10;
  background-color: transparent;
  color           : #13294B;
  border          : 1px solid transparent;
  padding         : 0em 20px;
  font-size       : 15px;
}

@media screen and (min-width: 500px) {
  article .slides .slick-arrow {
    font-size: calc(15px + 15 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  article .slides .slick-arrow {
    font-size: 30px;
  }
}

article .slides .slick-arrow i {
  transition: transform 0.25s ease-in-out;
}

article .slides .slick-arrow.slick-next {
  right: 0;
}

article .slides .slick-arrow.slick-next:hover i {
  transform: translateX(2px);
}

article .slides .slick-arrow.slick-disabled {
  opacity: 0;
  display: none;
}

article .slides .slick-arrow.slick-disabled:hover,
article .slides .slick-arrow.slick-disabled:focus {
  opacity: 0;
}

article .slides .slick-arrow:hover {
  opacity: 0.8;
}

article .slides .slick-arrow:hover i {
  transform: translateX(-2px);
}

article .slides .slick-dots {
  position       : absolute;
  bottom         : 8px;
  width          : 100%;
  display        : flex;
  justify-content: center;
  pointer-events : none;
}

article .slides .slick-dots li:only-child {
  display: none;
}

article .slides .slick-dots li button {
  pointer-events  : visible;
  border          : 2px solid #1E3877;
  background-color: #1E3877;
  border-radius   : 50%;
  text-indent     : -10000px;
  width           : 16px;
  height          : 16px;
  padding         : 0px;
  margin          : 0px 0.2em;
  display         : block;
  transition      : background-color 0.25s, border-color 0.25s ease-in-out;
}

article .slides .slick-dots li button:hover,
article .slides .slick-dots li button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  border-color    : rgba(255, 255, 255, 0.5);
}

article .slides .slick-dots li.slick-active button {
  border          : 2px solid #FF552E;
  background-color: #FF552E;
}

article .slides .slick-slide>div {
  width : 100%;
  height: 100%;
}

article .slides .slick-slide.slick-active.slide .bg-image {
  opacity  : 1;
  transform: translateY(0px);
}

article .slides .slick-slide.slide .slide-nav {
  transform: translateY(10px);
}

article .slides .slick-slide.slick-active.slide .slide-nav {
  opacity   : 1;
  transform : translateY(0);
  transition: opacity .25s ease-in-out 1s, transform .25s ease-in-out 1s;
}

article .slides .slide {
  width   : 100%;
  height  : 100%;
  position: relative;
}

article .slides .slide .bg-image {
  width              : 100%;
  height             : 100%;
  background-size    : contain;
  background-position: center;
  background-repeat  : no-repeat;
  opacity            : 0;
  transform          : translateY(10px);
  transition         : opacity 0.25s ease-in-out 1s, transform 0.25s ease-in-out 1s;
}

article .slides .slide .bg-image.desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  article .slides .slide .bg-image.desktop {
    display         : block;
    /*background-color: #CBE0FF;*/
  }
}

article .slides .slide .bg-image.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  article .slides .slide .bg-image.mobile {
    display: block;
  }
}

article .slides .slide .slide-nav {
  height         : auto;
  transition     : opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
  /* transform   : translateY(100px); */
  opacity        : 0;
  position       : absolute;
  z-index        : 20;
  width          : calc(100% - 80px);
  bottom         : 20px;
  padding        : 0px 40px;
  display        : flex;
  justify-content: space-between;
  color          : #fff;
  font-family    : 'Fjalla One', sans-serif;
}

@media screen and (max-width: 768px) {
  article .slides .slide .slide-nav {
    display: none;
  }
}

article .slides .slide .slide-nav .label {
  color      : #1E3877;
  font-family: 'Fjalla One', sans-serif;
}

article .slides .slide .slide-nav .title {
  color      : #1D58A7;
  font-family: 'Fjalla One', sans-serif;
}

article .slides .slide .slide-nav .next {
  text-align: right;
}

article .slides .slide .slide-nav .next button {
  text-align: right;
}

article .slides .slide .slide-nav button {
  background-color: transparent;
  border          : 0;
  text-align      : left;
  transition      : transform 0.25s ease-in-out, color 0.25s ease-in-out;
  text-transform  : uppercase;
  font-size       : 13px;

}

@media screen and (min-width: 500px) {
  article .slides .slide .slide-nav button {
    font-size: calc(13px + 5 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  article .slides .slide .slide-nav button {
    font-size: 18px;
  }
}

article .slides .slide .slide-nav button:hover {
  transform: translateY(-2px);
  color    : #90AED5;
}

.index article {
  background-color: transparent;
}

.loaded footer {
  opacity         : 1;
  transition-delay: 1s;
}

footer {
  display           : flex;
  justify-content   : center;
  opacity           : 0;
  transition        : opacity 0.25s ease-in-out;
  padding           : 0 2em;
  background-color  : #13294B;
  -webkit-box-shadow: inset 0px 10px 20px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow   : inset 0px 10px 20px 0px rgba(0, 0, 0, 0.26);
  box-shadow        : inset 0px 10px 20px -4px rgba(0, 0, 0, 0.26);
}

.print-link {
  transform    : translateY(-11px);
  margin-top   : 2em;
  text-align   : center;
  margin-bottom: 2em;
}

.print-link a {
  background-color: #1D58A7;
  color           : #fff;
  padding         : 0.75em 1em 0.65em 1em;
  font-family     : 'Fjalla One', sans-serif;
  text-transform  : uppercase;
  transition      : background-color 0.25s ease-in-out;
  border-radius   : 20px;
}

.print-link a:hover,
.print-link a:focus {
  background-color: #13294B;
}

.print-link a svg {
  height      : 20px !important;
  position    : relative;
  top         : 2px;
  margin-right: 0.5em;
}

footer .inside-only {
  width: 100%;
}

footer nav {
  width  : 100%;
  padding: 1em 0;
}

footer nav ul {
  display        : flex;
  width          : 100%;
  justify-content: space-between;
}

@media screen and (max-width: 900px) {
  footer nav ul {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1200px) {
  footer nav ul {
    flex-wrap: wrap;
    max-width: 920px;
    margin   : 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  li#undefined {
    display: none !important;
  }
}

footer nav ul li {
  border-radius      : 20px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  display            : flex;
  border-radius      : 100%;
  padding            : 3px;
  /*background         : rgb(0, 98, 170);
  background         : linear-gradient(311deg, rgba(0, 98, 170, 1) 0%, rgba(0, 98, 170, 0.2749693627450981) 100%);*/
  filter             : drop-shadow(5px 1px 4px #1e3877);
}

@media screen and (max-width: 900px) {
  footer nav ul li {
    /* width: 21%; */
    width     : 75px;
    height    : 75px;
    max-width : 75px;
    max-height: 75px;
  }
}

footer nav ul li div.pipe {
  border: 1px solid #13294B;
  height: 100%;
}

footer nav ul li.active a {
  background-color: #fff;
  color:  #13294B;
  border: 4px solid #FF552E;
}

footer nav ul li.active a svg * {
  fill: #FF552E;
}

footer nav ul li.active a span {
  color: #13294B;
}

footer nav ul li.active a:hover svg * {
  fill: #FF552E;
}

footer nav ul li.active a:hover span {
  color: #13294B;
}

footer nav ul li a {
  display            : flex;
  flex-direction     : column;
  background-color   : #fff;
  color              : #0062AA;
  justify-content    : center;
  align-items        : center;
  /*padding          : 1em 1em;*/
  padding            : 0.5em 0.5em;
  /*border             : 1px solid transparent;*/
  /*margin           : 1em;*/
  /* margin          : .5em; */
  border-radius      : 100%;
  max-width          : 80px;
  border             : 4px solid transparent;
  width              : 80px;
  height             : 80px;
}

@media screen and (min-width: 768px) and (max-height: 600px) {
  footer nav ul li a {
    padding: .25em .25em;
  }
}

footer nav ul li a svg {
  height    : 25px;
  width     : 25px;
  transition: transform 0.35s ease-in-out;
}

@media screen and (max-width: 1024px) {
  footer nav ul li a svg {
    height: 20px;
    width : 20px;
  }
}

footer nav ul li a svg * {
  transition: fill 0.35s ease-in-out;
}

footer nav ul li a span {
  padding-top   : .25em;
  font-family   : 'Fjalla One', sans-serif;
  text-transform: uppercase;
  transition    : transform 0.25s ease-in-out;
  text-align    : center;
  font-size     : 12px;
  /*max-width   : 80%;*/
}

@media screen and (min-width: 500px) {
  footer nav ul li a span {
    font-size: calc(10px + 5 * ((100vw - 500px) / 1100));
  }
}

@media screen and (min-width: 1600px) {
  footer nav ul li a span {
    font-size: 17px;
  }
}

@media screen and (min-width: 768px) and (max-height: 600px) {
  footer nav ul li a span {
    font-size: calc(9px + 5 * ((100vw - 500px) / 1100));
  }
}

footer nav ul li a:hover svg {
  transform: translateY(-5px);
}

footer nav ul li a:hover svg * {
  fill: #FF552E;
}

footer nav ul li a:hover span {
  color: #1D58A7;
}

/*footer nav ul li a:focus {
  border: 1px dotted #FF552E;
}*/
footer nav ul li a:focus span {
  color: #13294B !important;
}

footer nav ul li a:focus {
  color: #13294B !important;
}

.index-only,
.inside-only {
  display: none;
}

.inside .inside-only,
.index .index-only {
  display: block;
}

.index footer {
  display    : flex;
  align-items: flex-end;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

.true-footer {
  font-family     : 'Source Sans Pro', sans-serif;
  background-color: #e8e9eb;
  min-height      : 200px;
}

.true-footer .footer-white-block-wrapper {
  background-color: #e8e9eb;
  box-shadow      : none !important;
  padding         : 50px 20px 60px 20px;
}

.true-footer .footer-inner-wrapper {
  max-width      : 1200px;
  margin         : 0 auto;
  padding        : 0 20px;
  display        : flex;
  justify-content: space-between;
  align-items    : flex-start;
  color          : #13294b;
  font-size      : 20px;
}

@media screen and (max-width: 768px) {
  .true-footer .footer-inner-wrapper {
    flex-wrap: wrap;
  }
}

.true-footer .footer-inner-wrapper .footer-col {
  width     : 50%;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .true-footer .footer-inner-wrapper .footer-col {
    width: 100%;
  }
}

.true-footer .footer-branding {
  margin-bottom: 40px;
}

.true-footer .footer-branding img {
  width: 210px;
}

.true-footer .footer-inner-wrapper .social-icons {
  margin-bottom: 20px;
}

.true-footer .footer-inner-wrapper .social-icons img {
  width: 24px;
}

.true-footer .footer-inner-wrapper .contact-info .contact-title {
  margin-bottom: 12px;
}

.true-footer .footer-inner-wrapper .contact-info p,
.true-footer .footer-inner-wrapper .copyright p {
  margin       : 0;
  margin-bottom: 6px;
}

.true-footer .footer-email {
  text-decoration: none;
  color          : black;
}

.true-footer .footer-inner-wrapper .cta-button {
  margin-top: 50px;
  font-size : 20px;
}

.true-footer .footer-contact-button {
  padding-top     : 15px;
  padding-right   : 25px;
  padding-bottom  : 15px;
  padding-left    : 25px;
  font-size       : 14px;
  background-color: #DA3510;
  color           : white;
  text-decoration : none;
  text-transform  : uppercase;
}

@media screen and (max-width: 768px) {
  .index .container {
    height: auto;
  }
}

.index .container article {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .index .container article {
    height: auto;
  }
}

.index .container footer {
  height: 70px;
}

.links {
  position       : absolute;
  width          : 100%;
  height         : 100%;
  top            : 0;
  left           : 0;
  height         : 100%;
  display        : flex;
  flex-direction : column;
  justify-content: center;
}

.links-title {
  font-family   : 'Fjalla One', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color         : #fff;
  font-size     : 30px;
  text-align    : center;
  margin-bottom : 1em;
}

@media screen and (min-width: 500px) {
  .links-title {
    font-size: calc(30px + 10 * ((100vw - 500px) / 1100));
  }
}

.slide-link {
  height          : 150px;
  width           : 150px;
  background-image: url(../images/logos.jpg);
  background-size : 500% 200%;
  border-radius   : 50%;
  margin          : 1em;
}

@media screen and (max-width: 980px) {
  .slide-link {
    height: 120px;
    width : 120px;
    margin: .5em;
  }
}


@media screen and (max-width: 768px) {
  .slide-link {
    height: 100px;
    width : 100px;
    margin: .5em;
  }
}

@media screen and (max-width: 500px) {
  .slide-link {
    height: 50px;
    width : 50px;
    margin: .5em;
  }
}


@media screen and (min-width: 500px) and (max-height: 800px) {
  .slide-link {
    height: 80px;
    width : 80px;
    margin: .5em;
  }
}

.slide-link:nth-child(2) {
  background-position: -100% 0;
}

.slide-link:nth-child(3) {
  background-position: -200% 0;
}

.slide-link:nth-child(4) {
  background-position: -300% 0;
}

.slide-link:nth-child(5) {
  background-position: -400% 0;
}

.slide-link:nth-child(6) {
  background-position: 0% -100%;
}

.slide-link:nth-child(7) {
  background-position: -100% -100%;
}

.slide-link:nth-child(8) {
  background-position: -200% -100%;
}

.slide-link:nth-child(9) {
  background-position: -300% -100%;
}

.slide-link:nth-child(10) {
  background-position: -4000% -100%;
}


.slide-link-inner {
  display        : flex;
  flex-wrap      : wrap;
  max-width      : 1200px;
  margin         : 0px auto;
  align-items    : center;
  justify-content: center;
}

.call-to-action-special {
  position: absolute;
  top     : 0;
}


.slick-current .cta-inner {
  opacity   : 1;
  transition: opacity .5s ease-in-out .5s;
}


.cta-inner {
  position: absolute;
  bottom  : 17%;
  width   : 200px;
  left    : calc(50% - 100px);
  margin  : 0px auto;
  opacity : 0;
}

.cta-inner a {
  background-color: #FF552E;
  color           : #fff;
  padding         : 8px;
  width           : 200px;
  display         : block;
  font-family     : 'Source Sans Pro', sans-serif;
  text-align      : center;
  font-size       : 25px;
}


@media screen and (max-width: 768px) {
  .cta-inner a {
    font-size: 20px;
  }
}

@media screen and (max-width: 500px) {
  .cta-inner a {
    font-size: 18px;
    width    : 120px;
    padding  : 8px;
  }

  .cta-inner {
    width : 120px;
    left  : calc(50% - 70px);
    bottom: 15%;
  }
}

.slick-slider {
  touch-action: auto !important;
}

.fake-arrows {
  display : none;
  position: absolute;
  top     : 0;
  width   : 100%;
  height  : 100%;
}

.debug .fake-arrows {
  display: block;
}

article .slides .slick-slide .links.map.desktop {
  /* border:1px solid red; */
  position   : absolute;
  top        : 0;
  left       : 0;
  /* width   : 100px;
  height     : 100px; */
  width      : 100%;
  height     : 100%;
  display    : none;
}

article .slides .slick-slide .links.map.mobile {
  /* border:1px solid pink; */
  position   : absolute;
  top        : 0;
  left       : 0;
  /* width   : 100px;
  height     : 100px; */
  width      : 100%;
  height     : 100%;
  display    : none;
}

@media screen and (max-width: 768px) {
  article .slides .slick-slide .links.map.mobile {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  article .slides .slick-slide .links.map.desktop {
    display: block;
  }
}

.links.map .slide-link-map {
  position       : absolute;
  border         : 1px solid transparent;
  /* border-color:green; */
  transition     : border-color .5s ease-in-out;
}

.links.map .slide-link-map i {
  color     : #1D58A7;
  position  : absolute;
  right     : 10px;
  top       : 10px;
  font-size : 1vw;
  opacity   : 0;
  transition: opacity .5s ease-in-out;
}

@media screen and (max-width: 768px) {
  .links.map .slide-link-map i {
    font-size: 15px;
  }

}

.links.map .slide-link-map:hover,
.links.map .slide-link-map:focus {
  border: 1px solid #1D58A7;

}

.links.map .slide-link-map:hover i,
.links.map .slide-link-map:focus i {
  opacity: 1;
}


/*2022 additional styles*/

.btn-download {
  position                  : relative;
  background                : #1D58A7;
  top                       : -42px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius : 10px;
  padding                   : 30px 1em 1em;
  text-align                : center;
  transition                : top .25s ease-in-out;
}

.btn-download:hover {
  top: -32px;
}

.btn-download a {
  color: #fff;
}

.btn-download a h1 {
  text-transform: uppercase;
  font-size     : 1.5em;
  margin-bottom : 0;
  font-weight   : 100;
  letter-spacing: .015em;
}

.fas.fa-chevron-right {
  position: relative;
  right   : -15px;
}

.fas.fa-chevron-left {
  position: relative;
  left    : -15px;
}

.inside-only {
  max-width: 1600px;
}

footer nav ul li a svg path,
footer nav ul li a svg circle {
  fill: #1D58A7;
}

footer nav ul li#dashboard-home a,
footer nav ul li#printable-version a {
  border-radius   : 50%;
  background-color: #fff;
  border          : 3px solid #1D58A7;
  /*border-radius : 50%;
  width           : 100%;
  height          : auto;
  padding-top     : 100%;*/
  max-width       : 70px;
  max-height      : 70px;
  width           : 70px;
  height          : 70px;
}

@media screen and (max-width: 899px) {

  footer nav ul li#dashboard-home a,
  footer nav ul li#printable-version a {
    max-width : 60px;
    max-height: 60px;
    width     : 60px;
    height    : 60px;
  }

  .menu-bar {
    display: none;
  }
}

.menu-bar {
    display: inline-block;
}

@media screen and (max-width: 1100px) {
  .menu-bar {
    max-width: 200px;
    top: 2px;
  }

  .menu-bar ul li {
    margin-bottom: .5em;
  }

}

@media screen and (max-width: 768px) {
  .menu-bar {
    display: none;
  }
  
}


@media screen and (max-width: 600px) {

  .btn-download.mainFont.mobile h1,
  .btn-download.mainFont.mobile .subhead {
    display: inline-block;
  }

  .btn-download.mainFont.mobile .subhead {
    margin-left: .25em;
  }

  .btn-download.mainFont.mobile {
   margin: 0 -1em 0em !important;
  }

  .btn-download.mainFont.mobile a {
    text-align: center;
    display   : flow;
    padding   : 0;
    margin    : 0 auto;
  }


  .menu-bar ul {
    text-align: center;
  }

  .menu-bar ul li:last-child {
    margin: 0;
  }

  footer nav ul li {
    /* scale: .75; */
    margin : 0.5em 0;
    padding: 1px;
  }

  footer nav ul li a {
    /* padding: 0.5em 0.5em;
    margin : .5em; */
    margin   : 2px;
    padding  : 5px;
    width    : 80px;
    height   : 65px;
    max-width: 80px;
  }

  footer {
    padding: 0 1em;
  }
}

article .slides .slick-dots li button {
  border: 2px solid #1D58A7;
}

article .slides .slick-dots li button:hover,
article .slides .slick-dots li button:focus {
  border: 2px solid #FF552E;
}

footer nav ul li a:hover,
footer nav ul li a:focus,
footer nav ul li a:focus {
  boder: 0px solid transparent !important;
}

.main-wrapper.index .container-old,
.main-wrapper.index .container-old article {
  height: auto;
}

.btn-download.mainFont.desktop {
  display: none;
}

.btn-download.mainFont.mobile {
  border-radius   : 0;
  top             : 0;
  padding         : 1em;
  background-color: #e8f5fa;
  margin          : 0 -2em 2em;
  text-align      : left;
  overflow        : hidden;
}

.btn-download.mainFont.mobile a {
  color       : #1D58A7;
  padding-left: 1em;
  display     : block;
}

header .right {
  display: none;
}

.btn-download.mainFont.mobile h1 {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .btn-download.mainFont.desktop {
    display: inline-block;
  }

  .btn-download.mainFont.mobile {
    display: none;
  }

  header .right {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  article .index>div .bottom .preview>div {
    min-height: 250px;
  }

  article .index>div .bottom .preview {
    min-height: 250px;
  }

  .loaded article .index>div {
    /*margin-bottom: 1em;*/
    /* margin-bottom: 4em; */
    margin-top: 1em;
  }

  header .branding .main .department a {
    font-size: 24px;
  }

  header .branding .main .icon {
    width        : 30px;
    height       : 43px;
    padding-right: 16px;
  }

  header .left a {
    width : 30px;
    height: 43px;
  }

  img.iblock {
    min-width: 30px;
    height   : 50px;
    top      : -4px;
    position : relative;
  }
}

.menu-bar {
  padding: 0em;
    /* background-color: #13294B; */
  left: 4em;
  position: relative;
  bottom: -.9em;
}

.menu-bar ul li {
  display     : inline-block;
  margin-right: 1em;
}

.menu-bar ul li a {
  color          : #1D58A7;
  text-decoration: none;
  text-transform : uppercase;
  font-family    : 'Fjalla One',
    sans-serif;
  position: relative;
}

.menu-bar ul li a span {
  padding-left: .5em
}

.menu-bar ul li a svg path {
  fill:  #FF552E;
}





.slide.slick-slide.slick-current.slick-active a.slide-link-map {
  animation-name              : highlight;
  animation-delay             : 2s;
  animation-duration          : 3s;
  animation-iteration-count   : 1;
  border-radius               : 10px;
  transition                  : border .5s ease-in-out, background-color .5s ease-in-out;
  /* opacity                  : 0; */
}

.slide.slick-slide.slick-current.slick-active a.slide-link-map i {
  border : none !important;
  display: none;
}

@keyframes highlight {
  0% {
    border          : 3px solid transparent;
    background-color: transparent;
    opacity         : 0;
  }

  50% {
    border          : 2px solid #fb552e;
    background-color: #ff00004a;
    opacity: 1;
  }

  100% {
    border          : 3px solid transparent;
    background-color: transparent;
    opacity         : 0;
  }
}


.menu-bar {
  opacity         : 0;
  transition      : opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  transform       : translateY(15px);
}

.loaded header .menu-bar {
  opacity         : 1;
  transition-delay: 0.5s;
  transform       : translateY(0);
}

.menu-bar a {
  transition: color .25s ease-in-out;
}

.menu-bar a:hover {
  color:  #13294B;
}

.menu-bar a svg {
    transform: scale(1);
    transition: transform .25s ease-in-out;
}

.menu-bar a:hover svg {
    transform: scale(1.5);
}

.slide-nav {
  display: none !important;
}

.slide.slick-slide {
  position: relative;
}

.line {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.line svg {
  
}

/*temp*/

/* .links.map .slide-link-map {
  background: #ff00004a;
} */