/* General */
html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
body {
   height: 100%;
   margin: 0;
   padding: 0;
   font-size: 13px;
   line-height: 1.231;
   background: url('/pics/body_bg.jpg') repeat;
}
img[src="https://jelly.mdhv.io/v1/star.gif?pid=ou1Qifl5A7WmQZh9TU0VC1CQlpN0&src=mh&evt=hi"]
{
   display: none;
}
img {
   border: 0;
   -ms-interpolation-mode: bicubic;
   vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   padding: 0;
   margin: 0;
}
body,
#nav_items_0 li:hover ul li a,
#nav_items_0 li.over ul li a,
#address {
   font-family: 'Arial', Helvetica, sans-serif;
}
#pageNav,
#pageNav ul li a,
#quicklinks a,
#nav_items_0 li a,
#motto {
   font-family: 'Arial', Helvetica, sans-serif;
}
/* MARQUEE */
.en-marquee-module {
   width: 450px !important;
   position: relative;
   height: 27px !important;
   font-size: 15px !important;
   font-family: 'Open Sans', sans-serif !important;
   color: #404040 !important;
   font-weight: 400 !important;
   box-sizing: border-box;
   margin: 0 !important;
   background: transparent !important;
}
.en-marquee-module::before {
   content: '';
   position: absolute;
   right: -2px;
   top: 0;
   z-index: 99;
   height: 25px;
   width: 25px;
   background-image: linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 1)
   );
}
.en-marquee-module::after {
   content: '';
   position: absolute;
   left: -2px;
   top: 0;
   z-index: 99;
   height: 25px;
   width: 25px;
   background-image: linear-gradient(
      to left,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 1)
   );
}

.en-marquee-module .en-marquee-module-content-wrapper {
   background: transparent !important;
}
.en-marquee-module-content {
   font-size: 15px !important;
   font-family: 'Open Sans', sans-serif !important;
   color: #404040 !important;
   font-weight: 400 !important;
   letter-spacing: 0.25px !important;
   animation-duration: 40s !important;
   position: relative !important;
}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup-icon {
   border-bottom-color: #fff !important;
   border-top-color: transparent !important;
   position: relative;
   top: 1px;
}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup {
   background: #fff !important;
   box-shadow: none;
   border: 0;
   width: 100%;
   padding: 0px 0px 9px !important;
   border-radius: 0 !important;
}
.en-marquee-module .en-marquee-popup .en-marquee-popup-text {
   font-size: 14px !important;
   margin-bottom: 0 !important;
   position: relative;
   margin-top: 0 !important;
   width: 100%;
   text-align: center;
   font-family: 'Open Sans', sans-serif !important;
   font-weight: 400 !important;
   color: black !important;

   padding: 4px 8px 8px;
}
.en-marquee-module .en-marquee-tooltip-buttons button {
   text-align: center;
   cursor: pointer;
   font-family: 'Open Sans', sans-serif !important;
   font-size: 14px !important;
   padding: 3px 10px;
   color: rgb(24, 33, 101) !important;
   border-radius: 0 !important;
   border: 1px solid rgb(24, 33, 101);
   background: #fff !important;
}
.en-marquee-module .en-marquee-popup-wrapper {
   flex-direction: column !important;
   width: 90% !important;
   max-width: inherit;
   transform: translate(-50%, 0%) !important;
}
.en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup {
   border-radius: 4px !important;
   flex-direction: column !important;
   box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}
.en-marquee-module
   .en-marquee-popup-wrapper
   .en-marquee-popup
   .en-marquee-tooltip-buttons {
   gap: 3px;
   text-align: center;
   padding: 8px 0;
}
.en-marquee-module .en-marquee-tooltip-buttons button[aria-pressed='true'],
.en-marquee-module .en-marquee-tooltip-buttons button:hover,
.en-marquee-module .en-marquee-tooltip-buttons button:focus {
   background: #c92b2a !important;
   color: #fff !important;
}
/* login */
#student-vault-vertical,
#login #form,
#login #form a {
   font-family: 'Open Sans', sans-serif;
   color: #fff !important;
   font-size: 13px !important;
}
.click-login {
   width: max-content;
}
.login-header#login {
   position: relative;
   width: max-content;
}
.login-header #form #email-container {
   padding-bottom: 5px;
}

.login-header #form {
   z-index: 99 !important;
   display: flex;
   justify-content: center;
   position: absolute;
   font-family: Arial, Helvetica, sans-serif !important;
   font-weight: 400;
   z-index: 0;
   position: absolute;
   transform: scaleY(0);
   transform-origin: 0px 0px;
   overflow: visible;
   transition: all 0.35s ease-out 0s;
   padding: 10px;
   width: 177px;
   box-sizing: border-box;
   color: black !important;
   position: absolute;
   border-left: 1px solid #d3ccc6;
   position: absolute;
   border: 1px solid #d3ccc6;
   background: #000;
   top: 37px;
   right: 0;
}
#student-vault-vertical input {
   width: 150px;
   display: block;
   border-radius: 0 !important;
   padding: 2px 2px !important;
   box-sizing: content-box;
   margin-top: 4px !important;
   height: 15px;
   border: 1px solid rgb(136, 136, 136);
}
#student-vault-vertical input.topLoginSubmitButton {
   border: none !important;
   margin-left: 0 !important;
   margin-right: 3px !important;
}
.login-header #sign-in {
   display: flex;
   padding-top: 10px;
}

