@media print {
    body {
      padding: 50px !important;
    }
  
    a,
    a:visited {
      text-decoration: underline !important;
    }
  
    a[href]:after {
      content: " (" attr(href) ")";
    }
  
    .eagleContent {
      font-size: 15px !important;
    }
  
    .sideNavigation, .tt-desktop-nav, .tt-mobile-section-nav-container {
      display: none !important;
    }
  
    .ctaFooter {
      display: none !important;
    }
  
    .footer {
      display: none !important;
    }
  
    .top-bar-left, .nav-3, .mobile-top-bar-container {
      display: none !important;
    }
  
    .cell {
      min-width: 100% !important;
    }
  
    .accordion-content {
      display: block !important;
      height: auto !important;
    }
	
	
	.accordionSection .accordion .accordion-item .accordion-title, .accordionSection .accordion .accordion-item .accordion-title::before {
		background: #e8e8e8 !important;
	}
	
	.accordionSection .accordion .accordion-item .accordion-title .triangle {
		border-right: none;
	}
	
	.blockWrap, .threeRowBlocks, .block {
		padding: 0;
		margin: 0;
		height: fit-content!important;
		width: fit-content!important;
	}
	
	.threeBlocks {
		width: auto!important;
		max-width: none;
	}
	
	.centerSliderSection {
		padding: 0!important;
		height: auto!important;
	}
	
	.sixUpRoutingIcons .links a {
		flex-direction: row !important;
	}
	
	.sixUpRoutingIcons .links a .iconWrap {
		width: fit-content!important;
		margin: auto;
	}
  }
  
  .newsAndEventsSection {
    position: relative;
    padding: 50px 0px;
  }
  
  .newsAndEventsSection .newsBlocks {
    position: relative;
  }

  
  @media (min-width: 1024px) {
    .newsAndEventsSection .newsBlocks {
      height: 350px;
    }
  }
  
  .newsAndEventsSection .newsBlocks .leftContainer {
    height: 100%;
  }
  
  .newsAndEventsSection .newsBlocks .grid-x {
    height: 100%;
  }
  
  .newsAndEventsSection .newsBlocks .block {
    position: relative;
    background-size: cover;
    background-position: 50%;
    height: 100%;
    overflow: hidden;
    transition: 0.4s;
  }
  
  @media (max-width: 1024px) {
    .newsAndEventsSection .newsBlocks .block {
      height: 20vw;
      min-height: 240px;
      margin-bottom: 20px;
    }
  }
  
  @media (max-width: 640px) {
    .newsAndEventsSection .newsBlocks .block {
      height: auto;
      min-height: 240px;
      margin-bottom: 30px;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block:nth-child(1) {
    background-image: url("/_resources/img/news-block01.jpg");
  }
  
  @media (max-width: 640px) {
    .newsAndEventsSection .newsBlocks .block:nth-child(1) {
      background-image: none;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block:nth-child(2) {
    background-image: url("/_resources/img/tnTechBlockGrid01.jpg");
  }
  
  @media (max-width: 640px) {
    .newsAndEventsSection .newsBlocks .block:nth-child(2) {
      background-image: none;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block:hover {
    transition: 0.4s;
  }
  
  @media (min-width: 640px) {
    .newsAndEventsSection .newsBlocks .block:hover .purpleBox {
      bottom: 0%;
    }
  
    .newsAndEventsSection .newsBlocks .block:hover .purpleBox .bottom {
      opacity: 1;
      transition: 0.4s;
    }
  
    .newsAndEventsSection .newsBlocks .block:hover .purpleBox .arrow {
      -ms-transform: rotate(45deg) !important;
      transform: rotate(45deg) !important;
      transition: 0.4s;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block .img {
    width: 100%;
  }
  
  @media (min-width: 640px) {
    .newsAndEventsSection .newsBlocks .block .img {
      display: none;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block .purpleBox {
    background: rgba(79, 41, 132, 0.9);
    position: relative;
    color: white;
    position: absolute;
    bottom: -60%;
    width: 100%;
    height: 100%;
    padding: 10px 20px 10px;
    transition: 0.4s;
  }
  
  @media (min-width: 640px) and (max-width: 1023px) {
    .newsAndEventsSection .newsBlocks .block .purpleBox {
      bottom: -50%;
    }
  }
  
  @media (max-width: 640px) {
    .newsAndEventsSection .newsBlocks .block .purpleBox {
      position: relative;
      bottom: auto;
      background: #582c83;
      height: auto;
      padding: 20px;
    }
  
    .newsAndEventsSection .newsBlocks .block .purpleBox .bottom {
      opacity: 1 !important;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block .purpleBox .arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 1.3rem;
    transition: 0.4s;
  }
  
  @media (max-width: 640px) {
    .newsAndEventsSection .newsBlocks .block .purpleBox .arrow {
      display: none;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block .purpleBox .date {
    font-weight: 900;
    font-size: 1rem;
  }
  
  .newsAndEventsSection .newsBlocks .block .purpleBox .title {
    font-size: 1.2rem;
    line-height: 1.2;
    color: white;
  }
  
  .newsAndEventsSection .newsBlocks .block .purpleBox .bottom {
    position: relative;
    margin-top: 20px;
    opacity: 0;
    transition: 0.4s;
  }
  
  .newsAndEventsSection .newsBlocks .block .purpleBox .bottom .content p {
    color: white;
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 900;
  }
  
  @media (min-width: 640px) and (max-width: 1023px) {
    .newsAndEventsSection .newsBlocks .block .purpleBox .bottom .content p {
      font-size: 0.8rem;
    }
  }
  
  .newsAndEventsSection .newsBlocks .block .purpleBox .bottom .more {
    color: #ffd100;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 900;
  }
  
  .newsAndEventsSection .events {
    position: relative;
  }
  
  .newsAndEventsSection .events .menu {
    position: relative;
  }
  
  .newsAndEventsSection .events .menu li {
    margin-bottom: 10px;
    background: #ebe5f4;
    transition: 0.2s;
  }
  
  .newsAndEventsSection .events .menu li:hover {
    background: #ffd100;
    transition: 0.2s;
  }
  
  .newsAndEventsSection .events .menu li .eventLink {
    padding: 14px 0px;
  }
  
  .newsAndEventsSection .events .menu li .eventLink .date {
    color: #582c83;
    text-align: center;
  }
  
  .newsAndEventsSection .events .menu li .eventLink .date .month {
    margin-bottom: 0px;
    line-height: 1;
    font-size: 1.5625rem;
  }
  
  .newsAndEventsSection .events .menu li .eventLink .date .day {
    font-family: "Arvo";
    font-weight: 900;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0px;
  }
  
  .newsAndEventsSection .events .menu li .eventLink .eventTitle {
    position: relative;
    padding: 0px 12px;
  }
  
  .newsAndEventsSection .events .menu li .eventLink .eventTitle .title {
    text-transform: uppercase;
    color: #582c83;
    font-weight: 900;
    font-size: 1rem;
  }
  
  .newsAndEventsSection .events .menu li .eventLink .eventTitle .time {
    font-weight: 100;
    color: #582c83;
    font-size: 0.9rem;
  }
  
  .newsAndEventsSection .eventBox .eventLink {
    height: 100%;
  }
  
  .careerInfographic {
    position: relative;
    padding: 120px 0px;
  }
  
  @media (max-width: 640px) {
    .careerInfographic {
      padding: 40px 0px;
    }
  }
  
  .careerInfographic .info .h3 {
    color: #582c83;
    font-family: "PT Sans";
    font-size: 2.4rem;
  }
  
  @media (min-width: 640px) {
    .careerInfographic .info .h3 {
      padding-right: 90px;
    }
  }
  
  @media (max-width: 640px) {
    .careerInfographic .info .h3 {
      text-align: center;
      font-size: 1.4rem;
    }
  }
  
  .careerInfographic .info .button {
    padding: 15px 40px;
    color: #444;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 12px;
  }
  
  @media (max-width: 640px) {
    .careerInfographic .info .button {
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  }
  
  .careerInfographic .graph1 {
    margin-bottom: 40px;
  }
  
  @media (max-width: 640px) {
    .careerInfographic .infographic {
      margin-top: 50px;
      margin-bottom: 10px;
      padding: 10px;
    }
  }
  
  .careerInfographic .infographic a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .careerInfographic .infographic a:hover .h4 {
    color: #ffd100;
    transition: 0.2s;
  }
  
  .careerInfographic .infographic a:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.2s;
    transition-timing-function: ease-in;
  }
  
  @media (max-width: 640px) {
    .careerInfographic .infographic a {
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .careerInfographic .infographic a img {
    margin-right: 30px;
    transition: 0.2s;
    will-change: transform;
  }
  
  @media (max-width: 640px) {
    .careerInfographic .infographic a img {
      margin-right: 0px;
      margin-bottom: 20px;
    }
  }
  
  .careerInfographic .infographic a .h4 {
    color: #582c83;
    font-family: "PT Sans";
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    transition: 0.2s;
  }
  
  @media (max-width: 640px) {
    .careerInfographic .infographic a .h4 {
      font-size: 1rem;
      text-align: center;
    }
  }
  
  .spotlightSection {
    position: relative;
    display: block;
    background-color: #444;
  }
  
  .spotlightSection .spotlightSlider {
    height: 63vw;
    max-height: 650px;
    max-width: 100%;
    overflow: hidden;
  }
  
  @media (max-width: 640px) {
    .spotlightSection .spotlightSlider {
      height: auto;
    }
  }
  
  .spotlightSection .spotlightSlider .fa-arrow-left {
    z-index: 8;
    position: absolute;
    background: #ffd100;
    height: 50px;
    width: 50px;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 15px 5px;
    transition: 0.2s;
  }
  
  .spotlightSection .spotlightSlider .fa-arrow-left:hover {
    width: 75px;
    transition: 0.2s;
  }
  
  .spotlightSection .spotlightSlider .fa-arrow-left:before {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  
  .spotlightSection .spotlightSlider .fa-arrow-right {
    z-index: 8;
    position: absolute;
    background: #ffd100;
    height: 50px;
    width: 50px;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 15px 5px;
    transition: 0.2s;
  }
  
  @media (max-width: 640px) {
    .spotlightSection .spotlightSlider .fa-arrow-right {
      visibility: hidden;
    }
  }
  
  .spotlightSection .spotlightSlider .fa-arrow-right:hover {
    width: 75px;
    transition: 0.2s;
  }
  
  .spotlightSection .spotlightSlider .fa-arrow-right:before {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  
  .spotlightSection .spotlightSlider div {
    height: 100%;
    position: relative;
  }
  
  .spotlightSection .spotlightSlider div .slick-list {
    height: 100%;
  }
  
  .spotlightSection .spotlightSlider div .slick-list .slick-track {
    height: 100%;
  }
  
  .spotlightSection .spotlightSlider .slick-slide {
    background-position: top center;
    background-size: cover;
    height: 100%;
    position: relative;
  }
  
  .spotlightSection .spotlightSlider .slick-slide .slideInfo {
    height: 100%;
  }
  
  .spotlightSection .spotlightSlider .slick-slide .slideInfo .infoCell {
    background: rgba(79, 41, 132, 0.9);
    height: 100%;
  }
  
  .spotlightSection .spotlightSlider .slick-slide .slideInfo .infoCell .cell {
    padding: 60px 0;
  }
  
  @media (max-width: 640px) {
    .spotlightSection .spotlightSlider .slick-slide .slideInfo .infoCell .cell {
      padding: 60px 33px;
      -ms-flex-line-pack: end;
      align-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
    }
  }
  
  .spotlightSection .spotlightSlider .slick-slide .slideInfo .infoCell .cell .h3 {
    color: white;
    font-weight: 900;
    font-family: "PT Sans", serif;
    font-size: 2.4rem;
  }
  
  .spotlightSection .spotlightSlider .slick-slide .slideInfo .infoCell .cell p {
    color: white;
  }
  
  .spotlightSection
    .spotlightSlider
    .slick-slide
    .slideInfo
    .infoCell
    .cell
    .button {
    padding: 14px 7vw;
  }
  
  .spotlightSection
    .spotlightSlider
    .slick-slide
    .slideInfo
    .infoCell
    .cell
    .button:hover {
    background: #ebe5f4;
    color: #582c83;
  }
  
  @media (max-width: 640px) {
    .spotlightSection
      .spotlightSlider
      .slick-slide
      .slideInfo
      .infoCell
      .cell
      .button {
      margin-bottom: 0px;
    }
  }
  
  .spotlightSection .spotlightNavSlider {
    position: relative;
    background: #444;
    padding: 0px 0px 10px;
  }
  
  @media (max-width: 640px) {
    .spotlightSection .spotlightNavSlider {
      padding: 35px 0px;
    }
  }
  
  .spotlightSection .spotlightNavSlider .slick-slide {
    position: relative;
    padding: 0px 10px;
  }
  
  .spotlightSection .spotlightNavSlider .slick-slide:hover {
    cursor: pointer;
  }
  
  .spotlightSection .spotlightNavSlider .slick-slide .inner {
    color: white;
    border-top: 5px solid gray;
    text-align: center;
    font-family: "PT Sans Narrow";
    font-weight: 900;
    text-transform: uppercase;
    padding: 20px 0px 10px;
    width: 80%;
    margin: 0 auto;
    transition: 0.2s;
    position: relative;
  }
  
  @media (min-width: 640px) and (max-width: 1023px) {
    .spotlightSection .spotlightNavSlider .slick-slide .inner {
      font-size: 0.7rem !important;
    }
  }
  
  .spotlightSection .spotlightNavSlider .slick-slide .inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 10px;
    background: #ffd100;
    bottom: 1px;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 0.3s;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 1;
    z-index: 9;
  }
  
  .spotlightSection .spotlightNavSlider .slick-slide .inner:hover {
    color: white;
    transition: 0.2s;
    z-index: 9;
  }
  
  .spotlightSection .spotlightNavSlider .slick-slide .inner:hover:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  @media (max-width: 1024px) {
    .spotlightSection .spotlightNavSlider .slick-slide .inner {
      font-size: 0.8rem;
    }
  }
  
  @media (max-width: 640px) {
    .spotlightSection .spotlightNavSlider .slick-slide .inner {
      font-size: 0px;
      border-top: 10px solid rgba(255, 255, 255, 0.37);
      padding: 0;
    }
  }
  
  .spotlightSection .spotlightNavSlider .slick-current .inner {
    color: white;
    z-index: 3;
    border-top: 5px solid #ffd100;
  }
  
  @media (max-width: 640px) {
    .spotlightSection .spotlightNavSlider .slick-current .inner {
      border-top: 10px solid #ffd100;
    }
  }
  
  .accordionSection {
    position: relative;
    margin-bottom: 10px;
  }
  
  .accordionSection .accordion .accordion-item {
    position: relative;
    margin-bottom: 17px;
  }
  
  .accordionSection .accordion .accordion-item .accordion-title {
    background: #582c83;
    color: white;
    font-size: 1.4rem;
    position: relative;
  }
  
  @media (max-width: 640px) {
    .accordionSection .accordion .accordion-item .accordion-title {
      font-size: 1.1rem;
    }
  }
  
  .accordionSection .accordion .accordion-item .accordion-title:before {
    background: #ffd100;
    height: 100%;
    padding-right: 15px;
    top: 0;
    bottom: 0;
    margin: 0px;
    right: 0;
    width: 40px;
    font-size: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #582c83;
  }
  
  .accordionSection .accordion .accordion-item .accordion-title .triangle {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 0px;
    border-bottom-width: 63px;
    border-right: 47px solid #ffd100;
    position: absolute;
    left: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: 0;
    right: 40px;
  }
  
  @media (max-width: 1024px) {
    .accordionSection .accordion .accordion-item .accordion-title .triangle {
      border-bottom-width: 59px;
    }
  }
  
  .accordionSection .accordion .accordion-item .accordion-content {
    border: none;
  }
  
  .accordionSection .accordion .accordion-item .accordion-content .goldBtn {
    margin-top: 20px;
    margin-bottom: 35px;
  }
  
  .statistics {
    position: relative;
    background-color: #ffd100;
    background-image: url("/_resources/img/homepage/tnTechStatisticsBackground.jpg");
    padding: 80px 0;
  }
  
  @media (max-width: 1024px) {
    .statistics {
      padding: 40px 0 80px;
    }
  }
  
  .statistics .grid-container {
    max-width: 1400px !important;
  }
  
  .statistics .h2 {
    font-family: "PT Sans";
    text-align: center;
    font-weight: 900;
    color: #582c83;
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
  
  @media (max-width: 1024px) {
    .statistics .h2 {
      font-size: 8vw;
      margin-bottom: 20px;
    }
  }
  
  .statistics .purpleBtn {
    padding: 12px 67px;
    text-transform: uppercase;
    margin-top: 60px;
  }
  
  @media (max-width: 1024px) {
    .statistics .purpleBtn {
      margin-top: 0px;
    }
  }
  
  .statistics .statisticsSlider {
    position: relative;
  }
  
  @media (max-width: 1024px) {
    .statistics .statisticsSlider {
      margin-bottom: 16px;
    }
  }
  
  .statistics .statisticsSlider .fadeAllIn {
    opacity: 1;
    transition: 0.2s;
  }
  
  .statistics .statisticsSlider div {
    text-align: center;
    color: #582c83;
  }
  
  .statistics .statisticsSlider div .smH3 {
    display: none;
  }
  
  @media (max-width: 1024px) {
    .statistics .statisticsSlider div .smH3 {
      display: block;
    }
  }
  
  .statistics .statisticsSlider div .lgH3 {
    display: block;
  }
  
  @media (max-width: 1024px) {
    .statistics .statisticsSlider div .lgH3 {
      display: none;
    }
  }
  
  .statistics .statisticsSlider div .h3 {
    font-weight: 900;
    font-size: 8.5rem;
    line-height: 1;
    font-family: "Arvo", serif;
    margin-bottom: -8px;
    transition: 0.2s;
  }
  
  @media (max-width: 1024px) {
    .statistics .statisticsSlider div .h3 {
      opacity: 1;
    }
  }
  
  .statistics .statisticsSlider div p {
    font-weight: 900;
    font-size: 1.4rem;
    margin-bottom: 0px;
  }
  
  @media (max-width: 640px) {
    .statistics .statisticsSlider div p {
      font-size: 1.1rem;
    }
  }
  
  .statistics .statisticsSlider .slick-dots {
    bottom: -107px;
  }
  
  .statistics .statisticsSlider .slick-dots .slick-active button::before {
    opacity: 1;
  }
  
  .statistics .statisticsSlider .slick-dots li button::before {
    width: 27px;
    height: 6px;
    content: "";
    text-align: center;
    opacity: 0.5;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #582c83;
  }
  
  .twitterSlider {
    position: relative;
    background-color: #ededed;
    background-image: url("/_resources/img/tnTechTwitterTimelineBG.jpg");
    background-position: top right;
    background-size: cover;
    padding: 80px 0px;
  }
  
  .twitterSlider .twitterLeft .twitterSliderImages {
    margin-bottom: 40px;
  }
  
  .twitterSlider .twitterLeft .twitterSliderImages .slick-slide {
    background-size: cover;
    background-position: top center;
    height: 70vw;
    max-height: 300px;
  }
  
  @media (min-width: 1024px) {
    .twitterSlider .twitterLeft .twitterSliderImages .slick-slide {
      height: 100vw;
      max-height: 500px;
    }
  }
  
  .twitterSlider .twitterLeft .twitterSliderImages img {
    max-height: 285px !important;
    margin: auto;
  }
  
  .twitterSlider .twitterRight {
    position: relative;
    padding-top: 20px;
  }
  
  @media (min-width: 640px) {
    .twitterSlider .twitterRight {
      padding-left: 20px;
    }
  }
  
  .twitterSlider .twitterRight .title {
    color: #582c83;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1rem;
  }
  
  .twitterSlider .twitterRight .title a {
    color: #582c83;
  }
  
  .twitterSlider .twitterRight .twitterSliderContent {
    margin-top: 20px;
  }
  
  .twitterSlider .twitterRight .twitterSliderContent p {
    color: #582c83;
    line-height: 1.4;
    font-size: 1.4rem;
  }
  
  .twitterSlider .twitterRight .twitterSliderContent a {
    color: #582c83;
  }
  
  .twitterSlider .twitterRight .twitterSliderContent .slick-dots {
    text-align: left;
  }
  
  .twitterSlider
    .twitterRight
    .twitterSliderContent
    .slick-dots
    .slick-active
    button::before {
    opacity: 1;
    background: #582c83;
  }
  
  .twitterSlider .twitterRight .twitterSliderContent .slick-dots li button {
    width: 27px;
  }
  
  .twitterSlider
    .twitterRight
    .twitterSliderContent
    .slick-dots
    li
    button::before {
    width: 27px;
    height: 6px;
    content: "";
    text-align: center;
    opacity: 0.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #444;
  }
  
  .centerSliderSection {
    position: relative;
    padding: 80px 0;
    max-height: 600px;
    height: 60vw;
  }
  
  @media (max-width: 640px) {
    .centerSliderSection {
      height: auto;
      max-height: none;
      padding: 50px 0;
    }
  }
  
  .centerSliderSection .grid-container {
    height: 100%;
  }
  
  @media (max-width: 640px) {
    .centerSliderSection .grid-container {
      padding: 15px !important;
    }
  }
  
  .centerSliderSection .grid-container .grid-x {
    height: 100%;
  }
  
  .centerSliderSection .purpleCell {
    background: rgba(79, 41, 132, 0.9);
    position: relative;
    z-index: 99;
    padding: 50px 0px;
    text-align: center;
  }
  
  @media (max-width: 1024px) {
    .centerSliderSection .purpleCell {
      padding: 30px 20px;
    }
  }
  
  .centerSliderSection .purpleCell .controller {
    margin-top: 5px;
    position: relative;
  }
  
  .centerSliderSection .purpleCell .controller img:hover {
    cursor: pointer;
  }
  
  .centerSliderSection .purpleCell .controller .counter {
    color: white;
    padding: 0px 10px;
  }
  
  .centerSliderSection .centerSlider {
    position: relative;
    z-index: 9;
  }
  
  .centerSliderSection .centerSlider .centerInner {
    position: relative;
  }
  
  .centerSliderSection .centerSlider .centerInner .h3 {
    color: white;
    font-weight: 900;
    font-size: 2.5rem;
  }
  
  @media (max-width: 640px) {
    .centerSliderSection .centerSlider .centerInner .h3 {
      font-size: 1.5rem;
    }
  }
  
  .centerSliderSection .centerSlider .centerInner p {
    color: white;
  }
  
  @media (max-width: 640px) {
    .centerSliderSection .centerSlider .centerInner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .centerSliderSection .centerImageSlider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .centerSliderSection .centerImageSlider .slick-slide {
    background-size: cover;
  }
  
  .centerSliderSection .centerImageSlider .slick-track {
    height: 100%;
  }
  
  .centerSliderSection .centerImageSlider .slick-list {
    height: 100%;
  }
  
  .sideNavigation {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
  }
  
  .sideNavigation .sideNavigationTitle {
    width: 100%;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 0.65em 1em;
    background: #582c83 !important;
  }
  
  .sideNavigation .sideNavigationTitle:hover {
    cursor: auto !important;
  }
  
  .sideNavigation .accordion-menu {
    position: relative;
  }
  
  .sideNavigation .accordion-menu li {
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  
  .sideNavigation .accordion-menu li a {
    padding: 1.1rem 1rem;
  }
  
  .sideNavigation .accordion-menu li .parent {
    font-weight: 900;
    color: #444;
    font-size: 1.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: 0.2s;
  }
  
  .sideNavigation .accordion-menu li .parent i {
    transition: 0.2s;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  
  .sideNavigation .accordion-menu .submenu li:last-child {
    border-bottom: none;
  }
  
  .sideNavigation .accordion-menu .is-submenu-item a {
    color: #444;
  }
  
  .sideNavigation
    .accordion-menu
    .is-accordion-submenu-parent[aria-expanded="true"]
    .parent {
    background: #ebe5f4;
    transition: 0.2s;
  }
  
  .sideNavigation
    .accordion-menu
    .is-accordion-submenu-parent[aria-expanded="true"]
    .parent
    i {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.2s;
  }
  
  .sideNavigation
    .accordion-menu
    .is-accordion-submenu-parent:not(.has-submenu-toggle)
    > a::after {
    display: none;
  }
  
  .topBanner {
    position: relative;
    padding: 60px 0 50px;
    background-image: url("https://www.tntech.edu/_resources/img/tnTechPageTitleBg.jpg");
    background-position: center;
    background-size: cover;
  }
  
  .topBanner .h2 {
    color: #582c83;
    font-weight: 900;
    font-family: "Arvo";
    text-transform: capitalize;
    text-transform: uppercase;
    font-size: 3rem;
  }
  
  @media (max-width: 640px) {
    .topBanner .h2 {
      font-size: 2rem;
    }
  }
  
  .topBanner h1 {
    color: #582c83;
    font-weight: 900;
    font-family: "Arvo";
    text-transform: capitalize;
    text-transform: uppercase;
    font-size: 3rem;
  }
  
  @media (max-width: 640px) {
    .topBanner h1 {
      font-size: 2rem;
    }
  }
  
  .searchTopics {
    position: relative;
    padding: 40px 0px;
    background: #ebe5f4;
  }
  
  @media (max-width: 640px) {
    .searchTopics .grid-container {
      padding: 0 !important;
    }
  }
  
  .searchTopics .title {
    color: #582c83;
    margin-bottom: 5px;
    text-align: center;
  }
  
  @media (max-width: 1024px) {
    .searchTopics .title {
      font-size: 1.2rem;
      font-weight: 900;
      margin-bottom: 20px;
    }
  }
  
  @media (max-width: 1024px) {
    .searchTopics .list {
      display: none;
    }
  }
  
  .searchTopics .searchTopicSlider {
    display: none;
    position: relative;
    width: 80%;
    margin: 0 auto;
  }
  
  @media (max-width: 1024px) {
    .searchTopics .searchTopicSlider {
      display: block;
    }
  }
  
  .searchTopics .searchTopicSlider a {
    color: #582c83;
    font-size: 0.9rem;
  }
  
  .searchTopics .searchTopicSlider .fa-arrow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -30px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30px;
    height: 30px;
    text-align: center;
  }
  
  .searchTopics .searchTopicSlider .fa-arrow-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30px;
    height: 30px;
    text-align: center;
  }
  
  .searchTopics .menu {
    position: relative;
  }
  
  .searchTopics .menu li a {
    color: #582c83;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 900;
  }
  
  .searchTopics .menu li a i {
    margin-left: 7px;
  }
  
  .searchTopics .menu li a:hover {
    color: #444;
  }
  
  .searchBanner {
    position: relative;
    padding: 100px 0 100px;
    background-image: url("/_resources/img/tnTechSearchBanner.jpg");
    background-position: center;
    background-size: cover;
  }
  
  .searchBanner .h2 {
    color: #582c83;
    font-weight: 900;
    font-family: "Arvo";
    text-transform: capitalize;
    text-align: center;
    font-size: 2rem;
  }
  
  .searchBanner .searchBannerFormWrap {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  
  .searchBanner .searchBannerFormWrap i {
    position: absolute;
    right: 0;
    margin-top: 10px;
  }
  
  .searchBanner .searchBannerFormWrap form {
    position: relative;
    background: transparent;
    width: 100%;
  }
  
  .searchBanner .searchBannerFormWrap form input {
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #444;
  }
  
  .mainBanner {
    position: relative;
    padding: 200px 0;
    background-image: url("/_resources/img/homepage/tnTechMainBannerBackground.jpg");
    background-position: 50%;
    background-size: cover;
  }
  
  @media (max-width: 1024px) {
    .mainBanner {
      padding: 20vw 0;
    }
  }
  
  .mainBanner h1 {
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    font-size: 5.2rem;
    font-family: "Arvo", serif;
  }
  
  @media (max-width: 1024px) {
    .mainBanner h1 {
      font-size: 7vw;
    }
  }
  
  @media (max-width: 640px) {
    .mainBanner h1 {
      margin-bottom: 20px;
    }
  }
  
  .mainBanner .menu li {
    background: rgba(255, 255, 255, 0.404);
  }
  
  .mainBanner .menu li a {
    color: white;
    font-weight: 900;
  }
  
  .mainBanner .button-group .button {
    background: rgba(255, 255, 255, 0.445);
    position: relative;
    padding: 65px 10px;
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-right: 15px;
    border: 0px;
    overflow: hidden;
  }
  
  @media (max-width: 1024px) {
    .mainBanner .button-group .button {
      padding: 8vw 10px;
      font-size: 1rem;
    }
  }
  
  .mainBanner .button-group .button span {
    position: relative;
    z-index: 4;
    transition: 0.5s;
  }
  
  .mainBanner .button-group .button .fa-arrow-down {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    opacity: 0;
    margin: auto;
    z-index: 4;
    transition: 0.2s;
  }
  
  @media (max-width: 1024px) {
    .mainBanner .button-group .button .fa-arrow-down {
      display: none;
    }
  }
  
  .mainBanner .button-group .button:hover .fa-arrow-down {
    opacity: 1;
    bottom: 30px;
    color: #582c83;
    transition: 0.2s;
    transition-delay: 0.3s;
  }
  
  .mainBanner .button-group .button:hover span {
    color: #582c83;
    transition: 0.5s;
  }
  
  .mainBanner .button-group .button:hover:after {
    top: 0;
    transition: 0.5s;
  }
  
  .mainBanner .button-group .button:after {
    content: "";
    background: #ffd100;
    width: 100%;
    top: -95%;
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    height: 100%;
    transition: 0.5s;
  }
  
  .detailBanner {
    position: relative;
    padding: 50px 0;
    background-position: center;
    background-size: cover;
    height: 50vw;
    max-height: 500px;
  }
  
  .whiteBanner {
    position: relative;
    padding: 20px 0;
  }
  
  @media (max-width: 1024px) {
    .whiteBanner {
      padding: 0;
    }
  }
  
  .whiteBanner h1 {
    font-weight: 900;
    text-align: center;
    line-height: 1.1;
    padding: 0px 20px;
  }
  
  .detailBanner .grid-container {
    height: 100%;
  }
  
  .detailBanner .grid-container .grid-x {
    height: 100%;
  }
  
  .detailBanner .h2 {
    color: white;
    font-weight: 900;
    font-family: "Arvo";
    text-transform: capitalize;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1;
    padding: 0px 20px;
    font-size: 3rem;
  }
  
  @media (max-width: 1024px) {
    .detailBanner .h2 {
      font-size: 6vw;
    }
  }
  
  .detailBanner h1 {
    color: white;
    font-weight: 900;
    font-family: "Arvo";
    text-transform: capitalize;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1;
    padding: 0px 20px;
    font-size: 3rem;
  }
  
  @media (max-width: 1024px) {
    .detailBanner h1 {
      font-size: 6vw;
    }
  }
  
  .tagsList {
    position: relative;
    padding: 20px 0px;
    border-top: 1px solid #444;
    margin-top: 50px;
  }
  
  .tagsList .menu {
    position: relative;
  }
  
  .tagsList .menu .menu-text {
    padding: 0.7rem 1rem 0.7rem 0rem;
    font-weight: 100;
  }
  
  .tagsList .menu li {
    margin-right: 11px;
  }
  
  .tagsList .menu li a {
    color: #444;
    background: #ebe5f4;
    font-size: 1rem;
    padding: 8px 15px;
    margin-top: 4px;
    margin-bottom: 10px;
    transition: 0.2s;
  }
  
  .tagsList .menu li a:hover {
    background: #444;
    color: #ebe5f4;
    transition: 0.2s;
  }
  
  .majorsSection {
    position: relative;
    padding: 40px 0;
    min-height: 40vh;
  }
  
  @media (max-width: 640px) {
    .majorsSection {
      padding: 20px 0 40px;
    }
  }
  
  .majorsSection .grid-container {
    z-index: 9;
    position: relative;
  }
  
  .majorsSection .mixContainer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  
  .majorsSection .mixContainer .indexCard {
    position: relative;
  }
  
  @media (max-width: 640px) {
    .majorsSection .mixContainer .indexCard {
      margin-bottom: 10px;
    }
  }
  
  .majorsSection .mixContainer .indexCard .keyLinks {
    margin-top: 12px;
  }
  
  @media (max-width: 640px) {
    .majorsSection .mixContainer .indexCard .keyLinks {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  }
  
  .majorsSection .mixContainer .indexCard .keyLinks li a {
    padding: 10px 0px 10px 0px;
    color: #582c83;
    font-weight: 900;
    font-size: 1.1rem;
    text-transform: uppercase;
  }
  
  @media (max-width: 640px) {
    .majorsSection .mixContainer .indexCard .keyLinks li a {
      font-size: 0.8rem;
    }
  }
  
  .majorsSection .mixContainer .indexCard .key {
    position: relative;
  }
  
  .majorsSection .mixContainer .indexCard .key li {
    font-weight: 100;
    font-size: 0.8rem;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    line-height: 2;
  }
  
  .majorsSection .mixContainer .indexCard .key li img {
    margin-right: 7px;
  }
  
  .majorsSection .mixContainer .indexCard .key li span {
    background: #582c83;
    color: white;
    font-weight: 900;
    padding: 7px;
    line-height: 1;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .majorsSection .mixContainer .mix {
    background: #f5f4f8;
    padding: 20px;
    position: relative;
    margin-bottom: 1.25rem;
    display: inline-block;
  }
  
  @media (min-width: 640px) {
    .majorsSection .mixContainer .mix:hover {
      background: #ffd100;
      cursor: pointer;
    }
  }
  
  .majorsSection .mixContainer .mix .h3 {
    font-family: "PT Sans";
    font-size: 1.1rem;
    font-weight: 900;
    position: relative;
  }
  
  .majorsSection .mixContainer .mix .types {
    position: relative;
    margin-bottom: 10px;
  }
  
  .majorsSection .mixContainer .mix .types li {
    position: relative;
  }
  
  .majorsSection .mixContainer .mix .types li img {
    margin-right: 7px;
  }
  
  .majorsSection .mixContainer .mix .college {
    font-family: "PT Sans";
    font-size: 1rem;
    font-weight: 900;
    position: relative;
  }
  
  .majorsSection .mixContainer .mix .department {
    font-family: "PT Sans";
    font-size: 1rem;
    font-weight: 100;
    position: relative;
  }
  
  .majorsSection .mixContainer .mix .department strong {
    font-weight: 900;
  }
  
  .majorsSection .mixContainer .mix .department span {
    position: relative;
  }
  
  .majorsSection .mixContainer .mix .department span:not(:last-child):after {
    content: ", ";
  }
  
  .majorsSection .noResults {
    opacity: 0;
    position: absolute;
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: 0.2s;
  }
  
  .majorsSection .noResults .h3 {
    color: #582c83;
    font-weight: 900;
    font-size: 1.5rem;
    margin: 0;
  }
  
  .majorsSection .noResults .h3 .filterAllClear {
    color: #582c83;
    text-decoration: underline;
  }
  
  .directorySearchResults {
    padding: 24px 24px;
  }
  
  .directorySearchResults .header,
  .directorySearchResults .heading {
    color: #582c83;
  }
  
  .directorySearchResults .header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
  }
  
  .directorySearchResults .header .headline {
    font-family: "PT Sans Narrow" !important;
    font-size: 28px;
    text-transform: uppercase;
    margin: 0;
    color: #582c83;
  }
  
  .directorySearchResults .header .headline:not(:last-child) {
    margin-right: 48px;
  }
  
  .directorySearchResults .header .count {
    font-size: 16px;
    text-transform: uppercase;
  }
  
  .directorySearchResults .heading {
    font-size: 40px;
    margin: 0 0 24px;
  }
  
  .directorySearchResults table {
    border: 1px solid #9b9b9b;
    color: #444444;
  }
  
  .directorySearchResults table thead,
  .directorySearchResults table tbody {
    border: none;
  }
  
  .directorySearchResults table thead {
    background: #ffffff;
  }
  
  .directorySearchResults table tbody tr:nth-child(odd) {
    background-color: #f4effa;
  }
  
  .directorySearchResults table tbody tr:nth-child(even) {
    background-color: #ffffff;
  }
  
  .directorySearchResults table tbody td {
    vertical-align: top;
  }
  
  .directorySearchResults table th,
  .directorySearchResults table td {
    border: solid #9b9b9b;
    border-width: 0 1px 0 1px;
  }
  
  .directorySearchResults table a {
    color: #582c83;
    font-weight: bold;
  }
  
  .directorySearchResults table:last-child {
    margin-bottom: 0;
  }
  
  .directorySearchResults .sortIcon {
    float: right;
    margin-top: 6px;
  }
  
  .directorySearchResults .tableLabel {
    font-weight: bold;
  }
  
  .directorySearchResults .tableLabel:after {
    content: ": ";
  }
  
  .directorySearchResults .nowrap {
    white-space: nowrap;
  }
  
  @media (min-width: 512px) {
    .directorySearchResults {
      padding: 48px 40px;
    }
  }
  
  @media (min-width: 768px) {
    .directorySearchResults {
      padding: 96px 64px;
    }
  }
  
  @media (min-width: 1024px) {
    .directorySearchResults .tableLabel {
      display: none;
    }
  }
  
  .directorySearchForm {
    font-size: 16px;
  }
  
  .directorySearchForm .cFormSelect {
    position: relative;
  }
  
  .directorySearchForm .cFormSelect-element {
    background: #582c83;
    color: white;
    margin: 0;
  }
  
  .directorySearchForm .cFormSelect-element option {
    color: white;
  }
  
  .directorySearchForm .cFormSelect-proxy {
    position: absolute;
    right: 20px;
    top: 7px;
    color: white;
    z-index: 9;
  }
  
  .directorySearchForm-textbox {
    width: 100%;
  }
  
  .directorySearchForm-textbox .searchBox {
    position: relative;
  }
  
  .directorySearchForm-textbox .searchBox .element,
  .directorySearchForm-textbox .searchBox .icon {
    line-height: 60px;
  }
  
  .directorySearchForm-textbox .searchBox .element {
    width: 100%;
    height: 60px;
    font-size: 24px;
    color: #444444;
    border: none;
    background: none;
    padding: 0 60px 0 24px;
    border-bottom: 1px solid #582c83;
    box-shadow: none;
    margin: 0;
  }
  
  .directorySearchForm-textbox .searchBox .element :-ms-input-placeholder {
    color: inherit;
  }
  
  .directorySearchForm-textbox .searchBox .element ::placeholder {
    color: inherit;
  }
  
  .directorySearchForm-textbox .searchBox .icon {
    width: 60px;
    text-align: center;
    font-size: 21px;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .directorySearchForm-or {
    display: block;
    padding: 0 32px;
    text-transform: uppercase;
    margin: 24px 0;
    text-align: center;
  }
  
  .directorySearchForm-select {
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .directorySearchForm {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .directorySearchForm-or {
      margin: 0;
    }
  
    .directorySearchForm-textbox,
    .directorySearchForm-select {
      max-width: 352px;
    }
  }
  
  @media (min-width: 1024px) {
    .directorySearchForm {
      margin: 0 -64px;
    }
  }
  
  .openSideNavModal {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999;
    display: none;
  }
  
  @media (min-width: 640px) {
    .openSideNavModal {
      display: none !important;
    }
  }
  
  .openSideNavModal .openSideNavModalTitle {
    transition: 0.2s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
  }
  
  .openSideNavModal .closeSideNavModalTitle {
    transition: 0.2s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: white;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.8rem;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
  }
  
  .openSideNavModal svg {
    filter: drop-shadow(0 3px 3px #000);
  }
  
  .sideNavModal {
    position: fixed;
    z-index: 99;
    padding: 0px 20px 0px !important;
    background: white;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s linear, opacity 0.2s linear;
  }
  
  .sideNavModal .modalInner {
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    padding-top: 50px;
  }
  
  .sideNavModal .modalInner ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
  
  .sideNavModal .modalInner .sideNavigation {
    margin-top: 30px;
  }
  
  .closeSideNavModalTitle.showModalClass {
    display: -ms-flexbox;
    display: flex;
    transition: 0.2s;
  }
  
  .openSideNavModalTitle.showModalClass {
    display: none;
    transition: 0.2s;
  }
  
  .sideNavModal.showModalClass {
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.2s linear, opacity 0.2s linear;
  }
  
  .majorsTemplate {
    position: relative;
  }
  
  .facultyDetail {
    position: relative;
    padding-bottom: 50px;
  }
  
  .facultyDetail .facultySidebar {
    position: relative;
  }
  
  .facultyDetail .facultySidebar img {
    margin-bottom: 30px;
  }
  
  .facultyDetail .fullBtn {
    width: 100%;
  }
  
  .facultyDetail .facultyContent {
    position: relative;
    padding: 0px 20px;
  }
  
  @media (max-width: 1024px) {
    .facultyDetail .facultyContent {
      padding: 0px 0px;
    }
  }
  
  .facultyDetail .facultyContent .info {
    position: relative;
    margin-bottom: 30px;
  }
  
  .facultyDetail .facultyContent .info .cell {
    display: -ms-flexbox;
    display: flex;
  }
  
  @media (max-width: 1024px) {
    .facultyDetail .facultyContent .info .cell {
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .facultyDetail .facultyContent .sublabel {
    color: #582c83;
    font-size: 1.1rem;
    font-weight: 900;
    width: 25%;
  }
  
  @media (max-width: 1024px) {
    .facultyDetail .facultyContent .sublabel {
      width: 100%;
      margin-bottom: 0px;
    }
  }
  
  .facultyDetail .facultyContent .h4 {
    color: #444;
    font-size: 1rem;
    font-weight: 500;
    width: 70%;
    line-height: 1.8;
  }
  
  @media (max-width: 1024px) {
    .facultyDetail .facultyContent .h4 {
      width: 100%;
    }
  }
  
  .facultyDetail .facultyContent p {
    line-height: 1.8;
  }
  
  .eventDetail {
    position: relative;
    padding: 50px 0px;
  }
  
  .eventDetail .backBtn {
    color: #582c83;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 50px;
    display: inline-block;
    transition: 0.2s;
  }
  
  .eventDetail .backBtn:hover {
    color: #9b9b9b;
    transition: 0.2s;
  }
  
  .eventDetail .eventSidebar {
    position: relative;
  }
  
  .eventDetail .eventSidebar img {
    margin-bottom: 30px;
  }
  
  .eventDetail .eventSidebar iFrame {
    border: none;
    box-shadow: none;
    width: 100%;
  }
  
  .eventDetail .eventSidebar #map {
    position: relative;
    width: 100%;
    height: 200px;
  }
  
  .eventDetail .eventContent {
    position: relative;
    padding: 0px 20px;
  }
  
  @media (max-width: 1024px) {
    .eventDetail .eventContent {
      padding: 20px 0px;
    }
  }
  
  .eventDetail .eventContent .info {
    position: relative;
    margin-bottom: 30px;
  }
  
  .eventDetail .eventContent .info .cell {
    display: -ms-flexbox;
    display: flex;
  }
  
  @media (max-width: 1024px) {
    .eventDetail .eventContent .info .cell {
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  
  .eventDetail .eventContent .sublabel {
    color: #582c83;
    font-size: 1.1rem;
    font-weight: 900;
    width: 30%;
    text-transform: uppercase;
  }
  
  @media (max-width: 1024px) {
    .eventDetail .eventContent .sublabel {
      width: 100%;
    }
  }
  
  .eventDetail .eventContent .h4 {
    color: #444;
    font-size: 1rem;
    font-weight: 500;
    width: 70%;
    line-height: 1.8;
  }
  
  @media (max-width: 1024px) {
    .eventDetail .eventContent .h4 {
      width: 100%;
    }
  }
  
  .eventDetail .eventContent p {
    line-height: 1.8;
  }
  
  .eventDetail .eventContent .about {
    position: relative;
  }
  
  .eventDetail .eventContent .about .share .menu-text {
    padding: 0.7rem 12px 0.7rem 0rem;
    font-weight: 100;
  }
  
  .eventDetail .eventContent .about .share a {
    font-size: 1.4rem;
    color: #582c83;
    padding: 7px 15px 0.7rem 0px;
  }
  
  .filterBanner {
    position: relative;
    padding: 100px 0 50px;
    background-image: url("/_resources/img/tnTechSearchBanner.jpg");
    background-position: center;
    background-size: cover;
  }
  
  @media (max-width: 640px) {
    .filterBanner {
      padding: 20px 0px;
    }
  }
  
  .filterBanner .h2 {
    color: #582c83;
    font-weight: 900;
    font-family: "Arvo";
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 60px;
    font-size: 3rem;
  }
  
  @media (max-width: 640px) {
    .filterBanner .h2 {
      margin-bottom: 0px;
      font-size: 1.4rem;
      line-height: 1;
    }
  }
  
  .filterBanner .selectBox {
    position: relative;
    height: 50px;
  }
  
  .filterBanner .selectBox select {
    margin-left: 50px;
    background: #582c83;
    color: white;
    height: 50px;
    font-size: 1.2rem;
    width: calc(100% - 50px);
    margin-bottom: 0px;
  }
  
  @media (max-width: 640px) {
    .filterBanner .selectBox select {
      margin-left: 0px;
      width: 100%;
    }
  }
  
  .filterBanner .selectBox select option {
    font-size: 1.2rem;
    font-family: "PT Sans";
  }
  
  .filterBanner .selectBox .fa-angle-down {
    position: absolute;
    right: 15px;
    z-index: 7;
    color: white;
    background: #582c83;
    font-size: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30px;
    height: 30px;
    text-align: center;
  }
  
  .filterBanner .searchBannerFormWrap {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  
  .filterBanner .searchBannerFormWrap .searchBox {
    position: relative;
  }
  
  .filterBanner .searchBannerFormWrap .searchBox .fa-search {
    position: absolute;
    top: 12px;
    right: 0;
  }
  
  .filterBanner .searchBannerFormWrap i {
    position: absolute;
    right: 0;
    top: 10px;
  }
  
  .filterBanner .searchBannerFormWrap form {
    position: relative;
    background: transparent;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
  }
  
  .filterBanner .searchBannerFormWrap form .resetFilter {
    padding: 10px 20px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
    margin: 20px auto 0px;
    font-weight: 900;
    color: #444;
  }
  
  @media (max-width: 640px) {
    .filterBanner .searchBannerFormWrap form .resetFilter {
      margin: 10px auto 0px;
    }
  }
  
  .filterBanner .searchBannerFormWrap form input {
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #444;
  }
  
  .linkList {
    margin-bottom: 30px !important;
    position: relative;
  }
  
  .linkList li a {
    text-transform: capitalize;
    font-size: 0.9rem;
    z-index: 3;
    position: relative;
    display: inline-block;
  }
  
  .linkList li a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    background: #ffd100;
    bottom: 1px;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 0.3s;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 0.5;
    z-index: -3;
  }
  
  .linkList li a:hover:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  .linkList li .goldBar:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  .linkList li .information {
    position: relative;
    background: #f5f4f8;
    padding: 20px;
    margin: 20px 0px;
    display: none;
  }
  
  .linkList li .openedInfo {
    display: block;
  }
  
  .mobileMenu {
    display: none;
    height: calc(100% - 50px);
    background: #444;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999999999999999;
  }
  
  @media (min-width: 1024px) {
    .mobileMenu {
      display: none !important;
    }
  }
  
  .mobileMenu .buttonBar {
    padding: 10px;
    height: 65px;
  }
  
  .mobileMenu .buttonBar .button-group {
    margin: 0;
  }
  
  .mobileMenu .buttonBar .button-group .button {
    color: #444;
    font-weight: 900;
  }
  
  .mobileMenu .tabsSection {
    position: fixed;
    height: calc(100vh - 115px);
    width: 100%;
  }
  
  .mobileMenu .tabsSection .tabs {
    height: 100%;
    min-height: 70vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #444;
    border: none;
  }
  
  .mobileMenu .tabsSection .tabs .tabs-title > a:hover {
    background: #5e5e5e;
  }
  
  .mobileMenu .tabsSection .tabs .tabs-title > a {
    padding: 5px;
  }
  
  .mobileMenu .tabsSection .tabs li {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .mobileMenu .tabsSection .tabs li:not(:last-child) {
    border-bottom: 1px solid;
    border-bottom-color: #3a3a3a;
  }
  
  .mobileMenu .tabsSection .tabs li a {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    color: white;
    font-size: 2vh;
  }
  
  .mobileMenu .tabsSection .tabs li a i {
    margin-bottom: 6px;
  }
  
  .mobileMenu .tabsSection .tabs li a img {
    margin-bottom: 6px;
  }
  
  .mobileMenu .tabsRight {
    height: 100%;
    overflow-y: scroll;
  }
  
  .mobileMenu .tabsRight .tabs-content {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  
  .mobileMenu .tabsRight .tabs-content .tabs-panel .searchForm {
    display: -ms-flexbox;
    display: flex;
  }
  
  .mobileMenu .tabsRight .tabs-content .tabs-panel .searchForm .button {
    padding: 0.65em 1em;
    color: #444;
    font-weight: 900;
  }
  
  .mobileMenu .tabsRight .tabs-content .tabs-panel .menu li {
    border-bottom: 1px solid #e0e0e0;
  }
  
  .mobileMenu .tabsRight .tabs-content .tabs-panel .menu li:first-child a {
    padding: 10px 3px 20px 3px;
  }
  
  .mobileMenu .tabsRight .tabs-content .tabs-panel .menu li a {
    color: #582c83;
    padding: 20px 3px;
  }
  
  .recentArticles {
    position: relative;
  }
  
  .recentArticles .title {
    position: relative;
  }
  
  .recentArticles .title h3 {
    color: #582c83;
    margin-bottom: 20px;
  }
  
  .recentArticles .articles {
    position: relative;
    margin-bottom: 30px;
  }
  
  .recentArticles .articles .cell {
    position: relative;
    margin-bottom: 15px;
  }
  
  .recentArticles .articles .cell .imageBox {
    background-size: cover;
    background-position: top center;
    height: 40vw;
    max-height: 140px;
  }
  
  @media (max-width: 640px) {
    .recentArticles .articles .cell .imageBox {
      height: 60vw;
      max-height: none;
    }
  }
  
  .recentArticles .articles .cell .date {
    margin-bottom: 7px;
  }
  
  .recentArticles .articles .cell .article-title {
    color: #582c83;
    font-weight: 900;
    line-height: 1;
    font-size: 1.2rem;
    transition: 0.2s;
  }
  
  .recentArticles .articles .cell .article-title:hover {
    color: #b8b8b8;
    transition: 0.2s;
  }
  
  .threeRowBlocks {
    position: relative;
    margin-bottom: 30px;
  }
  
  .threeRowBlocks .title {
    color: #582c83;
  }
  
  .threeRowBlocks .block {
    position: relative;
    height: 20vw;
    max-height: 200px;
    margin-bottom: 1.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-position: 50%;
  }
  
  @media (max-width: 640px) {
    .threeRowBlocks .block {
      height: 100vw;
      max-height: 200px;
    }
  }
  
  .threeRowBlocks .block:hover {
    cursor: pointer;
  }
  
  .threeRowBlocks .block .blockInner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.43);
    transition: 0.4s;
  }
  
  .threeRowBlocks .block .blockTitle {
    color: white;
    margin: 0;
    padding: 10px 20px;
    transition: 0.4s;
  }
  
  .threeRowBlocks .block .blockTitle span {
    padding: 5px;
  }
  
  .filterBar {
    position: relative;
    padding: 50px 0px 0px;
  }
  
  @media (max-width: 640px) {
    .filterBar .filterMenu {
      display: none;
    }
  
    .filterBar .filterMenu .cell {
      margin-bottom: 3px !important;
    }
  }
  
  .filterBar .purpleBtn {
    color: white !important;
  }
  
  .filterBar .goldBar {
    position: relative;
    background: #ffd100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 20px;
  }
  
  .filterBar .goldBar .h3 {
    color: #582c83;
    margin: 0;
    font-weight: 900;
    font-size: 1.25rem;
  }
  
  @media (max-width: 640px) {
    .filterBar .goldBar .h3 {
      width: 100%;
      padding: 7px 5px 5px;
    }
  }
  
  .filterBar .goldBar .h3 i {
    display: none;
  }
  
  @media (max-width: 640px) {
    .filterBar .goldBar .h3 i {
      display: block;
      float: right;
      padding: 0px 10px 0px 0px;
      font-size: 1.6rem;
    }
  }
  
  .filterBar .goldBar .button {
    margin: 0;
  }
  
  .filterBar .filterMenu {
    position: relative;
    padding: 20px 0px;
  }
  
  .filterBar .filterMenu .cell {
    position: relative;
    margin-bottom: 10px;
  }
  
  .filterBar .filterMenu .cell .mixitup-control-active {
    color: #582c83;
  }
  
  .filterBar .filterMenu .cell a {
    color: #582c83;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 900;
    transition: 0.2s;
  }
  
  .filterBar .filterMenu .cell a:hover {
    color: #582c83;
    transition: 0.2s;
  }
  
  .collegeBlocks {
    position: relative;
    padding: 20px 0px 80px;
  }
  
  .collegeBlocks .collegeMixContainer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  
  .collegeBlocks .collegeMixContainer .mix {
    position: relative;
    margin-bottom: 1.8rem;
    display: inline-block;
    background: #f5f4f8;
    padding: 0px;
  }
  
  .collegeBlocks .collegeMixContainer .mix .imageBox {
    height: 40vh;
    max-height: 220px;
    width: 100%;
    background-size: cover;
    background-position: top center;
  }
  
  .collegeBlocks .collegeMixContainer .mix .content {
    position: relative;
    padding: 40px 40px 20px;
  }
  
  .collegeBlocks .collegeMixContainer .mix .content .title {
    color: #582c83;
    font-weight: 100;
    font-size: 1.6rem;
  }
  
  .collegeBlocks .collegeMixContainer .mix .content .contentItems {
    position: relative;
    margin-top: 30px;
  }
  
  .collegeBlocks .collegeMixContainer .mix .content .contentItems .cell {
    margin-bottom: 0px;
    padding-right: 20px;
    display: block;
  }
  
  .collegeBlocks .collegeMixContainer .mix .content .contentItems .cell a {
    color: #582c83;
    font-weight: 900;
    font-size: 0.9rem;
    margin-bottom: 10px;
    padding: 0px 10px 0px 0px;
    line-height: 1.1;
    margin-bottom: 16px;
    position: relative;
    z-index: 9;
    display: inline-block;
    transition: 0.2s;
  }
  
  .collegeBlocks .collegeMixContainer .mix .content .contentItems .cell a:hover {
    color: #b8b8b8;
    transition: 0.2s;
  }
  
  .halfText {
    position: relative;
    margin-bottom: 60px;
  }
  
  .halfText .rightCell {
    position: relative;
  }
  
  .halfText .leftCell {
    position: relative;
  }
  
  @media (min-width: 640px) {
    .halfText .leftCell {
      padding-right: 20px;
    }
  }
  
  .halfText .imageBox {
    position: relative;
    height: 40vw;
    max-height: 423px;
    width: 100%;
    background-size: cover;
    background-position: top center;
  }
  
  @media (max-width: 640px) {
    .halfText .imageBox {
      height: 70vw;
      margin-bottom: 30px;
    }
  }
  
  .halfText .imageBox .caption {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-image: linear-gradient(to bottom, transparent, #000 90%);
    color: white;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 16px;
  }
  
  .halfText h3 {
    color: #582c83;
  }
  
  .halfText p {
    line-height: 1.7;
  }
  
  .halfText .leftCell {
    position: relative;
  }
  
  .halfText .blocks {
    position: relative;
    margin-bottom: 30px;
  }
  
  .halfText .blocks .title {
    color: #582c83;
  }
  
  .halfText .blocks .block {
    position: relative;
    height: 25vw;
    max-height: 190px;
    margin-bottom: 1.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-position: 50%;
  }
  
  @media (max-width: 640px) {
    .halfText .blocks .block {
      height: 100vw;
      max-height: 200px;
    }
  }
  
  .halfText .blocks .block:hover {
    cursor: pointer;
  }
  
  .halfText .blocks .block .blockInner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.43);
    transition: 0.4s;
  }
  
  .halfText .blocks .block .blockTitle {
    color: white;
    margin: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 900;
    transition: 0.4s;
  }
  
  .halfText .blocks .block .blockTitle span {
    padding: 5px;
  }
  
  .sixUpRoutingIcons {
    position: relative;
    padding: 50px 0px;
    background: #f5f4f8;
  }
  
  .sixUpRoutingIcons .title {
    position: relative;
    margin-bottom: 30px;
  }
  
  @media (max-width: 640px) {
    .sixUpRoutingIcons .title {
      margin-bottom: 0px;
    }
  }
  
  .sixUpRoutingIcons .title .h3 {
    font-weight: 900;
    color: #582c83;
    font-size: 2.3rem;
    text-align: center;
  }
  
  @media (max-width: 640px) {
    .sixUpRoutingIcons .title .h3 {
      font-size: 1.3rem;
    }
  }
  
  .sixUpRoutingIcons .tagSlider {
    width: 100%;
  }
  
  .sixUpRoutingIcons .tagSlider .fa-arrow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30px;
    height: 30px;
    text-align: center;
  }
  
  .sixUpRoutingIcons .tagSlider .fa-arrow-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30px;
    height: 30px;
    text-align: center;
  }
  
  .sixUpRoutingIcons .links {
    position: relative;
  }
  
  .sixUpRoutingIcons .links a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .sixUpRoutingIcons .links a:hover p:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  .sixUpRoutingIcons .links a .iconWrap {
    position: relative;
    height: 100px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .sixUpRoutingIcons .links a .iconWrap img {
    width: inherit;
    height: inherit;
    max-width: 60px;
  }
  
  .sixUpRoutingIcons .links a p {
    color: #582c83;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    position: relative;
    z-index: 3;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
  }
  
  @media (max-width: 1024px) {
    .sixUpRoutingIcons .links a p {
      font-size: 2vw;
    }
  }
  
  @media (max-width: 640px) {
    .sixUpRoutingIcons .links a p {
      font-size: 3vw;
    }
  }
  
  .sixUpRoutingIcons .links a p:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    background: #ffd100;
    bottom: 5px;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 0.3s;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 0.5;
    z-index: -1;
  }
  
  .threeRowCards {
    position: relative;
    padding: 10px 0px;
  }
  
  @media (max-width: 640px) {
    .threeRowCards {
      padding: 40px 0px;
    }
  }
  
  .threeRowCards .sectionTitle {
    position: relative;
    color: #582c83;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
  }
  
  @media (min-width: 1024px) {
    .threeRowCards .sectionTitle {
      font-size: 2.2rem;
    }
  }
  
  .threeRowCards .card {
    position: relative;
    padding: 0px 0px;
    background-position: top center;
    background-size: cover;
  }
  
  .threeRowCards .card .grid-y {
    height: 100vw;
    max-height: 400px;
    padding: 30px;
  }
  
  .threeRowCards .card .grid-y .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
	background: #583c82;
	width: 100%;
	padding: 10px;
	height: fit-content;
	position: absolute;
	top: 0;
  }
  
  .threeRowCards .card .grid-y .title .blockTitle {
    color: white;
    font-weight: 400;
	font-size: 1.1rem;
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
	margin-bottom: 0!important;
	padding: 5px 10px;
  }
  
  .threeRowCards .card .grid-y .link {
    width: 100%;
    max-width: 264px;
    margin: 20em auto 0 auto;
  }
  
  .threeRowCards .card .grid-y .link .goldBtn {
    width: 100%;
  }
  
  .threeUpEvents {
    position: relative;
    padding: 50px 0px;
  }
  
  .threeUpEvents .events {
    position: relative;
  }
  
  .threeUpEvents .events .menu {
    position: relative;
  }
  
  .threeUpEvents .events .menu li {
    margin-bottom: 20px;
    background: #ebe5f4;
    transition: 0.2s;
  }
  
  .threeUpEvents .events .menu li:hover {
    background: #ffd100;
    transition: 0.2s;
  }
  
  .threeUpEvents .events .menu li .eventLink {
    padding: 16px 0px;
  }
  
  .threeUpEvents .events .menu li .eventLink .date {
    color: #582c83;
    text-align: center;
  }
  
  .threeUpEvents .events .menu li .eventLink .date .month {
    margin-bottom: 0px;
    line-height: 1;
    font-size: 1.5625rem;
  }
  
  .threeUpEvents .events .menu li .eventLink .date .day {
    font-family: "Arvo";
    font-weight: 900;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 0px;
  }
  
  .threeUpEvents .events .menu li .eventLink .eventTitle {
    position: relative;
    padding: 0px 12px;
  }
  
  .threeUpEvents .events .menu li .eventLink .eventTitle .title {
    text-transform: uppercase;
    color: #582c83;
    font-weight: 900;
    font-size: 1rem;
  }
  
  .threeUpEvents .events .menu li .eventLink .eventTitle .time {
    font-weight: 100;
    color: #582c83;
    font-size: 0.9rem;
  }
  
  .footer {
    position: relative;
    padding: 40px 0px;
    background: #444;
    color: #ffd100;
  }
  
  .footer .addressCell {
    position: relative;
  }
  
  @media (min-width: 640px) and (max-width: 1023px) {
    .footer .addressCell {
      padding: 0.7rem;
    }
  }
  
  @media (max-width: 640px) {
    .footer .addressCell {
      padding: 0.7rem;
    }
  }
  
  .footer .logoCell {
    position: relative;
  }
  
  @media (max-width: 640px) {
    .footer .logoCell .logo {
      margin-bottom: 15px;
      text-align: center;
      padding: 0.7rem;
    }
  }
  
  .footer .top {
    margin-bottom: 20px;
  }
  
  @media (max-width: 640px) {
    .footer .top .smallHr {
      display: -ms-flexbox;
      display: flex;
      width: 95%;
      height: 1px;
      background: #9b9b9b;
      margin-bottom: 20px;
      padding: 0rem 0.7rem;
      left: 0;
      right: 0;
      margin: auto auto 30px auto;
    }
  }
  
  @media (max-width: 640px) {
    .footer .top .iconList {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      padding-bottom: 20px;
    }
  }
  
  .footer .top .iconList img {
    margin-top: -3px;
    margin-right: 8px;
  }
  
  .footer .top .techUl p {
    color: white;
    font-weight: 900;
    padding-left: 0.7rem;
    font-family: "PT Sans Narrow";
    margin-bottom: 5px;
  }
  
  .footer .top .socialList {
    position: relative;
    margin-top: 20px;
  }
  
  @media (max-width: 640px) {
    .footer .top .socialList {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  .footer .top .socialList li:first-child a {
    padding-left: 0px !important;
  }
  
  .footer .top .socialList a {
    color: white;
    transition: 0.2s;
  }
  
  .footer .top .socialList a:hover {
    color: #ffd100;
    transition: 0.2s;
  }
  
  .footer .top address {
    color: white;
    font-weight: 900 !important;
    font-style: normal;
  }
  
  .footer .top ul li a {
    padding: 0px 0.7rem 15px;
    text-transform: uppercase;
    font-weight: 900;
    transition: 0.2s;
  }
  
  .footer .top ul li a:hover {
    color: #9b9b9b !important;
    opacity: 1;
    transition: 0.2s;
  }
  
  .footer .top .phone a {
    color: white;
  }
  
  .footer .bottom {
    position: relative;
    color: white;
    font-size: 0.8rem;
  }
  
  @media (max-width: 640px) {
    .footer .bottom .copyCell {
      padding: 0.7rem 0.7rem 0rem;
      margin: 0;
    }
  
    .footer .bottom .copyCell p {
      margin: 0 !important;
    }
  }
  
  @media (max-width: 640px) {
    .footer .bottom .btmInfoCell {
      padding: 0.7rem;
    }
  
    .footer .bottom .btmInfoCell ul {
      position: relative;
      margin-top: 10px;
    }
  
    .footer .bottom .btmInfoCell ul li a {
      margin-bottom: 2px;
    }
  }
  
  .footer .bottom a:hover {
    color: #9b9b9b !important;
    opacity: 1;
    transition: 0.2s;
  }
  
  .ctaSection {
    position: relative;
    padding: 140px 0px;
    background-position: top center;
    background-size: cover;
    color: white;
    text-align: center;
  }
  
  @media (max-width: 640px) {
    .ctaSection {
      padding: 80px 0px;
    }
  }
  
  .ctaSection .headline {
    font-family: "Arvo";
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1.1;
    margin-bottom: 20px;
  }
  
  @media (max-width: 640px) {
    .ctaSection .headline {
      font-size: 2rem;
    }
  }
  
  .ctaSection .subheadline {
    margin-bottom: 30px;
  }
  
  .ctaSection .icon {
    margin-bottom: 40px;
  }
  
  .videoBanner {
    position: relative;
    background-image: url("/_resources/img/homepage/Stock_Drone_Derryberry_25AUG17_00006.jpg");
    background-size: cover;
    background-position: top center;
    overflow: hidden;
  }
  
  @media (min-width: 1024px) {
    .videoBanner {
      height: 45vw;
    }
  }
  
  @media (max-width: 1024px) {
    .videoBanner {
      padding: 120px 0px 80px;
    }
  }
  
  @media (min-width: 640px) {
    .videoBanner .button-group {
      margin-top: 20vw;
    }
  }
  
  @media (min-width: 1024px) {
    .videoBanner .button-group {
      margin-top: 30vw;
    }
  }
  
  .videoBanner .button-group .button {
    background: rgba(255, 255, 255, 0.445);
    position: relative;
    padding: 35px 10px;
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-right: 15px;
    border: 0px;
    overflow: hidden;
    color: #582c83;
  }
  
  .videoBanner .button-group .button span {
    position: relative;
    z-index: 4;
    transition: 0.5s;
  }
  
  .videoBanner .button-group .button .fa-arrow-down {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    opacity: 0;
    margin: auto;
    z-index: 4;
    transition: 0.2s;
  }
  
  .videoBanner .button-group .button:hover .fa-arrow-down {
    opacity: 1;
    bottom: 30px;
    color: #582c83;
    transition: 0.2s;
    transition-delay: 0.3s;
  }
  
  .videoBanner .button-group .button:hover span {
    color: #582c83;
    transition: 0.5s;
  }
  
  .videoBanner .button-group .button:hover:after {
    top: 0;
    transition: 0.2s;
  }
  
  .videoBanner .button-group .button:after {
    content: "";
    background: #ffd100;
    width: 100%;
    top: -95%;
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    height: 100%;
    transition: 0.2s;
  }
  
  .videoBanner .grid-x {
    height: 100%;
    position: relative;
    z-index: 99;
  }
  
  .videoBanner .grid-x .logo {
    margin-bottom: 20px;
  }
  
  .videoBanner .grid-x h1 {
    font-size: 4rem;
    color: white;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
  }
  
  @media (max-width: 1024px) {
    .videoBanner .grid-x h1 {
      font-size: 7vw;
    }
  }
  
  .videoBanner .grid-x h4 {
    font-size: 1.5rem;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
    font-weight: 500;
  }
  
  @media (max-width: 1024px) {
    .videoBanner .grid-x h4 {
      font-size: 4vw;
      width: 75%;
      margin: 0 auto;
    }
  }
  
  .videoBanner #bgVideo {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 110vw;
    max-height: 110vw;
    height: 110vw;
    width: 110vw;
    margin: auto;
  }
  
  .twoThirdsContainer {
    position: relative;
    padding: 50px 0;
    padding-top: 40px !important;
  }
  
  @media (max-width: 640px) {
    .twoThirdsContainer {
      padding-top: 40px !important;
    }
  }
  
  .sideBarContainer {
    position: relative;
    padding-top: 30px !important;
    padding: 80px 0 50px;
  }
  
  @media (max-width: 640px) {
    .sideBarContainer {
      padding-top: 40px !important;
    }
  }
  
  .sideBarContainer .sideBar {
    position: relative;
  }
  
  .sideBarContainer .sideBar .button {
    width: 100%;
  }
  
  @media (min-width: 640px) {
    .sideBarContainer .sideBar {
      -ms-flex-order: 1;
      order: 1;
    }
  }
  
  @media (max-width: 640px) {
    .sideBarContainer .sideBar {
      /*display:none;*/
      -ms-flex-order: 2;
      order: 2;
      margin-bottom: 40px;
    }
  }
  
  .sideBarContainer .sideNavContent {
    position: relative;
  }
  
  @media (min-width: 640px) {
    .sideBarContainer .sideNavContent {
      -ms-flex-order: 2;
      order: 2;
    }
  }
  
  @media (max-width: 640px) {
    .sideBarContainer .sideNavContent {
      -ms-flex-order: 1;
      order: 1;
      padding: 0px !important;
    }
  }
  
  .sideBarContainer .sideBarLink {
    width: 100%;
  }
  
  .sideBarContainer .sideBarTallLink {
    width: 100%;
    padding: 50px 0;
  }
  
  .sideBarContainer .sideBarTallLink:hover .h3 {
    color: white;
    transition: 0.2s;
  }
  
  .sideBarContainer .sideBarTallLink .h3 {
    font-size: 1.3rem;
    transition: 0.2s;
    font-weight: 900;
  }
  
  .sideBarContainer .sideBarTallLink .h4 {
    font-size: 1rem;
    font-weight: 900;
    margin: 0px;
  }
  
  .sideInformation {
    position: relative;
    background: #f5f4f8;
    padding: 30px 0px;
    margin-bottom: 30px;
  }
  
  .sideInformation .h5 {
    color: #582c83;
    font-size: 1rem;
    font-weight: 900;
    margin-bottom: 7px;
  }
  
  .sideInformation .h5 span {
    color: #444;
    font-weight: 100;
  }
  
  .sideInformation p {
    margin-bottom: 20px;
  }
  
  .sideInformation address {
    margin-bottom: 20px;
    font-style: normal;
  }
  
  .applyCards {
    position: relative;
    padding: 80px 0px;
  }
  
  @media (max-width: 640px) {
    .applyCards {
      padding: 40px 0px 10px;
    }
  }
  
  .applyCards .sectionTitle {
    position: relative;
    color: #582c83;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
  }
  
  @media (min-width: 1024px) {
    .applyCards .sectionTitle {
      font-size: 2.2rem;
    }
  }
  
  .applyCards .card {
    position: relative;
    padding: 0px 0px;
    background-position: top center;
    background-size: cover;
  }
  
  .applyCards .card:nth-child(1n) {
    background-image: url("/_resources/img/tnTechApplyCardsbg01.jpg");
  }
  
  .applyCards .card:nth-child(2n) {
    background-image: url("/_resources/img/tnTechApplyCardsbg02.jpg");
  }
  
  .applyCards .card:nth-child(3n) {
    background-image: url("/_resources/img/tnTechApplyCardsbg03.jpg");
  }
  
  .applyCards .card .grid-y {
    height: 100vw;
    max-height: 500px;
    padding: 30px;
  }
  
  .applyCards .card .grid-y .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
    width: 100%;
    max-width: 264px;
  }
  
  .applyCards .card .grid-y .title .blockTitle {
    color: #582c83;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1.2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1;
    flex: 1;
  }
  
  @media (max-width: 1024px) {
    .applyCards .card .grid-y .title .blockTitle {
      font-size: 1.3rem;
    }
  }
  
  @media (max-width: 640px) {
    .applyCards .card .grid-y .title .blockTitle {
      font-size: 2.2rem;
    }
  }
  
  .applyCards .card .grid-y .link {
    width: 100%;
    max-width: 264px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  
  .applyCards .card .grid-y .link .h5 {
    color: #444;
    font-weight: 900;
    font-size: 1.1rem;
  }
  
  @media (max-width: 1024px) {
    .applyCards .card .grid-y .link .h5 {
      font-size: 0.9rem;
      margin-bottom: 20px;
    }
  }
  
  .applyCards .card .grid-y .link form {
    font-size: 0.9rem;
    font-weight: 900;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
  }
  
  .applyCards .card .grid-y .link form .grid-x {
    width: 100%;
  }
  
  .applyCards .card .grid-y .link form .formCell {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  @media (max-width: 1024px) {
    .applyCards .card .grid-y .link form .formCell {
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      margin-bottom: 5px;
    }
  }
  
  .applyCards .card .grid-y .link form input {
    margin: 0px;
  }
  
  .applyCards .card .grid-y .link form label {
    line-height: 1;
    font-weight: 900;
    margin: 0;
    margin-left: 10px;
    display: -ms-flexbox;
    display: flex;
  }
  
  .applyCards .card .grid-y .link form label input {
    margin-right: 10px;
  }
  
  @media (min-width: 1024px) {
    .applyCards .card .grid-y .link form label {
      width: 70px;
    }
  }
  
  .applyCards .card .grid-y .link .goldBtn {
    width: 100%;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    margin: 0;
  }
  
  .sidebarCta {
    position: relative;
    margin-bottom: 30px;
  }
  
  .sidebarCta a {
    margin-bottom: 0px;
  }
  
  @media (max-width: 640px) {
    .sidebarCta a {
      width: 100%;
    }
  
    .sidebarCta a:hover {
      background: #ffd100 !important;
      color: #582c83 !important;
    }
  }
  
  .topBannerDegree {
    position: relative;
    padding: 100px 0 100px;
    background-image: url("/_resources/img/BannerDegree_BG.jpg");
    background-position: center;
    background-size: cover;
  }
  
  .topBannerDegree .h2 {
    color: #ffffff;
    font-weight: 900;
    font-family: "Arvo";
    text-transform: capitalize;
    text-transform: uppercase;
    font-size: 3rem;
  }
  
  @media (max-width: 640px) {
    .topBannerDegree .h2 {
      font-size: 2rem;
    }
  }
  
  .purpleBanner {
    position: relative;
    padding: 100px 0 100px;
    background-position: center;
    background-size: cover;
  }
  
  .purpleBanner .h2 {
    color: #ffffff;
    font-weight: 900;
    font-family: "Arvo";
    position: relative;
    z-index: 2;
    text-transform: capitalize;
    text-transform: uppercase;
    font-size: 3rem;
  }
  
  @media (max-width: 640px) {
    .purpleBanner .h2 {
      font-size: 2rem;
    }
  }
  
  .purpleBanner h1 {
    color: #ffffff;
    font-weight: 900;
    font-family: "Arvo";
    position: relative;
    z-index: 2;
    text-transform: capitalize;
    text-transform: uppercase;
    font-size: 3rem;
  }
  
  @media (max-width: 640px) {
    .purpleBanner h1 {
      font-size: 2rem;
    }
  }
  
  .purpleBanner:after {
    content: " ";
    background: #582c83;
    opacity: 0.7;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  
  .sideBioCard {
    position: relative;
    margin-bottom: 30px;
    background: #f5f4f8;
    padding: 10px 0px;
    width: 320px;
  }
  
  .sideBioCard .grid-x .cell img {
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
  }
  
  .sideBioCard .grid-x .cell h4 {
    position: relative;
    color: #582c83;
    text-transform: uppercase;
  }
  
  .sideBioCard .grid-x .cell h5 {
    position: relative;
    color: #444;
    font-weight: 900;
  }
  
  .sideBioCard .grid-x .cell .bioInfo {
    position: relative;
    color: #444;
    font-weight: 100;
  }
  
  .sideBioCard .grid-x .cell .bioInfo .phone {
    color: #582c83;
    font-weight: 900;
  }
  
  .sideBioCard .grid-x .cell .bioList {
    position: relative;
    margin: 0;
  }
  
  .sideBioCard .grid-x .cell .bioList li a {
    color: #582c83;
    font-weight: 900;
    text-transform: uppercase;
    padding: 7px 0px;
  }
  
  .sideBioCard .grid-x .information {
    padding: 30px;
    position: relative;
  }
  
  .sliderSection {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .sliderSection .title {
    color: #582c83;
  }
  
  .sliderSection .cell {
    position: relative;
  }
  
  .sliderSection .slider {
    position: relative;
    height: 80vw;
    max-height: 400px;
    margin: 0px;
  }
  
  .sliderSection .slider .slick-list,
  .sliderSection .slider .slick-track {
    height: 100%;
  }
  
  .sliderSection .slider .slick-slide {
    height: 100%;
    background-size: cover;
    background-position: 50%;
  }
  
  .sliderSection .slider .slick-slide .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    color: white;
    font-weight: 900;
    z-index: 99;
  }
  
  .sliderSection .fa-arrow-left {
    z-index: 8;
    position: absolute;
    background: #ffd100;
    height: 30px;
    width: 30px;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 14px;
    transition: 0.2s;
  }
  
  .sliderSection .fa-arrow-left:hover {
    width: 75px;
    transition: 0.2s;
  }
  
  .sliderSection .fa-arrow-left:before {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  
  .sliderSection .fa-arrow-right {
    z-index: 8;
    position: absolute;
    background: #ffd100;
    height: 30px;
    width: 30px;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 14px;
    transition: 0.2s;
  }
  
  .sliderSection .fa-arrow-right:hover {
    width: 75px;
    transition: 0.2s;
  }
  
  .sliderSection .fa-arrow-right:before {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  
  .sliderSection .slideNext {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 100%;
    right: 0;
    width: 50px;
    height: 50px;
  }
  
  .sliderSection .slidePrev {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    height: 100%;
    left: 0;
    width: 50px;
    height: 50px;
  }
  
  .sliderSection .captionFade {
    position: absolute;
    bottom: 0;
  }
  
  .threeBlocks {
    position: relative;
    margin-bottom: 30px;
  }
  
  .threeBlocks .title {
    color: #582c83;
  }
  
  @media (min-width: 640px) {
    .threeBlocks .blockWrap {
      height: 390px;
      position: relative;
    }
  
    .threeBlocks .blockWrap .heightCell {
      height: 100%;
    }
  }
  
  .threeBlocks .grid-y {
    position: relative;
    height: 100%;
  }
  
  .threeBlocks .block {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-position: 50%;
  }
  
  @media (max-width: 640px) {
    .threeBlocks .block {
      height: 100vw;
      max-height: 200px;
    }
  }
  
  .threeBlocks .block:hover {
    cursor: pointer;
  }
  
  .threeBlocks .block .blockInner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.43);
    transition: 0.4s;
  }
  
  .threeBlocks .block .blockTitle {
    color: white;
    margin: 0;
    padding: 10px 20px;
    transition: 0.4s;
  }
  
  .sideDropdown {
    position: relative;
    margin-bottom: 30px;
  }
  
  .sideDropdown .sideSelect {
    position: relative;
  }
  
  .sideDropdown .sideSelect select {
    background: #582c83;
    background-image: none;
    color: white;
    margin: 0;
  }
  
  .sideDropdown .sideSelect .selectIcon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    right: 20px;
    margin: auto;
    color: white;
    font-size: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .navigation {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
  }
  
  .navigation .top-bar {
    position: relative;
    height: 80px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  @media (max-width: 960px) {
    .navigation .top-bar {
      height: 50px;
    }
  
    .navigation .top-bar .top-bar-left img {
      padding: 10px 0px;
      width: 191px;
      height: 47px;
    }
  }
  
  .navigation .top-bar .top-bar-left {
    padding: 0px 30px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
  }
  
  .navigation .top-bar .top-bar-left a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .navigation .top-bar .top-bar-left a img {
    width: 191px;
    height: 47px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  @media (max-width: 960px) {
    .navigation .top-bar .top-bar-left {
      padding: 0px 0px;
    }
  }
  
  .navigation .top-bar .top-bar-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    z-index: 999;
  }
  
  .navigation .top-bar .top-bar-right a {
    color: white;
  }
  
  .navigation .top-bar .top-bar-right .nav {
    position: relative;
    margin-right: 40px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  
  .navigation .top-bar .top-bar-right .nav li {
    height: 100%;
  }
  
  .navigation .top-bar .top-bar-right .nav li a {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  
  @media (max-width: 960px) {
    .navigation .top-bar .top-bar-right .nav {
      display: none;
    }
  }
  
  .navigation .top-bar .top-bar-right .expressMenu {
    height: 100%;
    background-color: #ffd100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 999;
  }
  
  @media (max-width: 960px) {
    .navigation .top-bar .top-bar-right .expressMenu {
      display: none;
    }
  }
  
  .navigation .top-bar .top-bar-right .expressMenu li {
    padding: 0px 4px 0px 0px;
  }
  
  .navigation .top-bar .top-bar-right .expressMenu li a {
    color: #444;
    font-weight: 900;
    padding: 0.7rem 1rem 0.7rem 0.4rem;
  }
  
  .navigation .top-bar .top-bar-right .expressMenu .triangle {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 0px;
    border-bottom-width: 80px;
    border-right: 60px solid #ffd100;
    position: absolute;
    left: -64px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: 0;
  }
  
  .navigation .searchBar {
    position: absolute;
    right: 0;
    z-index: 3;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  @media (max-width: 960px) {
    .navigation .searchBar {
      display: none;
    }
  }
  
  .navigation .searchBar .searchBarMenu {
    background: #444;
    padding: 7px 33px 7px 0px;
  }
  
  .navigation .searchBar .searchBarMenu li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
  }
  
  .navigation .searchBar .searchBarMenu li .second {
    display: none;
  }
  
  .navigation .searchBar .searchBarMenu li .second i {
    margin-right: 6px;
  }
  
  .navigation .searchBar .searchBarMenu li a {
    font-weight: 900;
  }
  
  .navigation .searchBar .searchBarMenu li a img {
    margin-top: -2px;
    margin-right: 5px;
  }
  
  .navigation .searchBar .searchBarMenu .triangle02 {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 0px;
    border-bottom-width: 53px;
    border-right: 39px solid #444;
    position: absolute;
    left: -39px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: 0;
  }
  
  .navigation .searchBar .searchBarForm {
    position: relative;
    background: white;
    padding: 7px 0px 7px 0px;
  }
  
  .navigation .searchBar .searchBarForm .fa-search {
    color: #444;
  }
  
  .navigation .searchBar .searchBarForm li {
    display: -ms-flexbox;
    display: flex;
  }
  
  .navigation .searchBar .searchBarForm li .searchIcon {
    padding: 0.7rem 1.5rem 0.7rem 0rem;
  }
  
  .navigation .searchBar .searchBarForm li .formWrap {
    display: none;
    position: relative;
  }
  
  .navigation .searchBar .searchBarForm li .formWrap .searchForm {
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
  }
  
  .navigation .searchBar .searchBarForm li .formWrap .searchForm input {
    width: 281px;
    border: 0px !important;
    box-shadow: none !important;
  }
  
  .navigation .searchBar .searchBarForm li .formWrap .searchForm button {
    opacity: 0;
    margin-right: 20px;
    color: #444;
  }
  
  .navigation .searchBar .searchBarForm .triangle03 {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 0px;
    border-bottom-width: 52px;
    border-right: 39px solid white;
    position: absolute;
    left: -39px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: 0;
  }
  
  .navigation .subMenu {
    position: relative;
    display: none;
    -ms-flex-pack: end;
    justify-content: end;
    justify-content: flex-end;
  }
  
  @media (max-width: 960px) {
    .navigation .subMenu {
      display: none !important;
    }
  }
  
  .navigation .subMenu .subMenuGrid {
    width: 770px;
    background: white;
    padding: 0px;
    min-height: 258px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  .navigation .subMenu .subMenuGrid .cell:not(:first-child) {
    border-left: 1px solid #979797;
  }
  
  .navigation .subMenu .subMenuGrid ul {
    padding: 12px 10px;
  }
  
  .navigation .subMenu .subMenuGrid ul li a {
    color: #582c83;
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding: 0.7rem 1rem 0.7rem 0.3rem;
    z-index: 3;
  }
  
  .navigation .subMenu .subMenuGrid ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    background: #ffd100;
    bottom: 5px;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 0.3s;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 0.5;
    z-index: -3;
  }
  
  .navigation .subMenu .subMenuGrid ul li a:hover:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  .navigation .subMenu .subMenuAcademics {
    display: none;
  }
  
  .navigation .expressControl {
    position: relative;
    background: #f5f4f8;
  }
  
  .navigation .expressControl li a:after {
    display: none;
  }
  
  .navigation .expressControl .activeExpress {
    background: #ffd100;
    position: relative;
  }
  
  .navigation .expressControl .activeExpress:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 13px solid #ffd100;
    position: absolute;
    right: -13px;
    top: 0px;
  }
  
  ::-webkit-input-placeholder {
    color: #444 !important;
    opacity: 1;
  }
  
  ::-moz-placeholder {
    color: #444 !important;
    opacity: 1;
  }
  
  :-ms-input-placeholder {
    color: #444 !important;
    opacity: 1;
  }
  
  :-moz-placeholder {
    color: #444 !important;
    opacity: 1;
  }
  
  .mobileMenuIcon {
    width: 1.5em;
    height: 1em;
    position: relative;
    display: block;
    margin: auto;
    position: fixed;
    top: 16px;
    right: 10px;
  }
  
  .mobileMenuIcon .line {
    display: block;
    background: #ffd100;
    width: 1.5em;
    height: 0.09em;
    position: absolute;
    left: 0;
    border-radius: 0.045em;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
  }
  
  .mobileMenuIcon .line.line-1 {
    top: 0;
  }
  
  .mobileMenuIcon .line.line-2 {
    top: 50%;
  }
  
  .mobileMenuIcon .line.line-3 {
    top: 100%;
  }
  
  .mobileMenuIcon:hover .line,
  .mobileMenuIcon:focus .line {
    background: #ffd100;
  }
  
  .mobileMenuIcon.active .line-1 {
    -ms-transform: translateY(0.5em) translateX(0) rotate(45deg);
    transform: translateY(0.5em) translateX(0) rotate(45deg);
    -webkit-transform: translateY(0.5em) translateX(0) rotate(45deg);
    -moz-transform: translateY(0.5em) translateX(0) rotate(45deg);
  }
  
  .mobileMenuIcon.active .line-2 {
    opacity: 0;
  }
  
  .mobileMenuIcon.active .line-3 {
    -ms-transform: translateY(-0.5em) translateX(0) rotate(-45deg);
    transform: translateY(-0.5em) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-0.5em) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-0.5em) translateX(0) rotate(-45deg);
  }
  
  .timelineModule {
    border-top: 1px solid #979797;
    position: relative;
    z-index: 1;
    padding: 0px 32px 22px;
    margin-top: 80px;
    margin-bottom: 128px;
  }
  
  .timelineModule .btmSeal {
    position: absolute;
    left: 0;
    margin: auto;
  }
  
  @media (min-width: 640px) {
    .timelineModule .btmSeal {
      right: 0;
    }
  }
  
  @media (max-width: 640px) {
    .timelineModule .btmSeal {
      left: 10px;
    }
  }
  
  .timelineModule .purpleIcon {
    position: absolute;
    top: -50px;
    left: 0;
    margin: auto;
  }
  
  @media (min-width: 640px) {
    .timelineModule .purpleIcon {
      right: 0;
    }
  }
  
  @media (max-width: 640px) {
    .timelineModule .purpleIcon {
      left: 10px;
      width: 45px;
      top: -23px;
    }
  }
  
  @media (min-width: 768px) {
    .timelineModule {
      padding: 0px 52px 22px;
    }
  }
  
  @media (min-width: 1200px) {
    .timelineModule {
      padding: 0px 96px 22px;
    }
  }
  
  .timelineModule:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    height: 88px;
    width: 88px;
    margin: -44px 0 0 -44px;
    background: transparent url(/assets/img/tnTechLogoMarkPurple.png) no-repeat
      center/cover;
  }
  
  .timelineModule:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    height: 45px;
    width: 45px;
    margin: 0 0 -23px -22px;
    background: transparent url(/assets/img/tnTechLogoStamp.png) no-repeat
      center/cover;
  }
  
  .timelineModule .container-1 {
    padding-top: 100px !important;
    padding-bottom: 0px !important;
  }
  
  .timelineModule .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 0 24px;
    position: relative;
  }
  
  .timelineModule .container:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background-color: #ffd100;
  }
  
  @media (max-width: 639px) {
    .timelineModule .container:first-child:after {
      top: 64px;
    }
  
    .timelineModule .container:last-child:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #582c83;
      border-radius: 50%;
      z-index: 1;
      width: 16px;
      height: 16px;
      margin: -8px;
    }
  }
  
  .timelineModule .yearMarker,
  .timelineModule .entry {
    padding: 32px 0;
    position: relative;
  }
  
  .timelineModule .yearMarker:before,
  .timelineModule .yearMarker:after,
  .timelineModule .entry:before,
  .timelineModule .entry:after {
    content: "";
    position: absolute;
    top: 48px;
    left: 0;
  }
  
  .timelineModule .yearMarker:before,
  .timelineModule .entry:before {
    background-color: #582c83;
    border-radius: 50%;
    z-index: 1;
  }
  
  .timelineModule .yearMarker:after,
  .timelineModule .entry:after {
    background-color: #ffd100;
    height: 2px;
  }
  
  .timelineModule .yearMarker {
    font-weight: bold;
    font-size: 36px;
    color: #582c83;
    padding-left: 32px;
    padding-bottom: 100px;
  }
  
  .timelineModule .yearMarker:before {
    width: 30px;
    height: 30px;
    margin: -10px -15px -15px;
  }
  
  .timelineModule .entry {
    margin: -32px 0;
    padding-left: 32px;
  }
  
  .timelineModule .entry .img {
    width: 100%;
    padding-top: 66.66%;
    margin-bottom: 1em;
    background: transparent no-repeat center / cover;
  }
  
  .timelineModule .entry .year {
    font-size: 24px;
    color: #582c83;
    margin-bottom: 5px;
  }
  
  .timelineModule .entry:before {
    width: 16px;
    height: 16px;
    margin: -8px;
  }
  
  .timelineModule .entry:after {
    width: 20px;
  }
  
  .timelineModule .entry:last-child {
    margin-bottom: 0;
  }
  
  @media (min-width: 640px) {
    .timelineModule .container:after {
      left: 50%;
    }
  
    .timelineModule .yearMarker,
    .timelineModule .entry {
      width: 50%;
    }
  
    .timelineModule .yearMarker {
      text-align: right;
      padding-right: 32px;
      padding-left: 0;
      font-size: 48px;
    }
  
    .timelineModule .yearMarker:before {
      right: 0;
      left: auto;
    }
  
    .timelineModule .entry {
      margin: -96px 0;
    }
  
    .timelineModule .entry:nth-of-type(odd) {
      margin-right: 50%;
      padding-right: 32px;
      padding-left: 0;
    }
  
    .timelineModule .entry:nth-of-type(odd):before,
    .timelineModule .entry:nth-of-type(odd):after {
      right: 0;
      left: auto;
    }
  
    .timelineModule .entry:nth-of-type(even) {
      margin-left: 50%;
      padding-left: 32px;
    }
  
    .timelineModule .entry:nth-of-type(even):before,
    .timelineModule .entry:nth-of-type(even):after {
      left: 0;
      right: auto;
    }
  }
  
  @media (min-width: 768px) {
    .timelineModule .entry:after {
      width: 64px;
    }
  
    .timelineModule .entry:nth-of-type(odd) {
      padding-right: 96px;
    }
  
    .timelineModule .entry:nth-of-type(even) {
      padding-left: 96px;
    }
  }
  
  .timelineModule .yearMarker + .entry {
    margin-top: 0;
  }
  
  .ctaFooter {
    position: relative;
    padding: 0;
    background-color: #582c83;
    background-image: url("/_resources/img/ctaFooterBG.jpg");
    background-size: cover;
    background-position: top center;
	height: 20em;
  }

	.ctaFooter .propsOverlay {
		background-color: #0000075c;
		width: 100%;
		height: 20em;
		position: absolute;
		z-index: 1;
	}

	.ctaFooter .grid-container {
		position: absolute;
		z-index: 10;
		left: 0;
		right: 0;
		margin-top: 4em;
	}
  
  @media (max-width: 640px) {
    .ctaFooter h3 {
      line-height: 1.2;
    }
  }
  
  .ctaFooter .content {
    position: relative;
    text-align: center;
  }
  
  .ctaFooter .content .h4 {
    font-weight: 900;
    color: white;
    font-size: 2.5rem;
    margin-bottom: 0px;
  }
  
  .ctaFooter .content .h5 {
    font-size: 1.3rem;
    font-weight: 500;
    color: white;
  }
  
  .ctaFooter .content .goldBtn {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  
  .ctaFooter .content .goldBtn:hover {
    background: #ebe5f4;
    color: #582c83;
  }
  
  .newsSection {
    position: relative;
    padding: 40px 0px;
  }
  
  .newsSection .newstitle {
    color: #582c83;
    font-size: 2.5rem;
    line-height: 1.1;
  }
  
  .newsSection .newsInfo {
    position: relative;
    padding: 20px 0;
  }
  
  .newsInfo {
    position: relative;
    padding-bottom: 20px;
  }
  
  .newsSection .newsInfo .newsDate {
    margin-right: 10px;
  }
  
  .newsInfo .newsDate {
    margin-right: 10px;
  }
  
  .newsSection .newsInfo .newsDate:after {
    content: "|";
    padding-left: 10px;
  }
  
  .newsInfo .newsDate:after {
    content: "|";
    padding-left: 10px;
  }
  
  .newsSection .newsInfo .newsAuthor {
    margin-right: 10px;
  }
  
  .newsSection .newsInfo .newsAuthor:after {
    content: "|";
    padding-left: 10px;
  }
  
  .newsSection .newsInfo a {
    color: #582c83;
    text-transform: uppercase;
    padding: 7px;
    font-weight: 900;
    font-size: 0.9rem;
  }
  
  .newsSection .aboutAuthor {
    position: relative;
    padding-top: 30px;
  }
  
  .newsSection .aboutAuthor h5 {
    color: #582c83;
    font-weight: 900;
  }
  
  .newsSection .aboutAuthor h6 {
    color: #582c83;
    font-weight: 900;
  }
  
  .newsSection .aboutAuthor .share {
    position: relative;
  }
  
  .newsSection .aboutAuthor .share .menu .menu-text {
    margin-right: 5px;
  }
  
  .newsSection .aboutAuthor .share .menu li a {
    color: #582c83;
    padding: 0.7rem 0.4rem;
  }
  
  .fiveBlocks {
    position: relative;
    margin-bottom: 30px;
  }
  
  @media (max-width: 1024px) {
    .fiveBlocks .heightCell {
      height: 100%;
    }
  }
  
  .fiveBlocks .title {
    color: #582c83;
  }
  
  @media (min-width: 640px) {
    .fiveBlocks .blockWrap {
      height: 34vw !important;
      max-height: 400px;
      position: relative;
    }
  }
  
  @media (max-width: 1024px) {
    .fiveBlocks .blockerHalf {
      height: 47%;
    }
  }
  
  .fiveBlocks .blocker {
    margin: 0px 0.4rem 0.8rem !important;
  }
  
  @media (min-width: 640px) {
    .fiveBlocks .blockerRight {
      margin-right: 0.2rem !important;
    }
  }
  
  .fiveBlocks .grid-x {
    position: relative;
    height: 100%;
  }
  
  .fiveBlocks .block {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-position: 50%;
  }
  
  @media (max-width: 640px) {
    .fiveBlocks .block {
      height: 100vw;
      max-height: 200px;
    }
  }
  
  .fiveBlocks .block:hover {
    cursor: pointer;
  }
  
  .fiveBlocks .block .blockInner {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.43);
    transition: 0.4s;
  }
  
  .fiveBlocks .block .blockTitle {
    color: white;
    margin: 0;
    padding: 10px 20px;
    transition: 0.4s;
  }
  
  .tntechPagination {
    position: relative;
    border-top: 1px solid #979797;
    padding: 15px 0px 0px;
    margin-bottom: 50px;
  }
  
  .tntechPagination .cell .menu li a {
    padding: 0.4rem 0.4rem;
    font-weight: 900;
    transition: 0.2s;
  }
  
  .tntechPagination .cell .menu li a:hover {
    color: #9b9b9b;
    transition: 0.2s;
  }
  
  .tntechPagination .cell .menu li .activeState {
    border: 1px solid #444;
  }
  
  .tntechPagination .cell a {
    color: #582c83;
    font-weight: 900;
  }
  
  .tntechPagination .cell .prev {
    display: block;
    margin-top: 0px;
    font-weight: 900;
    transition: 0.2s;
  }
  
  .tntechPagination .cell .prev:hover {
    color: #9b9b9b;
    transition: 0.2s;
  }
  
  .tntechPagination .cell .next {
    display: block;
    margin-top: 0px;
    font-weight: 900;
    transition: 0.2s;
  }
  
  .tntechPagination .cell .next:hover {
    color: #9b9b9b;
    transition: 0.2s;
  }
  
  .filterBox {
    position: relative;
    padding: 0px;
    margin-bottom: 30px;
  }
  
  .filterBox .filterTitle {
    color: #444;
    background: #ffd100;
    padding: 7px 15px;
    font-size: 1.2rem;
    font-weight: 900;
    position: relative;
    margin-bottom: 0px;
  }
  
  .filterBox .filterList {
    position: relative;
    padding: 10px 0px;
    background: #f5f4f8;
  }
  
  .filterBox .filterList li a {
    color: #582c83;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0px;
  }
  
  .eventStrap {
    position: relative;
    margin-bottom: 60px;
  }
  
  .eventStrap .goldBtn:hover {
    color: #582c83 !important;
    background: #ebe5f4 !important;
  }
  
  .eventStrap .imageBox {
    position: relative;
    height: 30vw;
    max-height: 200px;
    background-size: cover;
    background-position: top center;
  }
  
  @media (max-width: 640px) {
    .eventStrap .imageBox {
      height: 60vw;
    }
  }
  
  .eventStrap .mapBox {
    position: relative;
    width: 100%;
    display: none;
    margin-top: 20px;
  }
  
  .eventStrap .mapBox iFrame {
    border: none;
    box-shadow: none;
    width: 100%;
  }
  
  .eventStrap .strap {
    position: relative;
    background: #582c83;
    padding: 15px;
    color: white;
    display: -ms-flexbox;
    display: flex;
    transition: 0.4s;
    height: 100%;
  }
  
  .eventStrap .strap .arrow {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  
  .eventStrap .strap .arrowTurn {
    -ms-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
  }
  
  .eventStrap .strap .strapInformation {
    position: relative;
    padding-top: 20px;
  }
  
  @media (max-width: 640px) {
    .eventStrap .strap .strapInformation {
      padding: 20px;
    }
  }
  
  .eventStrap .strap .strapInformation .date {
    position: relative;
    color: white;
    border-right: 1px solid white;
    text-align: center;
  }
  
  @media (max-width: 640px) {
    .eventStrap .strap .strapInformation .date {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-right: none;
      margin-bottom: 20px;
    }
  }
  
  .eventStrap .strap .strapInformation .date .dayWrap {
    position: relative;
  }
  
  @media (max-width: 640px) {
    .eventStrap .strap .strapInformation .date .dayWrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: left;
    }
  }
  
  .eventStrap .strap .strapInformation .date .dayofweek {
    font-weight: 100;
    font-size: 1rem;
  }
  
  .eventStrap .strap .strapInformation .date .month {
    font-weight: 900;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 7px;
    line-height: 1;
  }
  
  @media (max-width: 640px) {
    .eventStrap .strap .strapInformation .date .month {
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  .eventStrap .strap .strapInformation .date .month span {
    display: none;
  }
  
  @media (max-width: 640px) {
    .eventStrap .strap .strapInformation .date .month span {
      display: -ms-flexbox;
      display: flex;
      margin-left: 7px;
    }
  }
  
  .eventStrap .strap .strapInformation .date .day {
    font-weight: 900;
    font-size: 5rem;
    line-height: 1;
    letter-spacing: -5px;
    margin-left: -5px;
    color: white !important;
  }
  
  @media (max-width: 640px) {
    .eventStrap .strap .strapInformation .date .day {
      font-size: 7rem;
      display: none;
    }
  }
  
  .eventStrap .strap .strapInformation .info {
    position: relative;
  }
  
  @media (min-width: 640px) {
    .eventStrap .strap .strapInformation .info {
      padding-left: 40px;
    }
  }
  
  .eventStrap .strap .strapInformation .info .title {
    color: white;
    font-weight: 500;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2;
    font-size: 1.4rem;
  }
  
  .eventStrap .strap .strapInformation .info .time {
    color: white;
    font-weight: 900;
    font-size: 1rem;
  }
  
  .eventStrap .strap .strapInformation .info .description {
    font-size: 0.9rem;
    line-height: 1.7;
    margin: 0;
  }
  
  .eventStrap .strap .strapInformation .info .description .seeMore {
    color: white;
    text-transform: uppercase;
    font-weight: 900;
  }
  
  .eventStrap .strap .strapInformation .info .longDescription {
    display: none;
  }
  
  .eventStrap .strap .strapInformation .info .buttonArea {
    width: 50%;
    margin-top: 30px;
    position: relative;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  @media (max-width: 640px) {
    .eventStrap .strap .strapInformation .info .buttonArea {
      width: 100%;
    }
  }
  
  .eventStrap .strap .strapInformation .info .flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  
  .eventList {
    position: relative;
  }
  
  .eventList .event {
    position: relative;
    margin-bottom: 50px;
  }
  
  .eventList .event .date {
    position: relative;
    color: #582c83;
    border-right: 1px solid #444;
    text-align: center;
  }
  
  @media (max-width: 640px) {
    .eventList .event .date {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-right: none;
      border-bottom: 1px solid #444;
      margin-bottom: 20px;
    }
  }
  
  .eventList .event .date .dayWrap {
    position: relative;
  }
  
  @media (max-width: 640px) {
    .eventList .event .date .dayWrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: left;
      margin-bottom: 20px;
    }
  }
  
  .eventList .event .date .dayofweek {
    font-weight: 100;
    margin-bottom: 0px;
    font-size: 1rem;
  }
  
  @media (max-width: 640px) {
    .eventList .event .date .dayofweek {
      font-size: 1.3rem;
    }
  }
  
  .eventList .event .date .month {
    font-weight: 900;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 3px;
    line-height: 1;
  }
  
  @media (max-width: 640px) {
    .eventList .event .date .month {
      font-size: 1.7rem;
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  .eventList .event .date .month span {
    display: none;
  }
  
  @media (max-width: 640px) {
    .eventList .event .date .month span {
      display: -ms-flexbox;
      display: flex;
      margin-left: 7px;
    }
  }
  
  .eventList .event .date .day {
    font-weight: 900;
    font-size: 5rem;
    line-height: 1;
    letter-spacing: -5px;
    margin-left: -5px;
  }
  
  @media (max-width: 640px) {
    .eventList .event .date .day {
      display: none;
    }
  }
  
  .eventList .event .info {
    position: relative;
  }
  
  .eventList .event .info .title {
    color: #582c83;
    font-weight: 500;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2;
    font-size: 1.4rem;
  }
  
  .eventList .event .info .time {
    color: #582c83;
    font-weight: 100;
    font-size: 1rem;
  }
  
  .eventList .event .info .description {
    font-size: 0.9rem;
    line-height: 1.3;
    margin: 0;
  }
  
  .eventList .event .info .description .seeMore {
    color: #582c83;
    text-transform: uppercase;
    font-weight: 900;
    transition: 0.2s;
  }
  
  .eventList .event .info .description .seeMore:hover {
    color: #9b9b9b;
    transition: 0.2s;
  }
  
  @media print, screen and (min-width: 40em) {
    .reveal,
    .reveal.tiny,
    .reveal.small,
    .reveal.large {
      right: auto;
      left: auto;
      margin: 0 auto;
    }
  }
  
  .navigation .top-bar .top-bar-right .nav li a {
    position: relative;
    z-index: 1;
  }
  
  .navigation .top-bar .top-bar-right .nav li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6px;
    background: #ffd100;
    bottom: 1px;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 0.3s;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 0.5;
    z-index: -3;
  }
  
  .navigation .top-bar .top-bar-right .nav li.hovered a:before,
  .navigation .top-bar .top-bar-right .nav li:hover a:before,
  .navigation .top-bar .top-bar-right .nav li:focus a:before {
    width: 100%;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  .navigation .top-bar .top-bar-right .expressMenu {
    transition: background-color 0.25s ease;
  }
  
  .navigation .top-bar .top-bar-right .expressMenu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .navigation .top-bar .top-bar-right .expressMenu .triangle {
    transition: border-right-color 0.25s ease;
  }
  
  .navigation .top-bar .top-bar-right .expressMenu.hovered,
  .navigation .top-bar .top-bar-right .expressMenu:hover {
    background-color: #f2f2f2;
  }
  
  .navigation .top-bar .top-bar-right .expressMenu.hovered .triangle,
  .navigation .top-bar .top-bar-right .expressMenu:hover .triangle {
    border-right-color: #f2f2f2;
  }
  
  .navigation .searchBar .searchBarMenu li a:hover,
  .navigation .searchBar .searchBarMenu li a:focus {
    color: #9b9b9b;
  }
  
  .footer .top {
    margin-bottom: 40px;
  }
  
  .footer .top address {
    margin-bottom: 8px;
  }
  
  .footer .top ul li a:hover,
  .footer .top ul li a:focus {
    color: #ebe5f4;
  }
  
  .footer .bottom .menu {
    margin: 0 -1rem;
  }
  
  @media (min-width: 640px) {
    .footer .bottom .menu li:not(:first-child) {
      border-left: 1px solid white;
    }
  }
  
  .footer .bottom .menu a {
    margin: -0.7rem 0;
  }
  
  .spotlightSection .spotlightSlider .slick-slide .slideInfo .infoCell .cell h4 {
    margin-bottom: 24px;
  }
  
  .spotlightSection
    .spotlightSlider
    .slick-slide
    .slideInfo
    .infoCell
    .cell
    .button {
    margin-top: 24px;
  }
  
  .careerInfographic .grid-x {
    -ms-flex-align: center;
    align-items: center;
  }
  
  .careerInfographic .info .button {
    margin-top: 24px;
    color: #582c83 !important;
  }
  
  .careerInfographic .info .button:hover,
  .careerInfographic .info .button:focus {
    background-color: #582c83;
    color: white !important;
  }
  
  .statistics .purpleBtn:hover,
  .statistics .purpleBtn:focus {
    background-color: #ebe5f4;
    color: #582c83;
  }
  
  @media (min-width: 961px) {
    .mobileMenuIcon {
      display: none;
    }
  }
  
  main p {
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
  
  .ctaSection {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .threeBlocks .title {
    margin-bottom: 10px !important;
  }
  
  .halfText .title,
  .threeRowBlocks .title,
  .threeBlocks .title,
  .fiveBlocks .title {
    margin-bottom: 20px;
  }
  
  .halfText .block .blockInner,
  .threeRowBlocks .block .blockInner,
  .threeBlocks .block .blockInner,
  .fiveBlocks .block .blockInner {
    position: relative;
    z-index: 1;
  }
  
  .halfText .block .blockInner:after,
  .threeRowBlocks .block .blockInner:after,
  .threeBlocks .block .blockInner:after,
  .fiveBlocks .block .blockInner:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: background-color 0.25s ease;
  }
  
  .halfText .block .blockInner:hover:after,
  .halfText .block .blockInner:focus:after,
  .threeRowBlocks .block .blockInner:hover:after,
  .threeRowBlocks .block .blockInner:focus:after,
  .threeBlocks .block .blockInner:hover:after,
  .threeBlocks .block .blockInner:focus:after,
  .fiveBlocks .block .blockInner:hover:after,
  .fiveBlocks .block .blockInner:focus:after {
    background-color: #582c83;
  }
  
  .halfText .blockTitle,
  .threeRowBlocks .blockTitle,
  .threeBlocks .blockTitle,
  .fiveBlocks .blockTitle {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
  }
  
  .fiveBlocks .title {
    margin-bottom: 16px;
  }
  
  .threeRowCards .card .grid-y .title .blockTitle {
    margin-bottom: 16px;
  }
  
  .centerSliderSection .centerSlider .centerInner h3 {
    margin-bottom: 24px;
  }
  
  .centerSliderSection .centerSlider .centerInner .button {
    margin-top: 24px;
    margin-bottom: 32px;
  }
  
  .centerSliderSection .centerSlider .centerInner .button:hover {
    background: #ebe5f4 !important;
    color: #582c83;
  }
  
  @media (min-width: 640px) {
    .threeBlocks .blockWrap {
      height: 336px;
    }
  }
  
  .navigation .top-bar .top-bar-right .expressMenu li {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  
  body,
  html {
    padding-top: 80px;
  }
  
  @media (max-width: 960px) {
    body,
    html {
      padding-top: 50px;
    }
  }
  
  body {
      margin: 0;
      padding: 0;
      background: #fff;
      font-family: "PT Sans", sans-serif;
      font-weight: normal;
      line-height: 1.5;
      color: #444;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  
  
  
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  p,
  blockquote,
  th,
  td {
    margin: 0;
    padding: 0;
  }
  
  p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
  }
  
  em,
  i {
    font-style: italic;
    line-height: inherit;
  }
  
  strong,
  b {
    font-weight: bold;
    line-height: inherit;
  }
  
  small {
    font-size: 80%;
    line-height: inherit;
  }
  
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    font-family: "PT Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
  }
  
  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small {
    line-height: 0;
    color: #cacaca;
  }
  
  h1,
  .h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #582c83;
    font-size: 2.5rem;
  }
  
  h2,
  .h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #582c83;
    font-size: 2.3rem;
  }
  
  h3,
  .h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #582c83;
    font-size: 1.8rem;
  }
  
  h4,
  .h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #000000;
    font-size: 1.6rem;
  }
  
  h5,
  .h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #582c83;
    font-size: 1.4rem;
  }
  
  h6,
  .h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: #000000;
    font-size: 1.2rem;
  }
  
  @media print, screen and (min-width: 40em) {
    h1,
    .h1 {
      font-size: 3rem;
    }
  
    h2,
    .h2 {
      font-size: 2.5rem;
    }
  
    h3,
    .h3 {
      font-size: 1.9375rem;
    }
  
    h4,
    .h4 {
      font-size: 1.5625rem;
    }
  
    h5,
    .h5 {
      font-size: 1.25rem;
    }
  
    h6,
    .h6 {
      font-size: 1rem;
    }
  }
  
  a {
    line-height: inherit;
    color: #ffd100;
    text-decoration: none;
    cursor: pointer;
  }
  
  a:hover,
  a:focus {
    color: #dbbe00;
  }
  
  a img {
    border: 0;
  }
  
  hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
  }
  
  ul,
  ol,
  dl {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6;
  }
  
  li {
    font-size: inherit;
  }
  
  ul {
    margin-left: 1.25rem;
    list-style-type: disc;
  }
  
  ol {
    margin-left: 1.25rem;
  }
  
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
  }
  
  dl {
    margin-bottom: 1rem;
  }
  
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
  }
  
  blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
  }
  
  blockquote,
  blockquote p {
    line-height: 1.6;
    color: #444;
  }
  
  cite {
    display: block;
    font-size: 0.8125rem;
    color: #444;
  }
  
  cite:before {
    content: "— ";
  }
  
  abbr,
  abbr[title] {
    border-bottom: 1px dotted #444;
    cursor: help;
    text-decoration: none;
  }
  
  figure {
    margin: 0;
  }
  
  code {
    padding: 0.125rem 0.3125rem 0.0625rem;
    border: 1px solid #cacaca;
    background-color: #f5f4f8;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #444;
  }
  
  kbd {
    margin: 0;
    padding: 0.125rem 0.25rem 0;
    background-color: #f5f4f8;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #444;
  }
  
  .subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #444;
  }
  
  .lead {
    font-size: 125%;
    line-height: 1.6;
  }
  
  .stat {
    font-size: 2.5rem;
    line-height: 1;
  }
  
  p + .stat {
    margin-top: -1rem;
  }
  
  ul.no-bullet,
  ol.no-bullet {
    margin-left: 0;
    list-style: none;
  }
  
  .button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #ffd100;
    color: #fefefe;
  }
  
  [data-whatinput="mouse"] .button {
    outline: 0;
  }
  
  .button:hover,
  .button:focus {
    background-color: #d9bc00;
    color: #fefefe;
  }
  
  .button.tiny {
    font-size: 0.6rem;
  }
  
  .button.small {
    font-size: 0.75rem;
  }
  
  .button.large {
    font-size: 1.25rem;
  }
  
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  
  .button.primary {
    background-color: #ffd100;
    color: #444;
  }
  
  .button.primary:hover,
  .button.primary:focus {
    background-color: #ccb100;
    color: #444;
  }
  
  .button.secondary {
    background-color: #444;
    color: #fefefe;
  }
  
  .button.secondary:hover,
  .button.secondary:focus {
    background-color: #363636;
    color: #fefefe;
  }
  
  .button.success {
    background-color: #3adb76;
    color: #444;
  }
  
  .button.success:hover,
  .button.success:focus {
    background-color: #22bb5b;
    color: #444;
  }
  
  .button.warning {
    background-color: #ffd100;
    color: #444;
  }
  
  .button.warning:hover,
  .button.warning:focus {
    background-color: #ccb100;
    color: #444;
  }
  
  .button.alert {
    background-color: #cc4b37;
    color: #fefefe;
  }
  
  .button.alert:hover,
  .button.alert:focus {
    background-color: #a53b2a;
    color: #fefefe;
  }
  
  .button.disabled,
  .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .button.disabled,
  .button.disabled:hover,
  .button.disabled:focus,
  .button[disabled],
  .button[disabled]:hover,
  .button[disabled]:focus {
    background-color: #ffd100;
    color: #fefefe;
  }
  
  .button.disabled.primary,
  .button[disabled].primary {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .button.disabled.primary,
  .button.disabled.primary:hover,
  .button.disabled.primary:focus,
  .button[disabled].primary,
  .button[disabled].primary:hover,
  .button[disabled].primary:focus {
    background-color: #ffd100;
    color: #444;
  }
  
  .button.disabled.secondary,
  .button[disabled].secondary {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .button.disabled.secondary,
  .button.disabled.secondary:hover,
  .button.disabled.secondary:focus,
  .button[disabled].secondary,
  .button[disabled].secondary:hover,
  .button[disabled].secondary:focus {
    background-color: #444;
    color: #fefefe;
  }
  
  .button.disabled.success,
  .button[disabled].success {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .button.disabled.success,
  .button.disabled.success:hover,
  .button.disabled.success:focus,
  .button[disabled].success,
  .button[disabled].success:hover,
  .button[disabled].success:focus {
    background-color: #3adb76;
    color: #444;
  }
  
  .button.disabled.warning,
  .button[disabled].warning {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .button.disabled.warning,
  .button.disabled.warning:hover,
  .button.disabled.warning:focus,
  .button[disabled].warning,
  .button[disabled].warning:hover,
  .button[disabled].warning:focus {
    background-color: #ffd100;
    color: #444;
  }
  
  .button.disabled.alert,
  .button[disabled].alert {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .button.disabled.alert,
  .button.disabled.alert:hover,
  .button.disabled.alert:focus,
  .button[disabled].alert,
  .button[disabled].alert:hover,
  .button[disabled].alert:focus {
    background-color: #cc4b37;
    color: #fefefe;
  }
  
  .button.hollow {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.hollow,
  .button.hollow:hover,
  .button.hollow:focus {
    background-color: transparent;
  }
  
  .button.hollow.disabled,
  .button.hollow.disabled:hover,
  .button.hollow.disabled:focus,
  .button.hollow[disabled],
  .button.hollow[disabled]:hover,
  .button.hollow[disabled]:focus {
    background-color: transparent;
  }
  
  .button.hollow:hover,
  .button.hollow:focus {
    border-color: #806f00;
    color: #806f00;
  }
  
  .button.hollow:hover.disabled,
  .button.hollow:hover[disabled],
  .button.hollow:focus.disabled,
  .button.hollow:focus[disabled] {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.hollow.primary {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.hollow.primary:hover,
  .button.hollow.primary:focus {
    border-color: #806f00;
    color: #806f00;
  }
  
  .button.hollow.primary:hover.disabled,
  .button.hollow.primary:hover[disabled],
  .button.hollow.primary:focus.disabled,
  .button.hollow.primary:focus[disabled] {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.hollow.secondary {
    border: 1px solid #444;
    color: #444;
  }
  
  .button.hollow.secondary:hover,
  .button.hollow.secondary:focus {
    border-color: #222;
    color: #222;
  }
  
  .button.hollow.secondary:hover.disabled,
  .button.hollow.secondary:hover[disabled],
  .button.hollow.secondary:focus.disabled,
  .button.hollow.secondary:focus[disabled] {
    border: 1px solid #444;
    color: #444;
  }
  
  .button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76;
  }
  
  .button.hollow.success:hover,
  .button.hollow.success:focus {
    border-color: #157539;
    color: #157539;
  }
  
  .button.hollow.success:hover.disabled,
  .button.hollow.success:hover[disabled],
  .button.hollow.success:focus.disabled,
  .button.hollow.success:focus[disabled] {
    border: 1px solid #3adb76;
    color: #3adb76;
  }
  
  .button.hollow.warning {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.hollow.warning:hover,
  .button.hollow.warning:focus {
    border-color: #806f00;
    color: #806f00;
  }
  
  .button.hollow.warning:hover.disabled,
  .button.hollow.warning:hover[disabled],
  .button.hollow.warning:focus.disabled,
  .button.hollow.warning:focus[disabled] {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.hollow.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37;
  }
  
  .button.hollow.alert:hover,
  .button.hollow.alert:focus {
    border-color: #67251a;
    color: #67251a;
  }
  
  .button.hollow.alert:hover.disabled,
  .button.hollow.alert:hover[disabled],
  .button.hollow.alert:focus.disabled,
  .button.hollow.alert:focus[disabled] {
    border: 1px solid #cc4b37;
    color: #cc4b37;
  }
  
  .button.clear {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.clear,
  .button.clear:hover,
  .button.clear:focus {
    background-color: transparent;
  }
  
  .button.clear.disabled,
  .button.clear.disabled:hover,
  .button.clear.disabled:focus,
  .button.clear[disabled],
  .button.clear[disabled]:hover,
  .button.clear[disabled]:focus {
    background-color: transparent;
  }
  
  .button.clear:hover,
  .button.clear:focus {
    border-color: #806f00;
    color: #806f00;
  }
  
  .button.clear:hover.disabled,
  .button.clear:hover[disabled],
  .button.clear:focus.disabled,
  .button.clear:focus[disabled] {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.clear,
  .button.clear.disabled,
  .button.clear[disabled],
  .button.clear:hover,
  .button.clear:hover.disabled,
  .button.clear:hover[disabled],
  .button.clear:focus,
  .button.clear:focus.disabled,
  .button.clear:focus[disabled] {
    border-color: transparent;
  }
  
  .button.clear.primary {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.clear.primary:hover,
  .button.clear.primary:focus {
    border-color: #806f00;
    color: #806f00;
  }
  
  .button.clear.primary:hover.disabled,
  .button.clear.primary:hover[disabled],
  .button.clear.primary:focus.disabled,
  .button.clear.primary:focus[disabled] {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.clear.primary,
  .button.clear.primary.disabled,
  .button.clear.primary[disabled],
  .button.clear.primary:hover,
  .button.clear.primary:hover.disabled,
  .button.clear.primary:hover[disabled],
  .button.clear.primary:focus,
  .button.clear.primary:focus.disabled,
  .button.clear.primary:focus[disabled] {
    border-color: transparent;
  }
  
  .button.clear.secondary {
    border: 1px solid #444;
    color: #444;
  }
  
  .button.clear.secondary:hover,
  .button.clear.secondary:focus {
    border-color: #222;
    color: #222;
  }
  
  .button.clear.secondary:hover.disabled,
  .button.clear.secondary:hover[disabled],
  .button.clear.secondary:focus.disabled,
  .button.clear.secondary:focus[disabled] {
    border: 1px solid #444;
    color: #444;
  }
  
  .button.clear.secondary,
  .button.clear.secondary.disabled,
  .button.clear.secondary[disabled],
  .button.clear.secondary:hover,
  .button.clear.secondary:hover.disabled,
  .button.clear.secondary:hover[disabled],
  .button.clear.secondary:focus,
  .button.clear.secondary:focus.disabled,
  .button.clear.secondary:focus[disabled] {
    border-color: transparent;
  }
  
  .button.clear.success {
    border: 1px solid #3adb76;
    color: #3adb76;
  }
  
  .button.clear.success:hover,
  .button.clear.success:focus {
    border-color: #157539;
    color: #157539;
  }
  
  .button.clear.success:hover.disabled,
  .button.clear.success:hover[disabled],
  .button.clear.success:focus.disabled,
  .button.clear.success:focus[disabled] {
    border: 1px solid #3adb76;
    color: #3adb76;
  }
  
  .button.clear.success,
  .button.clear.success.disabled,
  .button.clear.success[disabled],
  .button.clear.success:hover,
  .button.clear.success:hover.disabled,
  .button.clear.success:hover[disabled],
  .button.clear.success:focus,
  .button.clear.success:focus.disabled,
  .button.clear.success:focus[disabled] {
    border-color: transparent;
  }
  
  .button.clear.warning {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.clear.warning:hover,
  .button.clear.warning:focus {
    border-color: #806f00;
    color: #806f00;
  }
  
  .button.clear.warning:hover.disabled,
  .button.clear.warning:hover[disabled],
  .button.clear.warning:focus.disabled,
  .button.clear.warning:focus[disabled] {
    border: 1px solid #ffd100;
    color: #ffd100;
  }
  
  .button.clear.warning,
  .button.clear.warning.disabled,
  .button.clear.warning[disabled],
  .button.clear.warning:hover,
  .button.clear.warning:hover.disabled,
  .button.clear.warning:hover[disabled],
  .button.clear.warning:focus,
  .button.clear.warning:focus.disabled,
  .button.clear.warning:focus[disabled] {
    border-color: transparent;
  }
  
  .button.clear.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37;
  }
  
  .button.clear.alert:hover,
  .button.clear.alert:focus {
    border-color: #67251a;
    color: #67251a;
  }
  
  .button.clear.alert:hover.disabled,
  .button.clear.alert:hover[disabled],
  .button.clear.alert:focus.disabled,
  .button.clear.alert:focus[disabled] {
    border: 1px solid #cc4b37;
    color: #cc4b37;
  }
  
  .button.clear.alert,
  .button.clear.alert.disabled,
  .button.clear.alert[disabled],
  .button.clear.alert:hover,
  .button.clear.alert:hover.disabled,
  .button.clear.alert:hover[disabled],
  .button.clear.alert:focus,
  .button.clear.alert:focus.disabled,
  .button.clear.alert:focus[disabled] {
    border-color: transparent;
  }
  
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em;
  }
  
  .button.dropdown.hollow::after {
    border-top-color: #ffd100;
  }
  
  .button.dropdown.hollow.primary::after {
    border-top-color: #ffd100;
  }
  
  .button.dropdown.hollow.secondary::after {
    border-top-color: #444;
  }
  
  .button.dropdown.hollow.success::after {
    border-top-color: #3adb76;
  }
  
  .button.dropdown.hollow.warning::after {
    border-top-color: #ffd100;
  }
  
  .button.dropdown.hollow.alert::after {
    border-top-color: #cc4b37;
  }
  
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0;
  }
  
  a.button:hover,
  a.button:focus {
    text-decoration: none;
  }
  
  [type="text"],
  [type="password"],
  [type="date"],
  [type="datetime"],
  [type="datetime-local"],
  [type="month"],
  [type="week"],
  [type="email"],
  [type="number"],
  [type="search"],
  [type="tel"],
  [type="time"],
  [type="url"],
  [type="color"],
  textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(68, 68, 68, 0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #444;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  [type="text"]:focus,
  [type="password"]:focus,
  [type="date"]:focus,
  [type="datetime"]:focus,
  [type="datetime-local"]:focus,
  [type="month"]:focus,
  [type="week"]:focus,
  [type="email"]:focus,
  [type="number"]:focus,
  [type="search"]:focus,
  [type="tel"]:focus,
  [type="time"]:focus,
  [type="url"]:focus,
  [type="color"]:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #444;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  }
  
  textarea {
    max-width: 100%;
  }
  
  textarea[rows] {
    height: auto;
  }
  
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #cacaca;
  }
  
  input::placeholder,
  textarea::placeholder {
    color: #cacaca;
  }
  
  input:disabled,
  input[readonly],
  textarea:disabled,
  textarea[readonly] {
    background-color: #f5f4f8;
    cursor: not-allowed;
  }
  
  [type="submit"],
  [type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
  }
  
  input[type="search"] {
    box-sizing: border-box;
  }
  
  [type="file"],
  [type="checkbox"],
  [type="radio"] {
    margin: 0 0 1rem;
  }
  
  [type="checkbox"] + label,
  [type="radio"] + label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
  }
  
  [type="checkbox"] + label[for],
  [type="radio"] + label[for] {
    cursor: pointer;
  }
  
  label > [type="checkbox"],
  label > [type="radio"] {
    margin-right: 0.5rem;
  }
  
  [type="file"] {
    width: 100%;
  }
  
  label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #444;
  }
  
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0;
  }
  
  .help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #444;
  }
  
  .input-group {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .input-group > :first-child {
    border-radius: 0 0 0 0;
  }
  
  .input-group > :last-child > * {
    border-radius: 0 0 0 0;
  }
  
  .input-group-label,
  .input-group-field,
  .input-group-button,
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    margin: 0;
    white-space: nowrap;
  }
  
  .input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #f5f4f8;
    color: #444;
    text-align: center;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .input-group-label:first-child {
    border-right: 0;
  }
  
  .input-group-label:last-child {
    border-left: 0;
  }
  
  .input-group-field {
    border-radius: 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    height: auto;
    min-width: 0;
  }
  
  .input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
  }
  
  fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  legend {
    max-width: 100%;
    margin-bottom: 0.5rem;
  }
  
  .fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca;
  }
  
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem;
  }
  
  select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #444;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2868, 68, 68%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  }
  
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
    }
  }
  
  select:focus {
    outline: none;
    border: 1px solid #444;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  }
  
  select:disabled {
    background-color: #f5f4f8;
    cursor: not-allowed;
  }
  
  select::-ms-expand {
    display: none;
  }
  
  select[multiple] {
    height: auto;
    background-image: none;
  }
  
  .is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea;
  }
  
  .is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37;
  }
  
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37;
  }
  
  .is-invalid-label {
    color: #cc4b37;
  }
  
  .form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #cc4b37;
  }
  
  .form-error.is-visible {
    display: block;
  }
  
  .accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none;
  }
  
  .accordion[disabled] .accordion-title {
    cursor: not-allowed;
  }
  
  .accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0;
  }
  
  .accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0;
  }
  
  .accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #f5f4f8;
    border-bottom: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: #ffd100;
  }
  
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #f5f4f8;
    border-radius: 0 0 0 0;
  }
  
  .accordion-title:hover,
  .accordion-title:focus {
    background-color: #f5f4f8;
  }
  
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: "+";
  }
  
  .is-active > .accordion-title::before {
    content: "\2013";
  }
  
  .accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #f5f4f8;
    border-bottom: 0;
    background-color: #fefefe;
    color: #444;
  }
  
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #f5f4f8;
  }
  
  .accordion-menu li {
    width: 100%;
  }
  
  .accordion-menu a {
    padding: 0.7rem 1rem;
  }
  
  .accordion-menu .is-accordion-submenu a {
    padding: 0.7rem 1rem;
  }
  
  .accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem;
  }
  
  .accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0;
  }
  
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative;
  }
  
  .accordion-menu
    .is-accordion-submenu-parent:not(.has-submenu-toggle)
    > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffd100 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem;
  }
  
  .accordion-menu.align-left .is-accordion-submenu-parent > a::after {
    left: auto;
    right: 1rem;
  }
  
  .accordion-menu.align-right .is-accordion-submenu-parent > a::after {
    right: auto;
    left: 1rem;
  }
  
  .accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  
  .is-accordion-submenu-parent {
    position: relative;
  }
  
  .has-submenu-toggle > a {
    margin-right: 40px;
  }
  
  .submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
  }
  
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffd100 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  .submenu-toggle[aria-expanded="true"]::after {
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  
  .submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
  }
  
  .badge {
    display: inline-block;
    min-width: 2.1em;
    padding: 0.3em;
    border-radius: 50%;
    font-size: 0.6rem;
    text-align: center;
    background: #ffd100;
    color: #fefefe;
  }
  
  .badge.primary {
    background: #ffd100;
    color: #444;
  }
  
  .badge.secondary {
    background: #444;
    color: #fefefe;
  }
  
  .badge.success {
    background: #3adb76;
    color: #444;
  }
  
  .badge.warning {
    background: #ffd100;
    color: #444;
  }
  
  .badge.alert {
    background: #cc4b37;
    color: #fefefe;
  }
  
  .breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none;
  }
  
  .breadcrumbs::before,
  .breadcrumbs::after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .breadcrumbs::after {
    clear: both;
  }
  
  .breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #444;
    cursor: default;
    text-transform: uppercase;
  }
  
  .breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
  }
  
  .breadcrumbs a {
    color: #ffd100;
  }
  
  .breadcrumbs a:hover {
    text-decoration: underline;
  }
  
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed;
  }
  
  .button-group {
    margin-bottom: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .button-group::before,
  .button-group::after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .button-group::after {
    clear: both;
  }
  
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .button-group .button:last-child {
    margin-right: 0;
  }
  
  .button-group.tiny .button {
    font-size: 0.6rem;
  }
  
  .button-group.small .button {
    font-size: 0.75rem;
  }
  
  .button-group.large .button {
    font-size: 1.25rem;
  }
  
  .button-group.expanded .button {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  
  .button-group.primary .button {
    background-color: #ffd100;
    color: #444;
  }
  
  .button-group.primary .button:hover,
  .button-group.primary .button:focus {
    background-color: #ccb100;
    color: #444;
  }
  
  .button-group.secondary .button {
    background-color: #444;
    color: #fefefe;
  }
  
  .button-group.secondary .button:hover,
  .button-group.secondary .button:focus {
    background-color: #363636;
    color: #fefefe;
  }
  
  .button-group.success .button {
    background-color: #3adb76;
    color: #444;
  }
  
  .button-group.success .button:hover,
  .button-group.success .button:focus {
    background-color: #22bb5b;
    color: #444;
  }
  
  .button-group.warning .button {
    background-color: #ffd100;
    color: #444;
  }
  
  .button-group.warning .button:hover,
  .button-group.warning .button:focus {
    background-color: #ccb100;
    color: #444;
  }
  
  .button-group.alert .button {
    background-color: #cc4b37;
    color: #fefefe;
  }
  
  .button-group.alert .button:hover,
  .button-group.alert .button:focus {
    background-color: #a53b2a;
    color: #fefefe;
  }
  
  .button-group.stacked,
  .button-group.stacked-for-small,
  .button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .button-group.stacked .button,
  .button-group.stacked-for-small .button,
  .button-group.stacked-for-medium .button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  
  .button-group.stacked .button:last-child,
  .button-group.stacked-for-small .button:last-child,
  .button-group.stacked-for-medium .button:last-child {
    margin-bottom: 0;
  }
  
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
      margin-bottom: 0;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
      margin-bottom: 0;
    }
  }
  
  @media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block;
    }
  
    .button-group.stacked-for-small.expanded .button {
      display: block;
      margin-right: 0;
    }
  }
  
  .callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(68, 68, 68, 0.25);
    border-radius: 0;
    background-color: #fff;
    color: #444;
  }
  
  .callout > :first-child {
    margin-top: 0;
  }
  
  .callout > :last-child {
    margin-bottom: 0;
  }
  
  .callout.primary {
    background-color: #fffad9;
    color: #444;
  }
  
  .callout.secondary {
    background-color: #e3e3e3;
    color: #444;
  }
  
  .callout.success {
    background-color: #e1faea;
    color: #444;
  }
  
  .callout.warning {
    background-color: #fffad9;
    color: #444;
  }
  
  .callout.alert {
    background-color: #f7e4e1;
    color: #444;
  }
  
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
  }
  
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
  }
  
  .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #f5f4f8;
    border-radius: 0;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #444;
  }
  
  .card > :last-child {
    margin-bottom: 0;
  }
  
  .card-divider {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    background: #f5f4f8;
  }
  
  .card-divider > :last-child {
    margin-bottom: 0;
  }
  
  .card-section {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem;
  }
  
  .card-section > :last-child {
    margin-bottom: 0;
  }
  
  .card-image {
    min-height: 1px;
  }
  
  .close-button {
    position: absolute;
    color: #444;
    cursor: pointer;
  }
  
  [data-whatinput="mouse"] .close-button {
    outline: 0;
  }
  
  .close-button:hover,
  .close-button:focus {
    color: #444;
  }
  
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1;
  }
  
  .close-button,
  .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
  }
  
  .menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  [data-whatinput="mouse"] .menu li {
    outline: 0;
  }
  
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem;
  }
  
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0;
  }
  
  .menu input {
    display: inline-block;
  }
  
  .menu,
  .menu.horizontal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  .menu.vertical {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .menu.expanded li {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  
  .menu.simple {
    -ms-flex-align: center;
    align-items: center;
  }
  
  .menu.simple li + li {
    margin-left: 1rem;
  }
  
  .menu.simple a {
    padding: 0;
  }
  
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  
    .menu.medium-vertical {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .menu.medium-expanded li {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
    }
  
    .menu.medium-simple li {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-direction: row;
      flex-direction: row;
    }
  
    .menu.large-vertical {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .menu.large-expanded li {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
    }
  
    .menu.large-simple li {
      -ms-flex: 1 1 0px;
      flex: 1 1 0px;
    }
  }
  
  .menu.nested {
    margin-right: 0;
    margin-left: 1rem;
  }
  
  .menu.icons a {
    display: -ms-flexbox;
    display: flex;
  }
  
  .menu.icon-top a,
  .menu.icon-right a,
  .menu.icon-bottom a,
  .menu.icon-left a {
    display: -ms-flexbox;
    display: flex;
  }
  
  .menu.icon-left li a {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  
  .menu.icon-left li a img,
  .menu.icon-left li a i,
  .menu.icon-left li a svg {
    margin-right: 0.25rem;
  }
  
  .menu.icon-right li a {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  
  .menu.icon-right li a img,
  .menu.icon-right li a i,
  .menu.icon-right li a svg {
    margin-left: 0.25rem;
  }
  
  .menu.icon-top li a {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  
  .menu.icon-top li a img,
  .menu.icon-top li a i,
  .menu.icon-top li a svg {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center;
  }
  
  .menu.icon-bottom li a {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  
  .menu.icon-bottom li a img,
  .menu.icon-bottom li a i,
  .menu.icon-bottom li a svg {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center;
  }
  
  .menu .is-active > a {
    background: #ffd100;
    color: #fefefe;
  }
  
  .menu .active > a {
    background: #ffd100;
    color: #fefefe;
  }
  
  .menu.align-left {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .menu.align-right li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .menu.align-right li .submenu li {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .menu.align-right.vertical li {
    display: block;
    text-align: right;
  }
  
  .menu.align-right.vertical li .submenu li {
    text-align: right;
  }
  
  .menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0;
  }
  
  .menu.align-center li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .menu.align-center li .submenu li {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit;
  }
  
  .menu-centered > .menu {
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .menu-centered > .menu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .menu-centered > .menu li .submenu li {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .no-js [data-responsive-menu] ul {
    display: none;
  }
  
  .menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer;
  }
  
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: "";
  }
  
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
  }
  
  .menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer;
  }
  
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #444;
    box-shadow: 0 7px 0 #444, 0 14px 0 #444;
    content: "";
  }
  
  .menu-icon.dark:hover::after {
    background: #444;
    box-shadow: 0 7px 0 #444, 0 14px 0 #444;
  }
  
  .is-drilldown {
    position: relative;
    overflow: hidden;
  }
  
  .is-drilldown li {
    display: block;
  }
  
  .is-drilldown.animate-height {
    transition: height 0.5s;
  }
  
  .drilldown a {
    padding: 0.7rem 1rem;
    background: #fefefe;
  }
  
  .drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: transform 0.15s linear;
  }
  
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  
  .drilldown .is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  
  .drilldown .is-drilldown-submenu a {
    padding: 0.7rem 1rem;
  }
  
  .drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0;
  }
  
  .drilldown .drilldown-submenu-cover-previous {
    min-height: 100%;
  }
  
  .drilldown .is-drilldown-submenu-parent > a {
    position: relative;
  }
  
  .drilldown .is-drilldown-submenu-parent > a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #ffd100;
  }
  
  .drilldown.align-left .is-drilldown-submenu-parent > a::after {
    left: auto;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #ffd100;
  }
  
  .drilldown.align-right .is-drilldown-submenu-parent > a::after {
    right: auto;
    left: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #ffd100 transparent transparent;
  }
  
  .drilldown .js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #ffd100 transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
    border-left-width: 0;
  }
  
  .dropdown-pane, .simple-dropdown {
    position: absolute;
    z-index: 10;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    display: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem;
  }
  
  .dropdown-pane.is-opening, .simple-dropdown.is-opening {
    display: block;
  }
  
  .dropdown-pane.is-open, .simple-dropdown.is-open {
    visibility: visible;
    display: block;
  }
  
  .dropdown-pane.tiny, .simple-dropdown.tiny {
    width: 100px;
  }
  
  .dropdown-pane.small, .simple-dropdown.small {
    width: 200px;
  }
  
  .dropdown-pane.large, .simple-dropdown.large {
    width: 400px;
  }
  
  .dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  
  .dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  
  .dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  
  .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffd100 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  
  .dropdown.menu a {
    padding: 0.7rem 1rem;
  }
  
  [data-whatinput="mouse"] .dropdown.menu a {
    outline: 0;
  }
  
  .dropdown.menu .is-active > a {
    background: transparent;
    color: #ffd100;
  }
  
  .no-js .dropdown.menu ul {
    display: none;
  }
  
  .dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0;
  }
  
  .dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0;
  }
  
  .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
  }
  
  .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  
  .dropdown.menu.vertical > li > a::after {
    right: 14px;
  }
  
  .dropdown.menu.vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #ffd100 transparent transparent;
  }
  
  .dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #ffd100;
  }
  
  @media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
      top: 100%;
      right: 0;
      left: auto;
    }
  
    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
      top: 100%;
      right: auto;
      left: 0;
    }
  
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
      position: relative;
      padding-right: 1.5rem;
    }
  
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      content: "";
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #ffd100 transparent transparent;
      right: 5px;
      left: auto;
      margin-top: -3px;
    }
  
    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
      top: 0;
    }
  
    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
      right: 100%;
      left: auto;
      top: 0;
    }
  
    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
      right: auto;
      left: 100%;
    }
  
    .dropdown.menu.medium-vertical > li > a::after {
      right: 14px;
    }
  
    .dropdown.menu.medium-vertical > li.opens-left > a::after {
      right: auto;
      left: 5px;
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      content: "";
      border-left-width: 0;
      border-right-style: solid;
      border-color: transparent #ffd100 transparent transparent;
    }
  
    .dropdown.menu.medium-vertical > li.opens-right > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      content: "";
      border-right-width: 0;
      border-left-style: solid;
      border-color: transparent transparent transparent #ffd100;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
      top: 100%;
      right: 0;
      left: auto;
    }
  
    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
      top: 100%;
      right: auto;
      left: 0;
    }
  
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
      position: relative;
      padding-right: 1.5rem;
    }
  
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      content: "";
      border-bottom-width: 0;
      border-top-style: solid;
      border-color: #ffd100 transparent transparent;
      right: 5px;
      left: auto;
      margin-top: -3px;
    }
  
    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
      top: 0;
    }
  
    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
      right: 100%;
      left: auto;
      top: 0;
    }
  
    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
      right: auto;
      left: 100%;
    }
  
    .dropdown.menu.large-vertical > li > a::after {
      right: 14px;
    }
  
    .dropdown.menu.large-vertical > li.opens-left > a::after {
      right: auto;
      left: 5px;
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      content: "";
      border-left-width: 0;
      border-right-style: solid;
      border-color: transparent #ffd100 transparent transparent;
    }
  
    .dropdown.menu.large-vertical > li.opens-right > a::after {
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      content: "";
      border-right-width: 0;
      border-left-style: solid;
      border-color: transparent transparent transparent #ffd100;
    }
  }
  
  .dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto;
  }
  
  .is-dropdown-menu.vertical {
    width: 100px;
  }
  
  .is-dropdown-menu.vertical.align-right {
    float: right;
  }
  
  .is-dropdown-submenu-parent {
    position: relative;
  }
  
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px;
  }
  
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto;
  }
  
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
  }
  
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  
  .is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe;
  }
  
  .dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem;
  }
  
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px;
  }
  
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #ffd100 transparent transparent;
  }
  
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #ffd100;
  }
  
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px;
  }
  
  .is-dropdown-submenu > li {
    width: 100%;
  }
  
  .is-dropdown-submenu.js-dropdown-active {
    display: block;
  }
  
  .responsive-embed,
  .flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden;
  }
  
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%;
  }
  
  .label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    border-radius: 0;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #ffd100;
    color: #fefefe;
  }
  
  .label.primary {
    background: #ffd100;
    color: #444;
  }
  
  .label.secondary {
    background: #444;
    color: #fefefe;
  }
  
  .label.success {
    background: #3adb76;
    color: #444;
  }
  
  .label.warning {
    background: #ffd100;
    color: #444;
  }
  
  .label.alert {
    background: #cc4b37;
    color: #fefefe;
  }
  
  .media-object {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  
  .media-object img {
    max-width: none;
  }
  
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }
  
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
  
    .media-object.stack-for-small .media-object-section img {
      width: 100%;
    }
  }
  
  .media-object-section {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  
  .media-object-section:first-child {
    padding-right: 1rem;
  }
  
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem;
  }
  
  .media-object-section > :last-child {
    margin-bottom: 0;
  }
  
  .media-object-section.main-section {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  
  .is-off-canvas-open {
    overflow: hidden;
  }
  
  .js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    background: rgba(254, 254, 254, 0.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
  }
  
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible;
  }
  
  .js-off-canvas-overlay.is-closable {
    cursor: pointer;
  }
  
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute;
  }
  
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed;
  }
  
  .off-canvas-wrapper {
    position: relative;
    overflow: hidden;
  }
  
  .off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f5f4f8;
  }
  
  [data-whatinput="mouse"] .off-canvas {
    outline: 0;
  }
  
  .off-canvas.is-transition-push {
    z-index: 12;
  }
  
  .off-canvas.is-closed {
    visibility: hidden;
  }
  
  .off-canvas.is-transition-overlap {
    z-index: 13;
  }
  
  .off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(68, 68, 68, 0.7);
  }
  
  .off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f5f4f8;
  }
  
  [data-whatinput="mouse"] .off-canvas-absolute {
    outline: 0;
  }
  
  .off-canvas-absolute.is-transition-push {
    z-index: 12;
  }
  
  .off-canvas-absolute.is-closed {
    visibility: hidden;
  }
  
  .off-canvas-absolute.is-transition-overlap {
    z-index: 13;
  }
  
  .off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(68, 68, 68, 0.7);
  }
  
  .off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  
  .off-canvas-content .off-canvas.position-left {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  
  .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(250px);
    transform: translateX(250px);
  }
  
  .position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(68, 68, 68, 0.25);
  }
  
  .position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -ms-transform: translateX(250px);
    transform: translateX(250px);
  }
  
  .off-canvas-content .off-canvas.position-right {
    -ms-transform: translateX(250px);
    transform: translateX(250px);
  }
  
  .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .off-canvas-content.is-open-right.has-transition-push {
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  
  .position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(68, 68, 68, 0.25);
  }
  
  .position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
  }
  
  .off-canvas-content .off-canvas.position-top {
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
  }
  
  .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .off-canvas-content.is-open-top.has-transition-push {
    -ms-transform: translateY(250px);
    transform: translateY(250px);
  }
  
  .position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(68, 68, 68, 0.25);
  }
  
  .position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -ms-transform: translateY(250px);
    transform: translateY(250px);
  }
  
  .off-canvas-content .off-canvas.position-bottom {
    -ms-transform: translateY(250px);
    transform: translateY(250px);
  }
  
  .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .off-canvas-content.is-open-bottom.has-transition-push {
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
  }
  
  .position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(68, 68, 68, 0.25);
  }
  
  .off-canvas-content {
    -ms-transform: none;
    transform: none;
    transition: transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .off-canvas-content.has-transition-push {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .off-canvas-content .off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  @media print, screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-left.reveal-for-medium .close-button {
      display: none;
    }
  
    .off-canvas-content .position-left.reveal-for-medium {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-left {
      margin-left: 250px;
    }
  
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px;
    }
  
    .position-right.reveal-for-medium {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-right.reveal-for-medium .close-button {
      display: none;
    }
  
    .off-canvas-content .position-right.reveal-for-medium {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-right {
      margin-right: 250px;
    }
  
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px;
    }
  
    .position-top.reveal-for-medium {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-top.reveal-for-medium .close-button {
      display: none;
    }
  
    .off-canvas-content .position-top.reveal-for-medium {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-top {
      margin-top: 250px;
    }
  
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px;
    }
  
    .position-bottom.reveal-for-medium {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-bottom.reveal-for-medium .close-button {
      display: none;
    }
  
    .off-canvas-content .position-bottom.reveal-for-medium {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px;
    }
  
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .position-left.reveal-for-large {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-left.reveal-for-large .close-button {
      display: none;
    }
  
    .off-canvas-content .position-left.reveal-for-large {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-left {
      margin-left: 250px;
    }
  
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px;
    }
  
    .position-right.reveal-for-large {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-right.reveal-for-large .close-button {
      display: none;
    }
  
    .off-canvas-content .position-right.reveal-for-large {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-right {
      margin-right: 250px;
    }
  
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px;
    }
  
    .position-top.reveal-for-large {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-top.reveal-for-large .close-button {
      display: none;
    }
  
    .off-canvas-content .position-top.reveal-for-large {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-top {
      margin-top: 250px;
    }
  
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px;
    }
  
    .position-bottom.reveal-for-large {
      -ms-transform: none;
      transform: none;
      z-index: 12;
      transition: none;
      visibility: visible;
    }
  
    .position-bottom.reveal-for-large .close-button {
      display: none;
    }
  
    .off-canvas-content .position-bottom.reveal-for-large {
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px;
    }
  
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px;
    }
  }
  
  @media print, screen and (min-width: 40em) {
    .off-canvas.in-canvas-for-medium {
      visibility: visible;
      height: auto;
      position: static;
      background: inherit;
      width: inherit;
      overflow: inherit;
      transition: inherit;
    }
  
    .off-canvas.in-canvas-for-medium.position-left,
    .off-canvas.in-canvas-for-medium.position-right,
    .off-canvas.in-canvas-for-medium.position-top,
    .off-canvas.in-canvas-for-medium.position-bottom {
      box-shadow: none;
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas.in-canvas-for-medium .close-button {
      display: none;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .off-canvas.in-canvas-for-large {
      visibility: visible;
      height: auto;
      position: static;
      background: inherit;
      width: inherit;
      overflow: inherit;
      transition: inherit;
    }
  
    .off-canvas.in-canvas-for-large.position-left,
    .off-canvas.in-canvas-for-large.position-right,
    .off-canvas.in-canvas-for-large.position-top,
    .off-canvas.in-canvas-for-large.position-bottom {
      box-shadow: none;
      -ms-transform: none;
      transform: none;
    }
  
    .off-canvas.in-canvas-for-large .close-button {
      display: none;
    }
  }
  
  .orbit {
    position: relative;
  }
  
  .orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
  }
  
  .orbit-slide {
    width: 100%;
  }
  
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0;
  }
  
  .orbit-figure {
    margin: 0;
  }
  
  .orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  
  .orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(68, 68, 68, 0.5);
    color: #fefefe;
  }
  
  .orbit-previous,
  .orbit-next {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe;
  }
  
  [data-whatinput="mouse"] .orbit-previous,
  [data-whatinput="mouse"] .orbit-next {
    outline: 0;
  }
  
  .orbit-previous:hover,
  .orbit-next:hover,
  .orbit-previous:active,
  .orbit-next:active,
  .orbit-previous:focus,
  .orbit-next:focus {
    background-color: rgba(68, 68, 68, 0.5);
  }
  
  .orbit-previous {
    left: 0;
  }
  
  .orbit-next {
    left: auto;
    right: 0;
  }
  
  .orbit-bullets {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
  }
  
  [data-whatinput="mouse"] .orbit-bullets {
    outline: 0;
  }
  
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca;
  }
  
  .orbit-bullets button:hover {
    background-color: #444;
  }
  
  .orbit-bullets button.is-active {
    background-color: #444;
  }
  
  .pagination {
    margin-left: 0;
    margin-bottom: 1rem;
  }
  
  .pagination::before,
  .pagination::after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .pagination::after {
    clear: both;
  }
  
  .pagination li {
    margin-right: 0.0625rem;
    border-radius: 0;
    font-size: 0.875rem;
    display: none;
  }
  
  .pagination li:last-child,
  .pagination li:first-child {
    display: inline-block;
  }
  
  @media print, screen and (min-width: 40em) {
    .pagination li {
      display: inline-block;
    }
  }
  
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #444;
  }
  
  .pagination a:hover,
  .pagination button:hover {
    background: #f5f4f8;
  }
  
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #ffd100;
    color: #fefefe;
    cursor: default;
  }
  
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed;
  }
  
  .pagination .disabled:hover {
    background: transparent;
  }
  
  .pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: "\2026";
    color: #444;
  }
  
  .pagination-previous a::before,
  .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: 0.5rem;
    content: "\00ab";
  }
  
  .pagination-next a::after,
  .pagination-next.disabled::after {
    display: inline-block;
    margin-left: 0.5rem;
    content: "\00bb";
  }
  
  .progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca;
  }
  
  .progress.primary .progress-meter {
    background-color: #ffd100;
  }
  
  .progress.secondary .progress-meter {
    background-color: #444;
  }
  
  .progress.success .progress-meter {
    background-color: #3adb76;
  }
  
  .progress.warning .progress-meter {
    background-color: #ffd100;
  }
  
  .progress.alert .progress-meter {
    background-color: #cc4b37;
  }
  
  .progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #ffd100;
  }
  
  .progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fefefe;
    white-space: nowrap;
  }
  
  .slider {
    position: relative;
    height: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #f5f4f8;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
  }
  
  .slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 0.5rem;
    background-color: #cacaca;
    transition: all 0.2s ease-in-out;
  }
  
  .slider-fill.is-dragging {
    transition: all 0s linear;
  }
  
  .slider-handle {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #ffd100;
    transition: all 0.2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
  }
  
  [data-whatinput="mouse"] .slider-handle {
    outline: 0;
  }
  
  .slider-handle:hover {
    background-color: #d9bc00;
  }
  
  .slider-handle.is-dragging {
    transition: all 0s linear;
  }
  
  .slider.disabled,
  .slider[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
  }
  
  .slider.vertical {
    display: inline-block;
    width: 0.5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
  }
  
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%;
  }
  
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .sticky-container {
    position: relative;
  }
  
  .sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0);
  }
  
  .sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%;
  }
  
  .sticky.is-stuck.is-at-top {
    top: 0;
  }
  
  .sticky.is-stuck.is-at-bottom {
    bottom: 0;
  }
  
  .sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto;
  }
  
  .sticky.is-anchored.is-at-bottom {
    bottom: 0;
  }
  
  body.is-reveal-open {
    overflow: hidden;
  }
  
  html.is-reveal-open,
  html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(68, 68, 68, 0.45);
    overflow-y: scroll;
  }
  
  .reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
  }
  
  [data-whatinput="mouse"] .reveal {
    outline: 0;
  }
  
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0;
    }
  }
  
  .reveal .column {
    min-width: 0;
  }
  
  .reveal > :last-child {
    margin-bottom: 0;
  }
  
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 75rem;
    }
  }
  
  .reveal.collapse {
    padding: 0;
  }
  
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem;
    }
  }
  
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem;
    }
  }
  
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem;
    }
  }
  
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
  
  @media screen and (max-width: 39.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      margin-left: 0;
      border: 0;
      border-radius: 0;
    }
  }
  
  .reveal.without-overlay {
    position: fixed;
  }
  
  .switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: 0.875rem;
    font-weight: bold;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0;
  }
  
  .switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all 0.25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
  }
  
  input + .switch-paddle {
    margin: 0;
  }
  
  .switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: "";
  }
  
  input:checked ~ .switch-paddle {
    background: #ffd100;
  }
  
  input:checked ~ .switch-paddle::after {
    left: 2.25rem;
  }
  
  [data-whatinput="mouse"] input:focus ~ .switch-paddle {
    outline: 0;
  }
  
  .switch-active,
  .switch-inactive {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .switch-active {
    left: 8%;
    display: none;
  }
  
  input:checked + label > .switch-active {
    display: block;
  }
  
  .switch-inactive {
    right: 15%;
  }
  
  input:checked + label > .switch-inactive {
    display: none;
  }
  
  .switch.tiny {
    height: 1.5rem;
  }
  
  .switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem;
  }
  
  .switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem;
  }
  
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem;
  }
  
  .switch.small {
    height: 1.75rem;
  }
  
  .switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem;
  }
  
  .switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  
  .switch.small input:checked ~ .switch-paddle::after {
    left: 2rem;
  }
  
  .switch.large {
    height: 2.5rem;
  }
  
  .switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem;
  }
  
  .switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem;
  }
  
  .switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem;
  }
  
  table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
  }
  
  table thead,
  table tbody,
  table tfoot {
    border: 1px solid #444;
    background-color: #fefefe;
  }
  
  table caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
  }
  
  table thead {
    background: #f8f8f8;
    color: #444;
  }
  
  table tfoot {
    background: #f1f1f1;
    color: #444;
  }
  
  table thead tr,
  table tfoot tr {
    background: transparent;
  }
  
  table thead th,
  table thead td,
  table tfoot th,
  table tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left;
  }
  
  table tbody th,
  table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
  }
  
  table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1;
  }
  
  table.unstriped tbody {
    background-color: #fefefe;
  }
  
  table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #444;
    background-color: #fefefe;
  }
  
  @media screen and (max-width: 63.9375em) {
    table.stack thead {
      display: none;
    }
  
    table.stack tfoot {
      display: none;
    }
  
    table.stack tr,
    table.stack th,
    table.stack td {
      display: block;
    }
  
    table.stack td {
      border-top: 0;
    }
  }
  
  table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
  }
  
  table.hover thead tr:hover {
    background-color: #f3f3f3;
  }
  
  table.hover tfoot tr:hover {
    background-color: #ececec;
  }
  
  table.hover tbody tr:hover {
    background-color: #f9f9f9;
  }
  
  table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ececec;
  }
  
  .table-scroll {
    overflow-x: auto;
  }
  
  .table-scroll table {
    width: auto;
  }
  
  .tabs {
    margin: 0;
    border: 1px solid #f5f4f8;
    background: #fefefe;
    list-style-type: none;
  }
  
  .tabs::before,
  .tabs::after {
    display: table;
    content: " ";
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-order: 1;
    order: 1;
  }
  
  .tabs::after {
    clear: both;
  }
  
  .tabs.vertical > li {
    display: block;
    float: none;
    width: auto;
  }
  
  .tabs.simple > li > a {
    padding: 0;
  }
  
  .tabs.simple > li > a:hover {
    background: transparent;
  }
  
  .tabs.primary {
    background: #ffd100;
  }
  
  .tabs.primary > li > a {
    color: #444;
  }
  
  .tabs.primary > li > a:hover,
  .tabs.primary > li > a:focus {
    background: #f2d200;
  }
  
  .tabs-title {
    float: left;
  }
  
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #ffd100;
  }
  
  .tabs-title > a:hover {
    background: #fefefe;
    color: #dbbe00;
  }
  
  .tabs-title > a:focus,
  .tabs-title > a[aria-selected="true"] {
    background: #777 !important;
    color: #fff !important;
  }
  
  .tabs-content {
    border: 1px solid #f5f4f8;
    border-top: 0;
    background: #fefefe;
    color: #444;
    transition: all 0.5s ease;
  }
  
  .tabs-content.vertical {
    border: 1px solid #f5f4f8;
    border-left: 0;
  }
  
  .tabs-panel {
    display: none;
    padding: 1rem;
  }
  
  .tabs-panel.is-active {
    display: block;
  }
  
  .thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fefefe;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.2);
    line-height: 0;
  }
  
  a.thumbnail {
    transition: box-shadow 200ms ease-out;
  }
  
  a.thumbnail:hover,
  a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(255, 221, 0, 0.5);
  }
  
  a.thumbnail image {
    box-shadow: none;
  }
  
  .title-bar {
    padding: 0.5rem;
    background: #444;
    color: #fefefe;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  
  .title-bar-left,
  .title-bar-right {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  
  .title-bar-right {
    text-align: right;
  }
  
  .title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
  }
  
  .has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #444;
    font-weight: bold;
    cursor: help;
  }
  
  .tooltip {
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 0.75rem;
    border-radius: 0;
    background-color: #444;
    font-size: 80%;
    color: #fefefe;
  }
  
  .tooltip::before {
    position: absolute;
  }
  
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: "";
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #444;
    bottom: 100%;
  }
  
  .tooltip.bottom.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #444 transparent transparent;
    top: 100%;
    bottom: auto;
  }
  
  .tooltip.top.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #444;
    left: 100%;
  }
  
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #444 transparent transparent;
    right: 100%;
    left: auto;
  }
  
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%;
  }
  
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto;
  }
  
  .tooltip.align-left::before {
    left: 10%;
    right: auto;
  }
  
  .tooltip.align-right::before {
    left: auto;
    right: 10%;
  }
  
  .top-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .top-bar,
  .top-bar ul {
    background-color: #444;
  }
  
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem;
  }
  
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0;
  }
  
  .top-bar input.button {
    width: auto;
  }
  
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  @media print, screen and (min-width: 40em) {
    .top-bar {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
  
    .top-bar .top-bar-left {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      margin-right: auto;
    }
  
    .top-bar .top-bar-right {
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      margin-left: auto;
    }
  }
  
  @media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  
  @media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  
  .top-bar-title {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0.5rem 1rem 0.5rem 0;
  }
  
  .top-bar-left,
  .top-bar-right {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  
  .hide {
    display: none !important;
  }
  
  .invisible {
    visibility: hidden;
  }
  
  @media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
      display: none !important;
    }
  }
  
  @media print, screen and (min-width: 40em) {
    .hide-for-medium {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 39.9375em) {
    .show-for-medium {
      display: none !important;
    }
  }
  
  @media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    .show-for-medium-only {
      display: none !important;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .hide-for-large {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 63.9375em) {
    .show-for-large {
      display: none !important;
    }
  }
  
  @media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
      display: none !important;
    }
  }
  
  @media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    .show-for-large-only {
      display: none !important;
    }
  }
  
  .show-for-sr,
  .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
  }
  
  .show-on-focus:active,
  .show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
  }
  
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
  
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important;
    }
  }
  
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important;
    }
  }
  
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important;
    }
  }
  
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important;
    }
  }
  
  .align-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .align-center {
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .align-justify {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  
  .align-right.vertical.menu > li > a {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .align-center.vertical.menu > li > a {
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .align-top {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  
  .align-bottom {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  
  .align-middle {
    -ms-flex-align: center;
    align-items: center;
  }
  
  .align-self-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .align-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .align-self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  
  .align-center-middle {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  
  .small-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  
  .small-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  
  .small-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  
  .small-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  
  .small-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  
  .small-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  
  @media print, screen and (min-width: 40em) {
    .medium-order-1 {
      -ms-flex-order: 1;
      order: 1;
    }
  
    .medium-order-2 {
      -ms-flex-order: 2;
      order: 2;
    }
  
    .medium-order-3 {
      -ms-flex-order: 3;
      order: 3;
    }
  
    .medium-order-4 {
      -ms-flex-order: 4;
      order: 4;
    }
  
    .medium-order-5 {
      -ms-flex-order: 5;
      order: 5;
    }
  
    .medium-order-6 {
      -ms-flex-order: 6;
      order: 6;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .large-order-1 {
      -ms-flex-order: 1;
      order: 1;
    }
  
    .large-order-2 {
      -ms-flex-order: 2;
      order: 2;
    }
  
    .large-order-3 {
      -ms-flex-order: 3;
      order: 3;
    }
  
    .large-order-4 {
      -ms-flex-order: 4;
      order: 4;
    }
  
    .large-order-5 {
      -ms-flex-order: 5;
      order: 5;
    }
  
    .large-order-6 {
      -ms-flex-order: 6;
      order: 6;
    }
  }
  
  .flex-container {
    display: -ms-flexbox;
    display: flex;
  }
  
  .flex-child-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  
  .flex-child-grow {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  
  .flex-child-shrink {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  
  .flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  .flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  
  .flex-dir-column {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  
  @media print, screen and (min-width: 40em) {
    .medium-flex-container {
      display: -ms-flexbox;
      display: flex;
    }
  
    .medium-flex-child-auto {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
    }
  
    .medium-flex-child-grow {
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
    }
  
    .medium-flex-child-shrink {
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
    }
  
    .medium-flex-dir-row {
      -ms-flex-direction: row;
      flex-direction: row;
    }
  
    .medium-flex-dir-row-reverse {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
    }
  
    .medium-flex-dir-column {
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .medium-flex-dir-column-reverse {
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
  }
  
  @media print, screen and (min-width: 64em) {
    .large-flex-container {
      display: -ms-flexbox;
      display: flex;
    }
  
    .large-flex-child-auto {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
    }
  
    .large-flex-child-grow {
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
    }
  
    .large-flex-child-shrink {
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
    }
  
    .large-flex-dir-row {
      -ms-flex-direction: row;
      flex-direction: row;
    }
  
    .large-flex-dir-row-reverse {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
    }
  
    .large-flex-dir-column {
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .large-flex-dir-column-reverse {
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
  }
  
  .slide-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-in-down.mui-enter.mui-enter-active {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  .slide-in-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-in-left.mui-enter.mui-enter-active {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  
  .slide-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-in-up.mui-enter.mui-enter-active {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  .slide-in-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-in-right.mui-enter.mui-enter-active {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  
  .slide-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-out-down.mui-leave.mui-leave-active {
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  
  .slide-out-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-out-right.mui-leave.mui-leave-active {
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  
  .slide-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-out-up.mui-leave.mui-leave-active {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  
  .slide-out-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .slide-out-left.mui-leave.mui-leave-active {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  
  .fade-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity;
  }
  
  .fade-in.mui-enter.mui-enter-active {
    opacity: 1;
  }
  
  .fade-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity;
  }
  
  .fade-out.mui-leave.mui-leave-active {
    opacity: 0;
  }
  
  .hinge-in-from-top.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
  }
  
  .hinge-in-from-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
  }
  
  .hinge-in-from-bottom.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
  }
  
  .hinge-in-from-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
  }
  
  .hinge-in-from-middle-x.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
  }
  
  .hinge-in-from-middle-y.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .hinge-in-from-middle-y.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
  }
  
  .hinge-out-from-top.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  
  .hinge-out-from-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  
  .hinge-out-from-bottom.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0;
  }
  
  .hinge-out-from-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
  
  .hinge-out-from-middle-x.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  
  .hinge-out-from-middle-y.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  
  .scale-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .scale-in-up.mui-enter.mui-enter-active {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  
  .scale-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .scale-in-down.mui-enter.mui-enter-active {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  
  .scale-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .scale-out-up.mui-leave.mui-leave-active {
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
  
  .scale-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .scale-out-down.mui-leave.mui-leave-active {
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  
  .spin-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .spin-in.mui-enter.mui-enter-active {
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  
  .spin-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .spin-out.mui-leave.mui-leave-active {
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    opacity: 0;
  }
  
  .spin-in-ccw.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    transition-property: transform, opacity;
    opacity: 0;
  }
  
  .spin-in-ccw.mui-enter.mui-enter-active {
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  
  .spin-out-ccw.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1;
  }
  
  .spin-out-ccw.mui-leave.mui-leave-active {
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    opacity: 0;
  }
  
  .slow {
    transition-duration: 750ms !important;
  }
  
  .fast {
    transition-duration: 250ms !important;
  }
  
  .linear {
    transition-timing-function: linear !important;
  }
  
  .ease {
    transition-timing-function: ease !important;
  }
  
  .ease-in {
    transition-timing-function: ease-in !important;
  }
  
  .ease-out {
    transition-timing-function: ease-out !important;
  }
  
  .ease-in-out {
    transition-timing-function: ease-in-out !important;
  }
  
  .bounce-in {
    transition-timing-function: cubic-bezier(
      0.485,
      0.155,
      0.24,
      1.245
    ) !important;
  }
  
  .bounce-out {
    transition-timing-function: cubic-bezier(
      0.485,
      0.155,
      0.515,
      0.845
    ) !important;
  }
  
  .bounce-in-out {
    transition-timing-function: cubic-bezier(
      0.76,
      -0.245,
      0.24,
      1.245
    ) !important;
  }
  
  .short-delay {
    transition-delay: 300ms !important;
  }
  
  .long-delay {
    transition-delay: 700ms !important;
  }
  
  .shake {
    animation-name: shake-7;
  }
  
  @keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
      transform: translateX(7%);
    }
  
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
      transform: translateX(-7%);
    }
  }
  
  .spin-cw {
    animation-name: spin-cw-1turn;
  }
  
  @keyframes spin-cw-1turn {
    0% {
      transform: rotate(-1turn);
    }
  
    100% {
      transform: rotate(0);
    }
  }
  
  .spin-ccw {
    animation-name: spin-cw-1turn;
  }
  
  @keyframes spin-cw-1turn {
    0% {
      transform: rotate(0);
    }
  
    100% {
      transform: rotate(1turn);
    }
  }
  
  .wiggle {
    animation-name: wiggle-7deg;
  }
  
  @keyframes wiggle-7deg {
    40%,
    50%,
    60% {
      transform: rotate(7deg);
    }
  
    35%,
    45%,
    55%,
    65% {
      transform: rotate(-7deg);
    }
  
    0%,
    30%,
    70%,
    100% {
      transform: rotate(0);
    }
  }
  
  .shake,
  .spin-cw,
  .spin-ccw,
  .wiggle {
    animation-duration: 500ms;
  }
  
  .infinite {
    animation-iteration-count: infinite;
  }
  
  .slow {
    animation-duration: 750ms !important;
  }
  
  .fast {
    animation-duration: 250ms !important;
  }
  
  .linear {
    animation-timing-function: linear !important;
  }
  
  .ease {
    animation-timing-function: ease !important;
  }
  
  .ease-in {
    animation-timing-function: ease-in !important;
  }
  
  .ease-out {
    animation-timing-function: ease-out !important;
  }
  
  .ease-in-out {
    animation-timing-function: ease-in-out !important;
  }
  
  .bounce-in {
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
  }
  
  .bounce-out {
    animation-timing-function: cubic-bezier(
      0.485,
      0.155,
      0.515,
      0.845
    ) !important;
  }
  
  .bounce-in-out {
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
  }
  
  .short-delay {
    animation-delay: 300ms !important;
  }
  
  .long-delay {
    animation-delay: 700ms !important;
  }
  
  .grid-container {
    max-width: 1200px;
    padding: 0px 30px;
  }
  
  @media (min-width: 1024px) {
    .grid-container {
      padding: 0px 60px;
    }
  }
  
  .grid-container .grid-container {
    padding: 0px !important;
  }
  
  .purpleBtn {
    background: #582c83;
    color: white;
    font-weight: 900;
  }
  
  .purpleBtn:hover {
    background: #201136;
  }
  
  .goldBtn {
    color: #582c83;
    font-weight: 900;
    text-transform: uppercase;
    padding: 15px 35px;
  }
  
  .goldBtn:hover,
  .goldBtn:focus {
    background-color: #582c83;
  }
  
  .strapTitle {
    position: relative;
  }
  
  .strapTitle h3 {
    color: #582c83;
    font-weight: 900;
    font-family: "PT Sans", sans-serif;
  }
  
  .strapTitle .strapLink {
    color: #582c83;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 900;
    position: relative;
    display: inline-block;
  }
  
  @media (max-width: 640px) {
    .strapTitle .strapLink {
      margin-bottom: 20px;
    }
  }
  
  .strapTitle .strapLink:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    background: #ffd100;
    bottom: 1px;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 0.3s;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 0.5;
    z-index: -3;
  }
  
  .strapTitle .strapLink:hover:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  @media (min-width: 1024px) {
    .table thead tr td:first-child {
      border-right: 1px solid #444 !important;
    }
  }
  
  @media (min-width: 1024px) {
    .table tbody tr td:first-child {
      border-right: 1px solid #444 !important;
    }
  }
  
  .form {
    position: relative;
  }
  
  .form label,
  .form legend {
    color: #582c83;
    font-weight: 900;
  }
  
  .form fieldset label {
    font-weight: 100;
    color: #444;
  }
  
  .form .radio label {
    display: block;
    float: left;
    margin-right: 10px;
  }
  
  h3,
  .h3 {
    color: #582c83;
  }
  
  @media (max-width: 640px) {
    h3,
    .h3 {
      font-size: 2rem;
    }
  }
  
  .moduleTitle {
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: 900;
  }
  
  .curriculumTemplate h3 {
    margin-bottom: 12px;
  }
  
  .overflowHidden {
    overflow: hidden;
  }
  
  .se-eventList {
    position: relative;
  }
  
  .se-eventList .se-event {
    position: relative;
    margin-bottom: 50px;
  }
  
  .se-eventList .se-event .se-date {
    position: relative;
    color: #582c83;
    border-right: 1px solid #444;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  @media (max-width: 640px) {
    .se-eventList .se-event .se-date {
      display: -ms-flexbox;
      display: none;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-right: none;
      border-bottom: 1px solid #efefef;
    }
  }
  
  .se-image {
    position: relative;
  }
  
  .se-image img {
    object-fit: cover;
    object-position: top center;
    width: 180px;
    height: 180px;
    transition: all 0.3s ease;
  }
  
  .se-image img:hover {
    box-shadow: 3px 3px #ffd100, 3px 3px #ffd100, 3px 3px #ffd100;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  
  .se-eventList .se-event .se-date .se-dayWrap {
    position: relative;
  }
  
  @media (max-width: 640px) {
    .se-eventList .se-event .se-date .se-dayWrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: left;
    }
  }
  
  .se-eventList .se-event .se-date .se-dayofweek {
    font-weight: 100;
    margin-bottom: 0px;
    font-size: 1rem;
  }
  
  @media (max-width: 640px) {
    .se-eventList .se-event .se-date .se-dayofweek {
      font-size: 1.3rem;
    }
  }
  
  .se-eventList .se-event .se-date .se-month {
    font-weight: 900;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 3px;
    line-height: 1;
  }
  
  @media (max-width: 640px) {
    .se-eventList .se-event .se-date .se-month {
      font-size: 1.7rem;
      display: -ms-flexbox;
      display: flex;
    }
  }
  
  .se-eventList .se-event .se-date .se-month span {
    display: none;
  }
  
  @media (max-width: 640px) {
    .se-eventList .se-event .se-date .se-month span {
      display: -ms-flexbox;
      display: flex;
      margin-left: 7px;
    }
  }
  
  .se-eventList .se-event .se-date .se-day {
    font-weight: 900;
    font-size: 5rem;
    line-height: 1;
    letter-spacing: -5px;
    margin-left: -5px;
  }
  
  @media (max-width: 640px) {
    .se-eventList .se-event .se-date .se-day {
      display: none;
    }
  }
  
  .se-eventList .se-event .se-info {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  @media (max-width: 640px) {
    .se-eventList .se-event .se-info {
      position: relative;
      padding-top: 20px;
      padding-top: 20px;
      border-bottom: 1px solid #efefef;
    }
  }
  
  .se-eventList .se-event .se-info .se-title {
    color: #582c83;
    font-weight: 500;
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.2;
    font-size: 1.4rem;
  }
  
  .se-eventList .se-event .se-info .se-time {
    color: #582c83;
    font-weight: 100;
    font-size: 1rem;
  }
  
  .se-eventList .se-event .se-info .se-description {
    font-size: 0.9rem;
    line-height: 1.3;
    margin: 0;
  }
  
  .se-eventList .se-event .se-info .se-description .se-seeMore {
    color: #582c83;
    text-transform: uppercase;
    font-weight: 900;
    transition: 0.2s;
  }
  
  .se-eventList .se-event .se-info .se-description .se-seeMore:hover {
    color: #9b9b9b;
    transition: 0.2s;
  }
  
  .generalContent {
    position: relative;
  }
  
  .generalContent .button {
    margin: 25px 0px 40px;
  }
  
  .generalContent .strongList {
    margin-bottom: 30px;
    position: relative;
  }
  
  .generalContent .strongList li {
    font-weight: 900;
  }
  
  .generalContent h1,
  .generalContent h2,
  .generalContent h3,
  .generalContent h5,
  .generalContent .h1,
  .generalContent .h2,
  .generalContent .h3,
  .generalContent .h5 {
    color: #582c83;
  }
  
  .generalContent .gcHeadline {
    color: #582c83;
    font-size: 1.9375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
  }
  
  .generalContent .h4 {
    color: #444;
    font-size: 1.4rem;
  }
  
  .generalContent ul li a {
    font-weight: 900;
    color: #582c83;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  
  .generalContent iFrame {
    border: none;
  }
  
  .eagleContent .button {
    margin: 20px 0px 30px;
  }
  
  .eagleContent .strongList {
    margin-bottom: 30px;
    position: relative;
  }
  
  .eagleContent .strongList li {
    font-weight: 900;
  }
  
  .eagleContent h1,
  .eagleContent h2,
  .eagleContent h3,
  .eagleContent h5,
  .eagleContent .h1,
  .eagleContent .h2,
  .eagleContent .h3,
  .eagleContent .h5 {
    color: #582c83;
  }
  
  .eagleContent .gcHeadline {
    color: #582c83;
    font-size: 1.9375rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
  }
  
  .eagleContent .h4 {
    color: #444;
    font-size: 1.4rem;
  }
  
  .eagleContent ul li a {
    font-weight: 900;
    color: #582c83;
    font-size: 1rem;
    margin-bottom: 10px;
  }

  .eagleContent ul li p a {
	  font-size: 18px;
  }
  
  .eagleContent iFrame {
    border: none;
  }
  
  .eagleContent h1 {
    font-size: 2.5rem;
  }
  
  .eagleContent h2 {
    font-size: 2.3rem;
  }
  
  .eagleContent h3 {
    font-size: 1.8rem;
  }
  
  .eagleContent h4 {
    font-size: 1.6rem;
  }
  
  .eagleContent h5 {
    font-size: 1.4rem;
  }
  
  .eagleContent h6 {
    font-size: 1.2rem;
  }
  
  .eagleContent a {
       font-weight: bold;
		color: #582c83;
  }
  
  main .strapInformation .description a {
    color: white;
    text-decoration: underline;
  }
  
  main .strapInformation .description a:hover {
    color: white;
    text-decoration: underline;
  }
  
  .imageBanner {
    position: relative;
    background-size: cover;
    background-position: top center;
    overflow: hidden;
  }
  
  @media (min-width: 1024px) {
    .imageBanner {
      height: 35vw;
    }
  }
  
  @media (max-width: 1024px) {
    .imageBanner {
      padding: 120px 0px 80px;
    }
  }
  
  @media (min-width: 640px) {
    .imageBanner .button-group {
      margin-top: 15vw;
    }
  }
  
  @media (min-width: 1024px) {
    .imageBanner .button-group {
      margin-top: 25vw;
    }
  }
  
  .imageBanner .button-group .button {
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    padding: 35px 10px;
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-right: 15px;
    border: 0px;
    overflow: hidden;
    color: #582c83;
  }
  
  .imageBanner .button-group .button span {
    position: relative;
    z-index: 4;
    transition: 0.5s;
  }
  
  .imageBanner .button-group .button .fa-arrow-down {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    opacity: 0;
    margin: auto;
    z-index: 4;
    transition: 0.2s;
  }
  
  .imageBanner .button-group .button:hover .fa-arrow-down {
    opacity: 1;
    bottom: 30px;
    color: #582c83;
    transition: 0.2s;
    transition-delay: 0.3s;
  }
  
  .imageBanner .button-group .button:hover span {
    color: #582c83;
    transition: 0.5s;
  }
  
  .imageBanner .button-group .button:hover:after {
    top: 0;
    transition: 0.2s;
  }
  
  .imageBanner .button-group .button:after {
    content: "";
    background: #ffd100;
    width: 100%;
    top: -95%;
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    height: 100%;
    transition: 0.2s;
  }
  
  .imageBanner .grid-x {
    height: 100%;
    position: relative;
    z-index: 99;
  }
  
  .imageBanner .grid-x .logo {
    margin-bottom: 20px;
  }
  
  .imageBanner .grid-x h1 {
    font-size: 4rem;
    color: white;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
  }
  
  @media (max-width: 1024px) {
    .imageBanner .grid-x h1 {
      font-size: 7vw;
    }
  }
  
  .imageBanner .grid-x h4 {
    font-size: 1.5rem;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
    font-weight: 500;
  }
  
  @media (max-width: 1024px) {
    .imageBanner .grid-x h4 {
      font-size: 4vw;
      width: 75%;
      margin: 0 auto;
    }
  }
  
  .imageBanner #bgVideo {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 110vw;
    max-height: 110vw;
    height: 110vw;
    width: 110vw;
    margin: auto;
  }
  
  main table a,
  main .st-ui-pagination-link a,
  main .halfText .textCell a,
  main .accordion p a,
  main .generalContent p a,
  main .eagleContent p a,
  main .eagleContent a,
  main .sideInformation a,
  main .dropdown-pane a,
  main .eventList p a {
    color: #582c83;
  }
  
  main table a:hover,
  main .halfText .textCell a:hover,
  main .generalContent p a:hover,
  main .eagleContent p a:hover,
  main .accordion p a:hover,
  main .sideInformation a:hover,
  main .eventList p a:hover {
    color: #582c83;
    text-decoration: underline;
  }
  
  .purpleBarBtn {
    color: #582c83 !important;
    background-color: #ffffff;
    border: 2px solid #582c83;
    font-weight: 900;
    text-transform: uppercase;
    padding: 13px 35px;
  }
  
  .purpleBarBtn:hover,
  .purpleBarBtn:focus {
    background-color: #582c83;
    color: #ffffff !important;
  }
  
  main .seeMore {
    text-decoration: none !important;
  }
  
  .goldBtn:hover {
    color: white !important;
  }
  
  .CalList ul {
    margin-left: 0px !important;
  }
  
  .CalList li {
    list-style-type: none;
    padding: 3px 0px;
  }
  
  .CalList li.date {
    font-weight: bold;
    color: Black;
    font-size: 1.2em;
    list-style-type: none;
  }
  
  .CalList ul li a {
    margin-left: 15px !important;
    margin-right: 7px !important;
    font-weight: normal !important;
  }
  
  @media only screen and (min-width: 768px) {
    .searchBannerForm .st-default-search-input,
    .searchBannerForm .st-major-search-input,
    .searchBannerForm .LibrarySearch {
      width: 89% !important;
      display: inline-block !important;
    }
  }
  
  .stabs {
    background: #f5f4f9;
    color: #000000;
    border: solid #582c83;
    border-width: 4px 4px 0px 4px;
    margin-bottom: 0px;
  }
  
  .stabs-title {
    background: #fff;
    color: #000000;
  }
  
  .stabs-title a {
    margin-bottom: 0px !important;
    background: #f5f4f9;
  }
  
  .stabs-title > a:hover {
    background: #ffd100;
    color: #582c83;
  }
  
  .stabs-title > a:focus {
    background: #582c83 !important;
    color: #dbbe00;
  }
  
  .stabs-title > a:focus,
  .tabs-title > a[aria-selected="true"] {
    background: #582c83 !important;
  }
  
  .stabs-content {
    background: #fff;
    color: #000000;
    border: solid #582c83;
    border-width: 0px 4px 4px 4px;
  }
  
  :target {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
  }
  
  .textwarn {
    padding: 13px;
    margin-bottom: 0px !important;
    margin-right: 10px;
    font-weight: bold;
    text-align: center;
  }
  
  .textwarn a {
    color: #582c83;
  }
  
  @media screen and (max-width: 960px) {
    .textwarn {
      position: relative;
      z-index: 1000;
    }
  }
  
  .accordionSimple {
    position: relative;
    margin-bottom: 30px;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
  }
  .accordionSimple .accordion .accordion-item .accordion-content {
    border: none;
  }
  .accordionSimple .accordion .accordion-item .accordion-content .goldBtn {
    margin-top: 20px;
    margin-bottom: 35px;
  }
  .accordionSimple .accordion-list ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
  }
  .accordionSimple .accordion-list li {
    padding-left: 16px;
  }
  .accordionSimple .accordion-list li::before {
    /* Insert content that looks like bullets */
    padding-right: 4px;
    color: #582c83; /* Or a color you prefer */
  }
  
  .accordionWarning {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  .accordionWarning .accordion .accordion-item .accordion-content {
    border: none;
  }
  
  .accordionWarning .accordion .accordion-item .accordion-content .goldBtn {
    margin-top: 20px;
    margin-bottom: 35px;
  }
  
  .accordionWarning .accordion-list ul {
    list-style: none;
    /* Remove list bullets */
    padding: 0;
    margin: 0;
  }
  
  .accordionWarning .accordion-list li {
    padding-left: 16px;
  }
  
  .accordionWarning .accordion-list li::before {
      content: "»";
      /* Insert content that looks like bullets */
      padding-right: 4px;
      color: #582c83;
      /* Or a color you prefer */
  }
  
  .AcclinkList {
    margin-bottom: 30px !important;
    position: relative;
  }
  
  .AcclinkList li > a {
    font-size: 0.9rem;
    z-index: 3;
    position: relative;
    display: inline;
  }
  
  .AcclinkList li > a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    background: #ffd100;
    bottom: 1px;
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 0.3s;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 0.5;
    z-index: -3;
  }
  
  .AcclinkList li > a:hover:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  .AcclinkList li .goldBar:after {
    -ms-transform-origin: left top;
    transform-origin: left top;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  
  .AcclinkList li .information {
    position: relative;
    background: #f5f4f8;
    padding: 20px;
    margin: 20px 0px;
    display: none;
  }
  
  .AcclinkList li .openedInfo {
    display: block;
  }
  
  .remove-all-style {
    all: revert;
  }
  
  .help-block {
    padding-bottom: 5px;
  }
  
  .warningBar {
    background-image: linear-gradient(
      to top,
      rgb(181, 33, 41) 0%,
      rgb(201, 37, 45) 100%
    );
    width: 80%;
    border-radius: 3px;
    box-shadow: 2px 2px 5px 1px #e3c5c6;
    padding: 1em;
    margin: 10px auto;
    display: none;
  }
  
  .warningBarContent {
    max-width: 95%;
    word-wrap: normal;
    text-align: center;
    margin: auto;
  }
  
  .warningLink {
    position: relative;
    color: white;
    font-weight: 500;
    font-size: 1.2em;
    top: -0.15em;
    font-family: PT Sans, sans-serif;
  }
  
  .warningMessage {
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 4px #8d1a1f;
    top: -0.15em;
    font-family: PT Sans, sans-serif;
  }
  
  .warningDate {
    position: relative;
    font-size: 0.8em;
    color: white;
    text-shadow: 2px 2px 4px #8d1a1f;
    top: -0.256em;
    font-family: PT Sans, sans-serif;
    margin-left: 1em;
  }
  
  .warningIndicator {
    position: relative;
    color: white;
    font-size: 1.7em;
    margin-top: auto;
    margin-bottom: auto;
    top: 0.04em;
    text-shadow: 2px 2px 4px #8d1a1f;
  }
  
  .warningIndicator::before {
      content: "⚠ ";
  }
  
  @media screen and (max-width: 500px) {
    .warningBar {
      width: 75%;
      margin: 0.5em auto;
      padding: 0.8em;
    }
  
    .warningDate {
      margin-left: 0em;
      font-size: 0.65em;
    }
  
    .warningBarContent {
      max-width: 100%;
      word-wrap: normal;
      text-align: center;
      margin: auto;
      padding: 0em;
    }
  
    .warningMessage {
      font-size: 0.9em;
    }
  
    .warningIndicator {
      font-size: 1.2em;
      line-height: 0.5;
    }
  
    .warningBarButton {
      top: -1.2em;
      right: -0.3em;
    }
  }
  
  .warningBarButton {
    position: relative;
    float: right;
    background-color: transparent;
    cursor: pointer;
    top: -1.5em;
    border: none;
    transition: 0.5s ease;
  }
  
  .warningBarDismiss {
    font-size: 2em;
    color: white;
    padding-left: 0.4em;
  }
  
  .warningBarButton:hover,
  .warningBarButton:focus {
    text-shadow: 2px 2px #8d1a1f, 2px 2px #8d1a1f, 2px 2px #8d1a1f;
  }
  
  .degreeInfo {
      padding: 2em; 
      background-color: #f7f7f7; 
      margin: 2em auto; 
      width: 98%; 
      border-radius: 4px; 
      display: block; 
      height: fit-content;
  }
  
  .subheading {
      font-family: 'Montserrat', sans-serif; 
      font-size: 18px; 
      color: #582c83; 
      font-weight: 500; 
      margin-top: 0.5em;
  }
  
  .degreeStats .info {
      margin-bottom: 0.25em;
  }
  
  .degreeHeading {
      font-family: 'Montserrat', sans-serif; 
      font-size: 24px!important; 
      color: #582c83; 
      font-weight: bold; 
      margin-bottom: 0.5em;
  }
  
  .majorButton {
      color: #582c83!important;
      background-color: rgb(0,0,0,0);
      border: 2px solid #582c83;
      font-weight: 900;
      padding: 13px 35px;
      text-transform: uppercase;
      margin: 0.5em 0 0 0!important;
  }
  
  .majorButton:hover, .majorButton:focus {
      background-color: #582c83;
      color: white!important;
  }
  
  .degreeRequirements .accordionSimple {
      margin-bottom: 0!important;
  }
  
  .degreeRequirements .accordion, .degreeRequirements .accordion-content {
      background-color: rgba(0,0,0,0);
  }
  
  .degreeRequirements .requirementHeading {
      font-family: 'Montserrat', sans-serif; 
      font-size: 20px; 
      margin-top: 1em; 
      font-weight: 500;
  }
  
  .visually-hidden {
	  clip-path: inset(100%);
	  clip: rect(1px, 1px, 1px, 1px);
	  height: 1px;
	  overflow: hidden;
	  position: absolute;
	  white-space: nowrap;
	  width: 1px;	  
  }

:root {
  --anchor-offset: 100px; /* desktop/sticky header height */
}

@media (max-width: 1024px) {:root { --anchor-offset: 20px; } /* tablet */}
@media (max-width: 768px) {:root { --anchor-offset: 20px; }  /* mobile */}

[id] {
  scroll-margin-top: var(--anchor-offset);
}

[data-no-anchor-offset],
.skip-link {
  scroll-margin-top: 0 !important;
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

.awesome-insert.fa-solid {
	text-decoration: underline #582c83 2px;
	text-decoration-style: dotted;
}

g.missing {
	display: none;
}