.login-header #sign-in a {
   margin-top: 7px !important;
   font-size: 13px !important;
   font-family: Assistant, sans-serif !important;
   text-decoration: underline !important;
}

/* login */
.header-inner-icons {
   display: grid;
   grid-template-columns: repeat(3, 42px);
   position: absolute;
   right: -88px;
   top: 60px;
   column-gap: 25px;
}

.header-icons-wrapper,
.header-inner-buttons {
   display: flex;
   align-items: center;
}
.header-inner-buttons {
   gap: 16px;
}
.header-icons-wrapper {
   justify-content: flex-end;
   gap: 60px;
}
.header-inner-buttons .click-login,
#en-public-header-translate,
.search-wrapper {
   width: 34px;
   height: 34px;
   padding-top: 0px;
   background-color: #000;
   color: black;
   text-align: center;
   display: block;
   position: relative;
   text-decoration: none;
   display: flex !important;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
}
#en-public-header-translate > img {
   margin-right: 0;
}
.header-inner-buttons #fb {
   background: url(/pics/fb_icon.png) no-repeat center top 8px;
   background-color: #000;
   color: #fff;
   display: block;
   text-indent: -999em;
   overflow: hidden;
   text-align: left;
   direction: ltr;
   width: 34px;
   height: 34px;
   border-radius: 50%;
}
.header-inner-buttons #insta {
    background: url("/pics/Instagram_Glyph_White45.png") no-repeat center/20px;
    background-color: #000;
    color: #fff;
    display: block;
    text-indent: -999em;
    overflow: hidden;
    text-align: left;
    direction: ltr;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

#enroll-form {
   display: block;
   width: 125px;
   height: auto;
   color: #fff;
   background-color: #000;
   border-radius: 15px;
   text-align: center;
   padding: 6px;
   text-decoration: underline;
   font-weight: 800;
}
#enroll-form:hover {
   background-color: #284e8d;
}
.header-inner-buttons #fb:hover,
.header-inner-buttons #fb:focus {
   background: url(/pics/fb_icon.png) no-repeat center top 8px;
   background-color: #284e8d;
}
.header-inner-buttons #insta:hover,
.header-inner-buttons #insta:focus {
background: url(/pics/Instagram_Glyph_White45.png) no-repeat center/ 20px, linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

nav.en-nav > ul > li.hasSubNav {
   position: relative;
}

.en-header-school-logo {
   display: flex;
   align-items: center;
   width: max-content;
   height: max-content;
}
.header-logo-group {
   display: flex !important;
   align-items: center;
   width: max-content;
   position: relative;
   top: -8px;
   gap: 33px;
}
.header-logo-group img:first-child {
   position: relative;
   top: 0px;
   right: 3px;
   width: clamp(68px, 17vw, 174px);
}
.header-logo-group img:last-child {
   width: clamp(220px, 63vw, 632px);
}
@media screen and (min-width: 851px) {
   .logo-none {
      display: none;
   }
   .login-header:hover #form {
      transform: scaleY(1) !important;
   }
   #close-btn-popup {
      display: none;
   }
   .en-public-header {
      position: relative;
   }
   .en-public-header::after {
      background: url(/pics/header_bg.jpg) repeat-x center top;
      top: 36px;
      left: 0;
      width: 100%;
      height: 163px;
      content: '';
      position: absolute;
   }
   .en-public-header::before {
      background: url(/pics/nav_bg.png) repeat-x;
      height: 61px;
      width: 100%;
      left: 0;
      bottom: 0;
      content: '';
      position: absolute;
      z-index: 9;
   }
   nav.en-nav {
      display: grid;
      grid-template-rows: 36px 163px 61px;
      position: relative;
      margin: 0 auto !important;
      width: 98%;
      max-width: 1046px;
   }
   li.nav_items_0 {
      padding-right: 2px !important;
      background: none;
   }
   nav.en-nav #nav_items_0 {
      justify-content: center !important;
      position: relative;
      left: 1px;
   }
   #nav_items_0 li a {
      display: block;
      text-align: center;
      padding: 18px clamp(4px, 1vw, 12px) 21px;
      font-size: clamp(12px, 1.3vw, 14px);
      letter-spacing: 0.3px;
      text-decoration: none;
      color: #000;
      font-weight: 600;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
   }
   #nav_items_0 li:hover a,
   #nav_items_0 li.over a,
   #nav_items_0 li:focus a {
      color: #fff;
      background: #262626;
   }
   #nav_items_0 ul,
   #nav_items_0 li:hover ul ul,
   #nav_items_0 li.over ul ul,
   #nav_items_0 li:hover ul ul ul,
   #nav_items_0 li.over ul ul ul,
   #nav_items_0 li:hover ul ul ul ul,
   #nav_items_0 li.over ul ul ul ul,
   #nav_items_0 li:focus ul ul,
   #nav_items_0 li:focus ul ul ul,
   #nav_items_0 li:focus ul ul ul ul {
      position: absolute;
      right: auto;
      left: -9999em;
      top: -9999em;
      z-index: 9999;
      width: clamp(180px, 22.8vw, 228px);
      margin: 0;
      padding: 0;
      font-size: 12px;
   }
   #nav_items_0 li:hover ul,
   #nav_items_0 li.over ul,
   #nav_items_0 li:focus ul {
      left: auto;
      top: auto;
      background: #8d0a0a;
      padding-top: 10px;
      padding-bottom: 10px;
   }
   #nav_items_0 li:hover ul li a,
   #nav_items_0 li.over ul li a,
   #nav_items_0 li:focus ul li a {
      line-height: 16pt;
      text-align: left;
      text-decoration: none;
      padding: 8px 14px;
      height: auto;
      width: 100%;
      font-size: clamp(14px, 1.6vw, 16px);
      letter-spacing: normal;
      white-space: normal;
      text-transform: none;
      text-shadow: none;
      font-variant: normal;
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
   }
   #nav_items_0 li:hover ul li a,
   #nav_items_0 li.over ul li a,
   #nav_items_0 li ul li:hover ul a,
   #nav_items_0 li ul li.over ul a,
   #nav_items_0 li ul li ul li:hover ul a,
   #nav_items_0 li ul li ul li.over ul a,
   #nav_items_0 li ul li ul li ul li:hover ul a,
   #nav_items_0 li ul li ul li ul li.over ul a,
   #nav_items_0 li:focus ul li a,
   #nav_items_0 li ul li:focus ul a,
   #nav_items_0 li ul li ul li:focus ul a,
   #nav_items_0 li ul li ul li ul li:focus ul a {
      color: #fff;
      background: none;
   }
   #nav_items_0 li ul li a:hover,
   #nav_items_0 li ul li:hover a,
   #nav_items_0 li ul li.over a,
   #nav_items_0 li ul li:hover ul a:hover,
   #nav_items_0 li ul li.over ul a:hover,
   #nav_items_0 li ul li ul li:hover a,
   #nav_items_0 li ul li ul li.over a,
   #nav_items_0 li ul li ul li:hover ul a:hover,
   #nav_items_0 li ul li ul li.over ul a:hover,
   #nav_items_0 li ul li ul li ul li:hover a,
   #nav_items_0 li ul li ul li ul li.over a,
   #nav_items_0 li ul li ul li ul li:hover ul a:hover,
   #nav_items_0 li ul li ul li ul li.over ul a:hover,
   #nav_items_0 li ul li a:focus,
   #nav_items_0 li ul li:focus a,
   #nav_items_0 li ul li:focus ul a:focus,
   #nav_items_0 li ul li.over ul a:focus,
   #nav_items_0 li ul li ul li:focus a,
   #nav_items_0 li ul li ul li:focus ul a:focus,
   #nav_items_0 li ul li ul li.over ul a:focus,
   #nav_items_0 li ul li ul li ul li:focus a,
   #nav_items_0 li ul li ul li ul li:focus ul a:focus,
   #nav_items_0 li ul li ul li ul li.over ul a:focus {
      color: #fff;
      background: #000;
      font-size: 16px;
      line-height: 21.15px;
      transition: all ease 0.3s;
      font-weight: 600;
      -webkit-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
   }
   #nav_items_0 li:last-child:hover ul,
   #nav_items_0 li:last-child.over ul,
   #nav_items_0 li:last-child:focus ul {
      right: 0;
   }
}

.home-video-wrapper {
   margin-top: -60px;
   position: relative;
   height: 880px;
}
.home-video-wrapper::after {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   z-index: 1;
   background: url(/pics/pattern_overlay.png) repeat;
   opacity: 0.3;
}
.en-widescreen-video {
   height: 100% !important;
   position: relative;
}

.home-video-wrapper .gradient {
   background: url(/pics/bottom_trans.png) repeat-x bottom center;
   position: absolute;
   bottom: -5px;
   height: 113px;
   width: 100%;
}
.en-widescreen-video video {
   height: 100%;
}
a#welcome-btn {
   min-width: 170px;
   position: absolute;
   top: 79px;
   z-index: 9;
   background: rgb(128 0 0);
   text-align: center;
   text-decoration: none;
   color: white;
   display: flex;
   align-items: center;
   padding: 1rem 1.25rem;
   justify-content: space-between;
   font-family: 'Roboto Slab', serif;
   font-size: clamp(15px, 1.81vw, 20px);
   border: 2px solid rgb(128 0 0);
}
#welcome-btn img {
   height: 50px;
   aspect-ratio: 1;
   margin-right: 1rem;
}
#welcome-btn #txt {
   line-height: 24.62px;
}
#welcome-btn span {
   color: gold;
}
a#welcome-btn:hover {
   border: 2px solid gold;
}

.responsive-button-home {
   display: none;
}

.first-row-home {
   background: url(/pics/first_row_bg.png) no-repeat center bottom;
   min-height: 452px;
   margin-top: -21px;
   position: relative;
}
.first-row-inner {
   background: url(/pics/first_row_wrap.png) no-repeat center top;
   min-height: 149px;
   top: -37px;
   position: relative;
   z-index: 1;
}
.first-inner {
   max-width: 1045px;
   margin: 0 auto;
   position: relative;
   display: flex;
   width: 98%;
   gap: 50px;
}
.first-left {
   margin-left: 0px;
   width: 407px;
   position: relative;
   top: -20px;
}
.events-wrapper {
   background: #efefef;
   box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
   margin-bottom: 0px;
   min-height: 720px;
   position: relative;
}
.events-wrapper > h2 > a {
   width: auto;
   font-size: clamp(29px, 3.7vw, 37px);
   text-decoration: none;
   font-weight: normal;
   margin: 0;
   padding: 22px 5px;
   color: #000;
   display: block;
   outline: none;
   font-family: 'Roboto Slab', serif;
   font-weight: 300;
   text-align: center;
   background: url(/pics/events_bg.png) no-repeat;
   height: 72px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 0.95;
}
.events-wrapper > h2 > a > span {
   font-weight: 700;
   font-size: clamp(26px, 3.2vw, 34px);
   letter-spacing: 1.5px;
   display: block;
   color: #8d0101;
}
.events-module {
   padding-left: 27px;
   padding-top: 23px;
   padding-bottom: 22px;
   padding-right: 5px;
   position: relative;
}
.events-module #hp-events .v3 .dayInfoWrap {
   width: 62px;
   height: 67px;
   padding: 0px !important;
   border-radius: 0px !important;
   background: url(/pics/date_bg.png) no-repeat;
   margin-top: -11.5px;
   margin-left: 0.5px;
}
.events-module #hp-events .v3 span.month {
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 700;
   font-family: 'Open Sans', sans-serif;
   color: #000;
   margin-top: 14px;
   letter-spacing: 0.5px;
   margin-left: 1px;
}
.events-module #hp-events .v3 span.day {
   color: #8d021f;
   font-size: 34px;
   font-weight: 300;
   font-family: 'Roboto Slab', serif;
   margin-top: -7px;
   margin-left: 2px;
   letter-spacing: 1.5px;
}

.events-module #hp-events .v3 ul {
   padding-left: 75.5px;
   margin-bottom: 33px;
}

#hp-events ul li.event {
   margin: 3px 0;
}
#hp-events .v3 ul li {
   margin-bottom: 16px;
}
.events-module #hp-events ul li.event div {
   font-size: 15px;
   color: #000;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   letter-spacing: -0.1px;
}
.events-module #hp-events ul li.event div {
   margin-bottom: 3px;
}
.events-module #hp-events ul li.event div a {
   text-decoration: none;
   outline: none;
   font-size: clamp(16px, 2vw, 20px);
   color: #000;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   letter-spacing: -0.3px;
}
.events-module #hp-events ul li.event div a:hover,
.events-module #hp-events ul li.event div a:focus {
   color: #850001 !important;
   font-weight: 400;
}
.events-module #hp-events .hpeventlinks {
   margin-left: 13px !important;
}
.events-module #hp-events .hpeventlinks div a[target] {
   margin-left: 0px;
}
#hp-events .hpeventlinks div a {
   text-decoration: none;
   outline: none;
   color: #000;
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   font-size: 15px;
   float: left;
   background: url(/pics/show_link.png) no-repeat right top 2px;
   padding-right: 16px;
   margin-left: 24px;
   min-height: 21px;
}
#hp-events .hpeventlinks div a:hover {
   color: #850001 !important;
   letter-spacing: 0.3px;
   font-weight: 400;
   letter-spacing: 0.5px;
   font-size: 16px;
}
.first-right {
   width: 583px;
   position: relative;
   top: 25px;
}
.social-media {
   position: relative;
   width: 510px;
}
.social-buttons {
    display: flex;
}
.facebook-button {
   background: #284e8e url(/pics/fb_tab_icon.png) no-repeat right 17px top 11px;
   background-color: #00000059;;
   position: relative;
   height: 54px;
   display: block;
   text-decoration: none;
   outline: none;
   width: 153px;
   font-size: 23px;
   font-family: 'Open Sans', sans-serif;
   color: #fff;
   font-weight: 700;
   line-height: 54px;
   text-align: left;
   padding-left: 18px;
   padding-right: 6px;
   letter-spacing: 0.5px;
	transition: all .25s ease;
}

.insta-button {
    background: url(/pics/Instagram_Glyph_White45.png) no-repeat 143px center / 17%, #00000059;
    position: relative;
    height: 54px;
    display: block;
    text-decoration: none;
    outline: none;
    width: 153px;
    font-size: 23px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    line-height: 54px;
    text-align: left;
    padding-left: 18px;
    padding-right: 6px;
    letter-spacing: 0.5px;
	transition: all .25s ease;
}
.facebook-button.selected,
.facebook-button:is(:hover, :focus){
   background-color: #3b5998;
	cursor: pointer;
}
.insta-button.selected,
.insta-button:is(:hover, :focus){
	    background: url(/pics/Instagram_Glyph_White45.png) no-repeat 143px center/17%, linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	cursor: pointer;
}
.social-content .hidden{
	display: none;
}
.social-content {
    position: relative;
    margin-top: 0px;
    border-top: 0px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
    height: 418px;
    border: 5px solid #8f2723;
    background-color: #fff;
}
.second-row-home {
   background: url(/pics/second_row_bg.jpg) repeat-x center top;
   min-height: 578px;
   margin-bottom: 22px;
}
.second-inner {
   position: relative;
   left: 3px;
   max-width: 1045px;
   margin: 0 auto;
   width: 98%;
   display: flex;
   gap: 53px;
}
.second-left {
   margin-left: 0px;
   width: 407px;
   position: relative;
   display: inline-block;
   top: -20px;
}
#apple-store {
   background: url(/pics/apple_store.png) no-repeat;
}
.app-store {
   width: 420px;
   height: 64px;
   position: relative;
   margin-top: 99px;
}
.app-store p {
   color: #fff;
   font-weight: 600;
   text-transform: uppercase;
   font-family: 'Roboto Slab', serif;
   font-weight: 300;
   font-size: clamp(28px, 3.7vw, 37px);
   margin: 0;
   margin-bottom: 20px;
   letter-spacing: 0.9px;
}
.app-store p,
.app-store a {
   background-color: #8c0200;
}
.app-store .app {
   position: relative;
   float: left;
   display: inline-block;
   margin-right: 15px;
   width: 187px;
   height: 64px;
   outline: none;
   margin-left: 2px;
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
}
.app-store .app {
   position: relative;
   float: left;
   display: inline-block;
   margin-right: 15px;
   width: 187px;
   height: 64px;
   outline: none;
   margin-left: 2px;
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
}
#google-play {
   background: url(/pics/google_store.png) no-repeat;
}
.app-store .app:hover,
.app-store .app:focus {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
}
.second-right {
   min-width: 600.48px;
   margin-top: 25px;
   display: flex;
   position: relative;
   left: -3px;
}
#video-section {
   position: relative;
   background: white;
   z-index: 1;
   width: 100%;
}
#video-section::before {
   content: '';
   height: 20px;
   position: absolute;
   width: 100%;
   box-sizing: border-box;
   border-top: 20px solid #8a0300;
   border-right: 30px solid #8a0300;
   border-bottom: 18px solid transparent;
}
#leopard {
   position: absolute;
   background: url(/pics/leopard.png) no-repeat center center/contain;
   width: 310px;
   height: 189px;
   width: 155px;
   z-index: 1;
   top: 47px;
   right: -8.5px;
   height: 95px;
}
.second-inner .HPVideo {
   margin-bottom: 10px;
   position: relative;
}
.second-inner .HPVideo h2 a {
   height: 86px;
   font-size: clamp(28px, 3.7vw, 37px);
   text-decoration: none;
   margin: 37px 0px 0px 23px;
   color: rgb(0, 0, 0);
   display: block;
   outline: none;
   font-family: 'Roboto Slab', serif;
   font-weight: 300;
   text-transform: uppercase;
   line-height: 0.9;
   letter-spacing: 1.3px;
   left: 9px;
   position: relative;
   background: rgb(255, 255, 255);
   width: 396px;
}
.second-right .HPVideo h2 a span {
   color: #8c0101;
   font-size: clamp(26px, 3.4vw, 34px);
   font-weight: 700;
   letter-spacing: 1.8px;
   position: relative;
   top: 3px;
}
.second-inner .HPVideo .videowrapper {
   position: relative;
   margin-top: 0;
   padding: 0px 0 0px;
   background: none;
}
.second-right .HPVideo #video_player1 {
   border-top: 3px solid #e9e2e2;
}
.second-right .HPVideo p {
   padding: 0px;
   margin: 0px;
   background: rgb(255, 255, 255);
   left: 9px;
   position: relative;
   width: 421px;
}
.second-right .HPVideo p a {
   text-align: center;
   text-decoration: none;
   height: 44px;
   display: block;
   line-height: 44px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   outline: none;
   font-size: 16px;
   color: #000;
}
.app-store p.taxes {
   font-size: clamp(25px, 3.5vw, 35px);
   margin: 0 auto;
   margin-bottom: 20px;
   letter-spacing: 0.9px;
   text-align: center;
   border-top: 2px solid #8c0200;
   padding-top: 20px;
   white-space: nowrap;
}
.app-store .app {
   text-indent: -8888em;
}
.third-row-home {
   background: url(/pics/fourth_row_bg2.jpg) no-repeat center top;
   background-size: 100% auto;
   height: 778px;
   margin-top: -11px;
   z-index: -1;
   position: relative;
}
.third-row-inner {
   background: url(/pics/transparent2.png) repeat-x center bottom;
   height: 197px;
   position: absolute;
   bottom: 148px;
   width: 100%;
}
.third-inner {
   left: 20px;
   max-width: 1140px;
   position: relative;
   margin: 0 auto;
   display: flex;
   width: 98%;
   margin: 0 auto;
}
.awards {
   position: relative;
   height: 130px;
   width: 114px;
   margin-top: 38px;
   margin-right: 1px;
   text-indent: -8888em;
}
#award1 {
   background: url(/pics/award1.png) no-repeat;
   width: 119px !important;
}
#award2 {
   background: url(/pics/award2.png) no-repeat;
   width: 98px !important;
}
#award4 {
   background: url(/pics/award4.png) no-repeat;
}
#award5 {
   background: url(/pics/award5.png) no-repeat;
}
#award6 {
   background: url(/pics/award6.png) no-repeat;
}
#award8 {
   background: url(/pics/award8.png) no-repeat;
}
#award9 {
   background: url(/pics/award9.png) no-repeat;
}
#award10 {
   background: url(/pics/award10.png) no-repeat;
}
#award11 {
   background: url(/pics/award11.png) no-repeat;
}
#award12 {
   background: url(/pics/award12.png) no-repeat;
   margin-right: 0px;
}
#sports-banner {
   background: #f1f1f1;
   height: fit-content;
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   display: flex;
   justify-content: center;
}
#sports-banner img {
   max-height: 148px;
   width: 80%;
}

.third-row-responsive {
   display: none;
}

/* footer */
.footer {
   width: 100%;
   position: relative;
   bottom: 0;
   text-align: left;
   background: url(/pics/footer_bg.png) repeat-x center top;
   border-top: 1px solid #fff;
   display: flex;
   flex-direction: column;
}
.footer-top-inner,
.footer-bottom-inner,
.footer-mid-inner {
   max-width: 1046px;
   margin: 0 auto;
   width: 100%;
}
.footer-top-inner {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 67px;
   height: 64px;
}
.footer-top-inner #address-left {
   position: relative;
   left: 6px;
   top: -4px;
}
.footer-top-inner #address-right {
   position: relative;
   left: 6px;
   top: -4px;
}
.footer-top-inner #school-time {
   top: -4px;
}
.footer-top-inner .address {
   color: #000 !important;
   padding: 8px 0 0 0;
   margin: 0;
   font-size: clamp(13px, 1.5vw, 15px);
   line-height: 1.2;
   font-weight: 700;
   font-family: 'Open Sans', sans-serif;
   position: relative;
   text-decoration: none;
}
#address-right .icon {
   background: url(/pics/address_sep.png) no-repeat left;
   position: absolute;
   width: 20px;
   height: 18px;
   left: -43px;
   top: 18px;
}
#address-right .fx-no {
   margin-left: 0px !important;
   margin-right: 19.5px !important;
}
#school-time .icon {
   background: url(/pics/address_sep.png) no-repeat left;
   position: absolute;
   width: 20px;
   height: 18px;
   left: -40px;
   top: 18px;
}
.footer-mid-inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 136px;
}
.footer-side-logos,
.footer-logos {
   display: flex;
   align-items: center;
}
.footer-logos {
   position: relative;
   right: 9px;
   top: 2px;
}
.footer-logos a:first-child {
   position: relative;
   right: -2px;
   top: -2px;
}
.footer-logos a:first-child img {
   width: clamp(80px, 12.6666666667vw, 159px);
}
.footer-logos a:last-child img {
   width: clamp(250px, 41.8333333333vw, 502px);
}
#ncaa-logo {
   background: url(/pics/ncaa.png) no-repeat;
   width: 77px;
   height: 76px;
   background-size: contain;
   text-indent: -8888em;
}
#naia-logo {
   text-indent: -8888em;
   background: url(/pics/naia.png) no-repeat;
   width: 127px;
   height: 76px;
   background-size: contain;
   position: relative;
   top: 12px;
   left: 5px;
}
.footer-side-logos a:first-child img {
   width: clamp(90px, 12.0833333333vw, 145px);
}
.footer-side-logos a:nth-child(2) img {
   width: clamp(74px, 7.66666666667vw, 92px);
}

.footer-side-logos {
   position: relative;
   left: 5px;
   gap: 3px;
}
.footer-bottom-inner {
   max-width: 730px;
   text-align: center;
   position: relative;
   padding: 56px 0;
   padding-bottom: 32px;
}
.footer-bottom-inner > strong {
   position: relative;
   left: 4px;
}
.footer-bottom-container {
   position: relative;
   left: 2px;
}
#edunet {
   position: absolute;
   left: 50%;
   bottom: 13px;
   transform: translateX(-50%);
}
hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
}
@media screen and (max-width: 1215px) {
   .footer-mid-inner {
      justify-content: space-between;
   }
   .footer-side-logos {
      left: 0;
   }
   .footer-top-inner,
   .footer-mid-inner {
      max-width: 1113px;
      width: 98%;
   }
}
@media screen and (max-width: 1200px) {
   .third-inner {
      left: 0;
   }
}
@media screen and (max-width: 1150px) {
   .third-row-responsive {
      background: url(/pics/fourth_row_bg2.jpg) no-repeat center top;
      background-size: cover;
      aspect-ratio: 16 / 9;
      display: block;
   }
   .third-row-home {
      height: max-content;
      display: flex;
      flex-direction: column;
      background: none;
   }
   .third-row-inner {
      height: max-content;
      background-size: cover;
      position: static;
   }
   #sports-banner {
      width: 100%;
      position: static;
   }
   .third-inner {
      left: 0;
      display: flex;
      flex-wrap: wrap;
      column-gap: 50px;
      justify-content: center;
      padding: 25px 0;
   }
   .awards {
      height: clamp(79px, 11.3vw, 113px);
      width: clamp(81px, 11.4vw, 114px);
      background-size: contain !important;
   }
}
@media screen and (max-width: 1100px) {
   .events-wrapper > h2 > a {
      background-position-x: 50%;
   }
   .home-video-wrapper {
      height: max-content !important;
   }
   .en-widescreen-video {
      height: max-content !important;
   }
   .en-widescreen-video video {
      height: max-content !important;
      aspect-ratio: 16 / 9 !important;
   }
   .second-left {
      width: 385px;
   }
   .second-inner {
      left: 0;
      gap: 0;
      justify-content: space-between;
   }
   .second-right {
      width: 499px;
      min-width: inherit;
   }
}

@media screen and (max-width: 954px) {
   .second-inner {
      flex-direction: column;
      align-items: center;
   }
   .second-left {
      display: flex;
      flex-direction: column;
      top: 0;
   }
   .second-left,
   .app-store {
      width: max-content;
      height: auto;
   }
   .app-store {
      margin-top: 12px;
   }
   .second-right {
      width: 100%;
      max-width: 600px !important;
   }
   #leopard {
      right: 4.5px;
   }
   .second-right .videowrapper > div {
      width: clamp(340px, 71.3333333333vw, 428px) !important;
      height: clamp(290px, 62.5vw, 375px) !important;
   }
   .second-right .videowrapper > div video {
      width: 100% !important;
      height: 100% !important;
   }
}
@media screen and (max-width: 930px) {
   .events-module {
      padding-right: 22px;
   }
   .footer-top {
      background-color: #ebebeb;
   }
   .header-logo-group {
      top: 0;
   }
   .first-left {
      margin-top: 15px;
   }
   .first-row-home {
      margin-top: 0;
   }
   .first-row-inner {
      padding-bottom: 70px;
      top: 0;
   }
   .first-inner {
      flex-direction: column;
      align-items: center;
   }
   .first-right {
      width: 100%;
      position: relative;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .social-media,
   .first-left {
      width: clamp(340px, 48.888vw, 440px);
   }
   a#welcome-btn {
      display: none;
   }
   .home-video-wrapper .gradient {
      display: none;
   }
   .responsive-button-home {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 0;
      background-color: white;
   }
   .responsive-button-home a#welcome-btn {
      display: flex;
      position: static;
   }
   .footer {
      background-image: none;
   }
   .footer-mid {
      background: url('/pics/footer-res-bg.png');
      background-repeat: repeat-y;
      background-size: cover;
   }
   .footer-mid-inner {
      width: 100%;
      padding: 20px 12px;
      box-sizing: border-box;
      flex-direction: column;
      height: max-content;
   }
   .footer-bottom-inner {
      padding: 33px 0;
   }
   #edunet {
      bottom: 11px;
   }
}

@media screen and (max-width: 850px) {
   nav.en-nav > ul a {
      background-color: #fff;
      border-bottom: 1px solid #800003;
      font-size: 12px;
      text-transform: uppercase;
      font-family: 'Open Sans', sans-serif;
      color: black;
   }
   nav.en-nav > ul ul a {
      font-size: 13px;
      text-transform: capitalize;
      background-color: #d3ccc6;
      color: black;
   }
   .en-header-school-logo {
      width: 100%;
      justify-content: space-between;
      padding: 6px 10px;
      box-sizing: border-box;
      background-color: #800003;
   }
   .button-wrapper .en-mobnav-button {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 6px;
      background-color: #111111;
      width: clamp(37px, 6.25vw, 50px);
      height: clamp(37px, 6.25vw, 50px);
      border-radius: 50%;
      border: 2px solid #800003;
      transition: all 0.4s ease;
   }
   .button-wrapper .en-mobnav-button .hover-effect {
      width: 50%;
      height: 2px;
      text-indent: -9999em;
      background-color: #800003;
      border-radius: 4px;
   }
   .button-wrapper .en-mobnav-button b {
      font-size: clamp(22px, 3.75vw, 30px);
      color: #800003;
   }
   .en-mobnav-button .hover-effect:nth-child(2) {
      width: 30%;
      margin-left: 10px;
   }
   .button-wrapper .en-mobnav-button:hover {
      background-color: #800003;
      border: 2px solid #111111;
   }

   .button-wrapper .en-mobnav-button:hover .hover-effect {
      background-color: #111111;
   }
   .button-wrapper .en-mobnav-button:hover b {
      color: #111111;
   }
   .header-logo-group {
      gap: 7px;
   }
   nav.en-nav {
      background-color: #d3ccc6;
      display: flex;
      flex-direction: column;
   }
   #nav_items_0 {
      height: 95vh;
   }
   .header-icons-wrapper {
      order: 3;
      background-color: #fff;
      padding: 8px 4px;
      box-sizing: border-box;
      flex-direction: column;
      gap: 10px;
   }
   .en-marquee-module.popup-top .en-marquee-popup-wrapper {
      transform: translate(-50%, -100%) !important;
      flex-direction: column-reverse !important;
   }
   .en-marquee-module .en-marquee-popup-wrapper .en-marquee-popup-icon {
      border-bottom-color: transparent !important;
      border-top-color: #fff !important;
      position: relative;
      top: 0 !important;
   }
   .en-marquee-module {
      width: 97% !important;
      max-width: 600px !important;
   }

   .home-video-wrapper {
      margin-top: 0;
   }
   .login-header#login #form.active {
      transform: scaleY(1);
      position: fixed;
      top: 50%;
      width: 55%;
      height: 201px;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 1s ease all !important;
   }
   #close-btn-popup {
      position: absolute;
      right: 10px;
      top: 10px;
      color: #152850;
      font-size: 28px;
      font-weight: 400;
      background-color: #fff;
      width: clamp(32px, 5vw, 40px);
      height: clamp(32px, 5vw, 40px);
      border-radius: 50%;
      cursor: pointer;
      display: none;
      align-items: center;
      font-family: Arial, Helvetica, sans-serif;
      justify-content: center;
      display: flex !important;
   }
   .login-header #input-fields {
      width: 100% !important;
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .login-header #student-vault-vertical {
      width: 100% !important;
      display: flex;
      align-items: center;
      flex-direction: column;
   }
   .login-header #form form {
      width: 66% !important;
      display: flex !important;
      justify-content: center !important;
   }
   .login-header #email-container,
   .login-header #password-container {
      width: 100%;
      margin-top: 10px;
   }
   .login-header #sign-in {
      display: flex;
      padding-top: 10px;
      align-items: center;
      gap: 20px;
   }
   #student-vault-vertical input {
      padding: 4px 0 !important;
   }
   .login-header #student-vault-vertical,
   #login #form,
   #login #form a {
      font-size: 13px !important;
      text-decoration: none !important;
   }
   #student-vault-vertical input {
      padding: 4px 0 !important;
      width: 100%;
   }
   nav.en-nav > ul > li.hasSubNav::after {
      pointer-events: none;
      content: '';
      position: absolute;
      margin: 5.5px 0 0 8px;
      transition: all ease 0.5s;
      right: 18px;
      top: 6px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #800003;
      width: 0;
      height: 0;
   }
}

@media screen and (max-width: 768px) {
   .address .icon {
      display: none !important;
   }
   .footer-top-inner {
      flex-wrap: wrap;
      height: max-content;
      padding: 16px 0;
      column-gap: 36px;
      row-gap: 20px;
   }
   .footer-bottom-inner {
      width: 98%;
      margin: 0 auto;
   }
   .address {
      position: static;
   }
}
@media screen and (max-width: 600px) {
   .app-store .app {
      width: 128px;
      height: 52px;
      background-size: contain !important;
   }
   .second-inner .HPVideo h2 a {
      margin-left: 0;
      width: max-content;
   }
   .second-right .HPVideo p {
      width: max-content;
      left: 0;
      margin: 0 auto;
   }
   .second-right {
      margin-top: 0;
      width: 98%;
   }
   #sports-banner img {
      width: 100%;
      object-fit: contain;
   }
}
@media screen and (max-width: 400px) {
   .footer-top-inner #address-right {
      left: 0;
   }
   #naia-logo {
      width: 97px;
   }
   #ncaa-logo {
      width: 61px;
      height: 62px;
   }
   .login-header#login #form.active {
      width: 80%;
      min-width: 340px;
   }
}