/* General */
html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
body {
   margin: 0;
   padding: 0;
   font-size: 13px;
   line-height: 1.231;
   background: #3c3e40;
}

img {
   border: 0;
   -ms-interpolation-mode: bicubic;
   vertical-align: middle;
}

/* Font styles */
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;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   padding: 0;
   margin: 0;
}
.en-public-header {
   position: relative;
}
/* MARQUEE */
.en-marquee-module {
   width: 580px !important;
   position: relative;
   height: 26px !important;
   font-size: 16px !important;
      font-family: 'Zilla Slab', serif !important;

   font-weight: 400 !important;
   box-sizing: border-box;
   margin: 0 !important;
   background: transparent !important;
   letter-spacing: 0.25px !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(77, 80, 83, 0),
      rgba(77, 80, 83, 0.2),
      rgba(77, 80, 83, 0.4),
      rgba(77, 80, 83, 0.6),
      rgba(77, 80, 83, 1),
      rgba(77, 80, 83, 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(77, 80, 83, 0),
      rgba(77, 80, 83, 0.2),
      rgba(77, 80, 83, 0.4),
      rgba(77, 80, 83, 0.6),
      rgba(77, 80, 83, 1),
      rgba(77, 80, 83, 1)
   );
}

.en-marquee-module .en-marquee-module-content-wrapper {
   background: transparent !important;
}
.en-marquee-module-content {
     font-size: 16px !important;
      font-family: 'Zilla Slab', serif !important;

   font-weight: 400 !important;
   letter-spacing: 0.25px !important;
   color: rgb(255, 255, 255) !important;
   animation-duration: 40s !important;
   font-weight: 400 !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: 'Zilla Slab', 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: 'Zilla Slab', 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;
}
#header-selector {
    display: block;
    width: 95px;
    height: auto;
    background-color: #c92b2a;
    position: absolute;
    text-align: center;
    padding: 6px 0;
       position: relative;
   left: -3px;
}
#header-selector h2 {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff !important;
    font-weight: 700;
    line-height: 16.003px;

}
.search-wrapper{
       position: relative;
    right: 9px;
    cursor: pointer;
        padding: 10px;
    margin-right: 3px;
    box-sizing: border-box;
}
.search-wrapper img{
   width: clamp(14px,2vw,18px);
   object-fit: contain ;
}
/* END MARQUEE */

#header-enroll-btn {
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 6px 12px;
    background-color: #d22828;
    color: #fff;
        right: 9px;
    position: relative;
    line-height: 16.003px;
}
#header-enroll-btn:hover, #header-enroll-btn:focus {
    color: #000;
    background-color: #fff;
}
.header-icons-wrapper{
   display: flex;
   justify-content: space-between;
   align-items: center;
}


#header-selector ul{
   display: none;
}
#motto, #gradelevels {
    color: #007096;
    font-family: 'Asap Condensed', sans-serif;
    font-size: clamp(14px,2vw,20px);
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
    background: #ffffff;
}
#gradelevels {
    color: #4d5053;
   }
.header-logo-group{display: flex !important; }
.header-logo-right{
   position: relative;
}
#gradelevels{
   position: absolute;
       right: -145px;
    top: 42px;
}
.header-logo-right #motto{
    text-align: left;
    position: relative;
    left: 18px;
    top: 1px;
}
.header-logo-right img{
       position: relative;
    top: 8px;
    left: 20px;
    z-index: 11;
}
.header-logo-group > img{
       position: relative;
    right: 1px;
}

.header-social .fb {
    background-image: url(/pics/fb.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 200;
    float: left;
    color: #fff !important;
    background-position: center;
    text-indent: -8888em;
}
.header-social .twitter {
    background-image: url(/pics/twitter.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 200;
    float: left;
    margin-left: 14px;
    top: 0;
    position: relative;
    color: #fff !important;
    background-position: center;
    text-indent: -8888em;
}
.header-social{
       display: flex;
    position: relative;
    right: 5px;
}
.twitter:hover, .fb:hover, .twitter:focus, .fb:focus {
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    opacity: 0.7;
    filter: alpha(opacity=30);
}
.header-buttons{display: flex;
align-items: center;
position: relative;
    left: 56px;
}
#en-public-header-translate{
   outline: none !important;
}
#header-selector ul{
    background: #e5b433;
    list-style: none;
    margin: 0;padding: 0;
    text-align: left;
}
#header-selector li a {
    text-decoration: none;
    letter-spacing: 0.3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: block;
    padding: 8px;
    color: #000000;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    font-weight: bold;
    line-height: 16.003px;
}
#header-selector li a:hover, #header-selector li a:focus {
    background: #5c5a4e;
    color: #ffffff;
    letter-spacing: 0.3px;
}
@media screen and (min-width:901px) {
   .logo-none{display: none;}
   #header-selector ul {
    padding: 0;
    margin: 0;
    position: absolute;
    display: none;
    top: 0px;
    width: 160px;
    top: 28px;
}
 #header-selector:hover > ul{display: block;}
   .en-public-header::before {
      background: #fff url(/pics/header_bg.jpg)no-repeat center bottom;
      position: absolute;
      content: '';
      left: 0;
      top:40px ;
      width: 100%;height: 130px;
      z-index: -1;
   }
   .en-public-header::after{
      background-color: rgb(77 80 83);
       position: absolute;
      content: '';
      left: 0;
      top:0px ;
      height: 40px;
      width: 100%;
      z-index: -1;
   }
   .nav-menu-bg{
          width: 100%;
    height: 50px;
    background: url(/pics/navbar.png) repeat-x scroll 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
   }
   nav.en-nav{
      max-width: 1002px;
      margin: 0 auto !important;
      width: 98%;
      display: grid;
      grid-template-rows: 40px 130px 50px;
   }
   .en-header-school-logo {
      width: max-content;
   }
   .header-logo-group{
      height: 100%;
      align-items: center;
   }
   nav.en-nav ul{justify-content: center !important;}
   #nav_items_0 li a {
    color: #ffffff;
    display: block;
    font-family: 'Asap Condensed', sans-serif;
    font-size: clamp(16px,2.1vw,21px);
    font-weight: 500;
    height: auto;
    padding: 12px 37px 12px 37px;
    padding: 12px 30px 11px 30px\9;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 0;
}
#nav_items_0 > li a {
    width: auto;
    white-space: normal;
    padding: 24px 16px 14px 16px;
    margin-top: -14px;
}
#nav_items_0 li:hover a, #nav_items_0 li:focus a, #nav_items_0 li.over a {
    background: url(/pics/nav_hover.png) no-repeat scroll center top;
    margin-top: -5px;
    position: relative;
    padding: 17px 37px 12px 37px;
       height: 57px;
}
#nav_items_0 ul, #nav_items_0 li:hover ul ul, #nav_items_0 li:focus ul ul, #nav_items_0 li.over ul ul, #nav_items_0 li:hover ul ul ul, #nav_items_0 li:focus ul ul ul, #nav_items_0 li.over ul ul ul, #nav_items_0 li:hover ul ul ul ul, #nav_items_0 li:focus ul ul ul ul, #nav_items_0 li.over ul ul ul ul {
    position: absolute;
    right: auto;
    left: -9999em;
    top: -9999em;
    z-index: 9999;
    width: clamp(180px,22vw,240px);
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#nav_items_0 li:hover ul, #nav_items_0 li:focus ul, #nav_items_0 li.over ul {
    left: auto;
    top: 50px !important;
    background: none;
}
#nav_items_0 li:hover ul, #nav_items_0 li.over ul {
    left: 50%;
    transform: translatex(-50%);
    padding-bottom: 8px;
    background: none;
    top: 50px !important;
}
#nav_items_0 li:hover ul li a, #nav_items_0 li:focus ul li a, #nav_items_0 li.over ul li a {
    line-height: 16pt;
    text-align: left;
    text-decoration: none;
    padding: 8px 15px;
    height: auto;
    width: 100%;
    font-size: clamp(16px,2vw,20px);
    letter-spacing: normal;
    white-space: normal;
    text-transform: none;
    text-shadow: none;
    font-variant: normal;
    font-family: 'Asap Condensed', sans-serif;
    font-weight: 500;
    color: #ffffff;
    margin-top: 0;
}
#nav_items_0 li:hover ul li a, #nav_items_0 li:focus 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:focus 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:focus 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:focus ul a, #nav_items_0 li ul li ul li ul li.over ul a {
    color: #242424;
    background: url(/pics/dropdown.png) repeat scroll center top;
}
#nav_items_0 li:hover ul li a, #nav_items_0 li:focus 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:focus 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:focus 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:focus ul a, #nav_items_0 li ul li ul li ul li.over ul a {
    color: #242424;
    background: url(/pics/dropdown.png) repeat scroll center top;
}
#nav_items_0 li ul li a:hover, #nav_items_0 li ul li a:focus, #nav_items_0 li ul li:hover a, #nav_items_0 li ul li:focus 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:focus ul a:focus, #nav_items_0 li ul li.over ul a:hover, #nav_items_0 li ul li.over ul a:focus, #nav_items_0 li ul li ul li:hover a, #nav_items_0 li ul li ul li:focus 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:focus ul a:focus, #nav_items_0 li ul li ul li.over ul a:hover, #nav_items_0 li ul li ul li.over ul a:focus, #nav_items_0 li ul li ul li ul li:hover a, #nav_items_0 li ul li ul li ul li:focus 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:focus ul a:focus, #nav_items_0 li ul li ul li ul li.over ul a:hover, #nav_items_0 li ul li ul li ul li.over ul a:focus {
    color: #ffffff;
    background: #5c5a4d;
    letter-spacing: 0.2px;
    margin-top: 0;
}
#nav_items_0 li.nav_item_last:hover ul, #nav_items_0 li.nav_item_last:focus ul {
    left: 20%;
}
   .res-social{display: none;}

}

/* first-row */
.first-row-home {
   background: linear-gradient(to right, #d82927 0%, #d82927 50%, #ba110f 50%, #ba110f 100%);
}
.first-row-bg {
   background: url(/pics/firstrow_bg.jpg) repeat-y center top;
   min-height: 236px;
}
.first-inner {
   padding: 20px 0;
   max-width: 1000px;
   margin: 0 auto;
   width: 98%;
}
.first-inner .mission-box {
   max-width: 838px;
   position: relative;
   display: flex;
   flex-direction: column;
}
.mission-box h2 {
   display: block;
   color: #ffffff;
   font-family: 'Asap Condensed', sans-serif;
   font-size: clamp(22px, 3vw, 30px);
   font-weight: 500;
   letter-spacing: 0px;
   line-height: 0.93333333333;
   margin: 0;
   padding: 0 0 6px 0;
   position: relative;
}
.mission-box p {
   color: #ffffff;
   font-family: 'Zilla Slab', serif;
   font-size: clamp(16px, 2vw, 20px);
   font-weight: 400;
   left: 0;
   letter-spacing: 0px;
   line-height: 1.2;
   margin: 0;
   padding: 0px 0 0;
   position: relative;
   text-align: left;
   margin-bottom: 16px;
}
.mission-box ul {
   display: flex;
   padding: 0;
   margin: 0;
   gap: 20px;
   position: relative;
   left: 4px;
}
.mission-box ul li {
   position: relative;
   padding: 0 0px 0 0;
   width: 200px;
   list-style: none;
   height: 50px;
}
.mission-box ul li a {
   background: #ffffff;
   width: 198px;
   height: 48px;
   border: 1px solid #c3c3c3;
   color: #3c3e40;
   display: block;
   font-family: 'Asap', sans-serif;
   font-size: clamp(13px, 1.5vw, 15px);
   font-weight: 700;
   letter-spacing: 1.2px;
   line-height: 1.2;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   display: flex;
   align-items: center;
   justify-content: center;
}
.mission-box ul li a span {
   position: relative;
   top: 1px;
}
.mission-box ul li a:hover,
.mission-box ul li a:focus {
   border: 1px solid #a07f28;
   background: #f6c216 url(/pics/qlink_hover_bg.jpg) no-repeat scroll left top;
   color: #3c3e40;
   text-shadow: none;
   width: 198px;
   height: 48px;
   position: relative;
   letter-spacing: 0.5px;
}
/* first-row */

/* second-row-home */

.second-row-home {
   background: #fff url(/pics/columnwrap_bg.png) no-repeat scroll center top;
   width: 100%;
   position: relative;
}
.second-inner {
   max-width: 1002px;
   padding: 19px 0;
   left: 1px;
   position: relative;
   margin: 0 auto;
   overflow: hidden;
   width: 98%;
   display: flex;
   justify-content: space-between;
}
.second-left {
   width: 666px;
   height: max-content;
   border: 1px solid #c3c3c3;
   position: relative;
   display: flex;
   flex-direction: column;
}
.second-slideshows {
   padding-bottom: 0;
   width: 667px;
   min-height: 600px;
   position: relative;
   left: -1px;
}
.second-slideshows ul {
   position: relative;
   display: grid;
   grid-template-columns: repeat(2, max-content);
   padding: 0;
   margin: 0px 0 0 0;
}
.second-slideshows ul li {
   list-style: none;
   width: 333px;
   height: 200px;
   background: #000;
   overflow: hidden;
}
.second-inner .simple div h3 {
   background: none !important;
}
.second-inner .simple div h3 span {
   bottom: 15px !important;
   color: #ffffff;
   font-family: 'Asap Condensed', sans-serif;
   font-size: 26px !important;
   font-weight: 500;
   height: auto !important;
   left: 0;
   letter-spacing: 0px;
   min-height: 25px !important;
   padding-left: 20px !important;
   padding-top: 4px !important;
   position: relative;
   text-align: left !important;
   width: 310px;
}
.second-inner .simple div h3 a {
   bottom: -2px !important;
   height: auto !important;
   min-height: 25px !important;
   position: relative;
   text-align: left !important;
}
.second-inner .simple .overlaycontainer {
   background: url(/pics/gradient_bg.png) repeat-x scroll left bottom;
   width: 100% !important;
}
.second-inner li#q-2,
.second-inner li#q-4,
.second-inner li#q-6 {
   width: 334px;
}
.second-inner li:hover .simple .overlaycontainer,
.second-inner li:focus .simple .overlaycontainer {
   background: url(/pics/gradient_hover.png) repeat left top;
}
.second-inner li:hover .simple div h3 span,
.second-inner li:focus .simple div h3 span {
   bottom: 40px !important;
   background: url(/pics/bottomline_hover.jpg) no-repeat scroll 19px 42px;
   padding-bottom: 10px;
   transition: bottom 0.3s ease-in-out;
}
.house-system {
   margin-top: 30px;
   position: relative;
}
.house-system > h2 a {
   background: url(/pics/section_title_bg.png) no-repeat scroll left center;
   display: block;
   font-family: 'Asap Condensed', sans-serif;
   font-size: clamp(22px, 3vw, 30px);
   font-weight: 500;
   height: auto;
   line-height: 1.26666666667;
   margin: -3px 0 12px 0px;
   position: relative;
   text-align: left;
   text-decoration: none;
   width: auto;
   padding-left: 28px;
   letter-spacing: 0px;
   color: #54565a !important;
}
.second-right {
   width: 313px;
   display: flex;
   position: relative;
   right: 2px;
   flex-direction: column;
}
.events-wrapper {
   position: relative;
}
.second-right h2 > a {
   background: url(/pics/section_title_bg.png) no-repeat scroll left center;
   color: #fff;
   display: block;
   font-family: 'Asap Condensed', sans-serif;
   font-size: clamp(22px, 3vw, 30px);
   font-weight: 500;
   height: auto;
   line-height: 1.26666666667;
   margin: -3px 0 12px 0px;
   position: relative;
   text-align: left;
   text-decoration: none;
   width: auto;
   padding-left: 28px;
   letter-spacing: 0px;
   color: #54565a;
   font-weight: 600;
   margin: 2px 0 14px 0px;
   letter-spacing: -0.6px;
   padding-left: 27px;
}
.events-module-wrapper {
   position: relative;
}
.events-module-wrapper #hp-events .v3 .dayInfoWrap {
   width: 41px;
   height: 44px;
   background: url('/pics/date_bg.jpg') no-repeat left top;
   padding: 0 0 0 23px;
   border-radius: 0;
   margin-top: 3px;
   margin-left: 2px;
   -pie-background: url('/pics/date_bg.jpg') no-repeat left top;
   behavior: url('/shared/pie.htc');
}
.events-module-wrapper #hp-events .v3 span.month {
   color: #3c3e40;
   font-family: 'Asap', sans-serif;
   font-size: 13px;
   font-weight: 700;
   position: relative;
   top: 28px;
   letter-spacing: 0.2px;
   text-transform: uppercase;
   left: 1px;
   text-align: left;
}
.events-module-wrapper #hp-events .v3 span.day {
   color: #d82927;
   font-size: 26px;
   font-weight: 600;
   margin-top: -14px;
   padding-left: 0;
   font-family: 'Zilla Slab', serif;
   text-align: left;
   line-height: 1;
}
.events-module-wrapper #hp-events .v3 ul {
   padding-left: 76px;
   padding-bottom: 0px;
}
.events-module-wrapper #hp-events ul li.event div {
   color: #4d5053;
   font-family: 'Zilla Slab', serif;
   font-weight: 400;
   font-size: 16px;
   margin-bottom: 0;
}
.events-module-wrapper #hp-events ul li.event div a {
   color: #242424;
   font-size: 18px;
   text-decoration: none;
   font-family: 'Zilla Slab', serif;
   font-weight: 600;
   letter-spacing: 0.2px;
}
.events-module-wrapper #hp-events ul li.event div a:hover,
.events-module-wrapper #hp-events ul li.event div a:focus {
   letter-spacing: 0.6px;
   transition: all ease 0.3s;
   -webkit-transition: all ease 0.3s;
   -moz-transition: all ease 0.3s;
}
.events-module-wrapper #hp-events .hpeventlinks div a {
   background: url('/pics/show_arrow.png') no-repeat scroll right 3px;
   color: #4d5053;
   display: inline-block;
   font-family: 'Asap', sans-serif;
   font-size: 13px;
   font-weight: 700;
   left: -5px;
   position: relative;
   text-decoration: none;
   text-transform: uppercase;
   margin-top: -3px;
   letter-spacing: 0.7px;
   padding-right: 12px;
}

.events-module-wrapper #hp-events .hpeventlinks div a[target] {
   margin-top: 10px;
}
.events-module-wrapper #hp-events .hpeventlinks div a:hover,
.events-module-wrapper #hp-events .hpeventlinks div a:focus {
   letter-spacing: 0.9px;
   transition: all ease 0.3s;
   -webkit-transition: all ease 0.3s;
   -moz-transition: all ease 0.3s;
}
.events-module-wrapper .location span:first-child {
   display: none;
}
.public-notice {
   margin-top: 18px;
   position: relative;
}
.public-notice #publicnotice {
   color: #242424;
   font-family: 'Zilla Slab', serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.3;
   margin: 0;
   padding: 0px 0 0;
   position: relative;
   text-align: left;
   top: -14px;
}
.public-notice #publicnotice a {
   color: #333333;
}
/* second-row-home */

/* third-row */
.third-row-home {
   background: #d82927;
   width: 100%;
   position: relative;
}
.third-inner {
   max-width: 1000px;
   padding: 23px 0;
   position: relative;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
}
.third-left {
   width: 280px;
   position: relative;
}
.third-inner h2 a {
   background: url(/pics/section_title_bg.png) no-repeat scroll left center;
   color: #fff;
   display: block;
   font-family: 'Asap Condensed', sans-serif;
   font-size: clamp(22px, 3vw, 30px);
   font-weight: 500;
   height: auto;
   line-height: 38px;
   margin: -3px 0 12px 0px;
   position: relative;
   text-align: left;
   text-decoration: none;
   width: auto;
   padding-left: 28px;
   letter-spacing: 0px;
}
.third-left-module {
   background: #fff;
   border-top: 3px solid #54565a;
   padding: 10px 0 13px;
   position: relative;
}
.third-left-module table {
   width: 100%;
   padding: 0;
   margin: 0;
   font-family: Arial, Verdana, sans-serif;
   font-size: 12.66667px;
   color: #000000;
}
.third-left-module table.HPLinks #l {
   padding-left: 20px;
   padding-right: 0;
   padding-top: 11px;
}
.third-left table.HPLinks #r {
   background: none !important;
}
.third-left table.HPLinks #r {
   padding-left: 13px !important;
   padding-top: 8.5px !important;
}
.third-left table #r {
   padding: 4px 0;
}
.third-left-module table tr:first-child td,
.autoCalendarLinks,
#showAll-0,
#showAll-hplinks #r,
#showAll-0 #r {
   border-left: 0 !important;
}
.third-left-module table.HPLinks a {
   color: #4d5053;
   font-size: clamp(16px, 1.7vw, 18px);
   text-decoration: none;
   font-weight: 500;
   font-family: 'Zilla Slab', serif;
   line-height: normal;
}
.third-left-module table.HPLinks a:hover{
    letter-spacing: 0.8px;
}
.third-left-module section table.HPLinks a:hover,
.third-left-module section table.HPLinks a:focus {
   letter-spacing: 0.8px;
}
.third-left-module table tr:nth-last-child(2) #r,
.third-left-module table tr:nth-last-child(1) #r {
   background: none repeat scroll 0 0 !important;
   /* border-bottom: none; */
}
.third-left-module table.HPLinks #r b a {
   background: url(/pics/show_arrow.png) no-repeat scroll right center;
   color: #4d5053;
   display: inline-block;
   font-family: 'Asap', sans-serif;
   font-size: 13px;
   font-weight: 700;
   left: -25px;
   position: relative;
   text-decoration: none;
   text-transform: uppercase;
   margin-top: 5px;
   letter-spacing: 1px;
   padding-right: 12px;
}
.third-left-module table.HPLinks #r b a:hover,
.third-left-module table.HPLinks #r b a:focus {
   letter-spacing: 1.2px;
}
.third-center {
   width: 360px;
   position: relative;
}
.third-center .HPVideo {
   margin-bottom: 0px;
   position: relative;
}

.third-center .HPVideo h2 a {
   background: url('/pics/section_title_bg.png') no-repeat scroll left center;
   color: #fff;
   display: block;
   font-family: 'Asap Condensed', sans-serif;
   font-size: clamp(22px, 3vw, 30px);
   font-weight: 500;
   height: auto;
   line-height: 38px;
   margin: -3px 0 12px 0px;
   position: relative;
   text-align: left;
   text-decoration: none;
   width: auto;
   padding-left: 28px;
   letter-spacing: 0px;
}
.third-center .HPVideo .videowrapper {
   position: relative;
   margin-top: 0;
   padding: 0;
   background: none;
   border-top: 3px solid #54565a;
}
.third-center .HPVideo p {
   padding: 0;
   margin: 0;
   background: #f6c216;
}
.third-center .HPVideo p a {
   text-align: center;
   text-decoration: none;
   font-size: clamp(15px, 1.6vw, 17px);
   font-family: 'Asap', sans-serif;
   font-weight: 400;
   height: auto;
   display: block;
   line-height: 20px;
   padding: 11px 5px;
}

.third-right {
   width: 320px;
   position: relative;
}
.social-wrapper {
   width: 100%;
   width: 100%;
   position: relative;
   top: -7px;
   right: 1px;
   z-index: 1;
}
.social-buttons {
   display: flex;
   position: relative;
   top: 2px;
   background: #e1e4e6;
   left: -1px;
   width: max-content;
}
.social-buttons button {
   background-color: transparent;
   border: none;
   outline: none;
   text-indent: -8888em;
   cursor: pointer;
}
.social-buttons button:first-child {
   background: url(/pics/fb2.png) no-repeat center 4.5px;
   height: 45px;
   width: 50px;
   -webkit-box-shadow: inset -2px 0px 5px 0px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: inset -2px 0px 5px 0px rgba(0, 0, 0, 0.25);
   box-shadow: inset -2px 0px 5px 0px rgba(0, 0, 0, 0.25);
   color: #000;
}
.social-buttons button:first-child.active,
.social-buttons button:first-child:hover {
   background: url(/pics/fb2.png) no-repeat center -65px, url(/pics/hover_bg3.png) no-repeat center bottom -1px;
   -pie-background: url(/pics/fb2.png) no-repeat center -66px, url(/pics/hover_bg3.png) no-repeat center bottom;
   behavior: url(/shared/pie.htc);
   width: 50px;
   height: 54px;
   box-shadow: none;
   top: 0;
   z-index: 999;
}
.social-buttons button:last-child {
   background: url(/pics/twit2.png) no-repeat center 9px;
   width: 50px;
   height: 45px;
   -webkit-box-shadow: inset 2px 0px 5px 0px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: inset 2px 0px 5px 0px rgba(0, 0, 0, 0.25);
   box-shadow: inset 2px 0px 5px 0px rgba(0, 0, 0, 0.25);
   display: block;
   color: #000;
}
.social-buttons button:last-child.active,
.social-buttons button:last-child:hover {
   background: url(/pics/twit2.png) no-repeat center -70px, url(/pics/hover_bg3.png) no-repeat center bottom -1px;
   -pie-background: url(/pics/twit2.png) no-repeat center -66px, url(/pics/hover_bg3.png) no-repeat center bottom;
   behavior: url(/shared/pie.htc);
   width: 50px;
   height: 54px;
   box-shadow: none;
   z-index: 999;
}
.feed {
   display: none;
}
.feed.active {
   display: block;
}
.house-module-wrapper  img{
   width: 100%;
}

.footer {
   position: relative;
   display: grid;
   grid-template-rows: 140px 40px;
   background: #3d3e42 url(/pics/footer_bg.jpg) repeat-x center bottom;
}

.footer-top {
   height: 100%;
   /* background-color: #4c5053; */
   position: relative;
}

.footer-bottom {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #3d3e42;
}
.footer-bottom a {
   position: relative;
   top: -1px;
   right: -1px;
}
.ft-inner {
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 1000px;
   margin: 0 auto;
   width: 98%;
}
.ft-left {
   display: flex;
   align-items: center;
   position: relative;
    right: 12px;
    top: -3px;
}
.footer-address {
   display: flex;
   flex-direction: column;
}
.all-address {
   display: flex;
    position: relative;
    top: 9px;
    right: 2px;
    gap: 48px;
}
.f-logo{
       position: relative;
    right: 9px;
    top: 6px;
}
.all-address a {
   color: #ffffff;
   cursor: pointer;
   font-family: 'Zilla Slab', serif;
   font-size: clamp(15px, 1.8vw, 18px);
   font-weight: 400;
   height: 40px;
   line-height: 20px;
   padding-left: 2px;
   text-align: left;
   text-decoration: none;
   width: auto;
}
.all-address a span {
   margin: 0 5.2px;
}
.ft-right{
   display: flex;
   align-items: center;
   gap: 19px;
}
#adv-logo{
   position: relative;
   top: -1px;
   right: 2px;
}
#adv-logo img{
   width: clamp(110px,15vw,152px);
}
#char-logo{
   position: relative;
   right: 1px;
   top: -1px;
}
#char-logo img{
   width: clamp(80px,9vw,90px);
}
#imagine-logo{
   position: relative;
   top: -1px;
}
#imagine-logo img{
   width: clamp(60px,8vw,88px);
}

#apply_online1 {
    position: absolute;
    bottom: -16px;
    left: 40px;
    
    background: #d92826;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    text-transform: none;
    line-height: 0.9;
    letter-spacing: 1.8px;
    height: 104px;
    padding: 20px 25px 20px 140px;
    font-size: 17px;
    z-index: 99;
    border: 3px solid #EEE9E9;
}
em {
    font-style: italic;
}
#apply_online1 span {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
#apply_online1 div#onlinelogo {
    position: absolute;
    top: 10px;
    left: 15px;
    background: url(/pics/header_logo.png) no-repeat center #fff;
    width: 115px;
    height: 121px;
}
#apply_online1 div#announceonline {
    position: absolute;
    top: -10px;
    left: -35px;
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: black;
    -webkit-text-fill-color: #FFCB08;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    transform: rotate(-11deg);
}
#apply_online1::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 40px solid transparent;
    border-left: 40px solid #FFCB08;
    width: 0;
}
#apply_online1:hover {
    background: #FFCB08;
    color: #d92826;
}
#apply_online1:hover:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 40px solid #d92826;
    border-left: 40px solid transparent;
    width: 0;
}
#apply_online1:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 40px solid transparent;
    border-left: 40px solid #d92826;
    width: 0;
}



#online_learning {
    position: absolute;
    bottom: -16px;
    right: 40px;
    
    background: #d92826;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    text-transform: none;
    line-height: 0.9;
    letter-spacing: 1.8px;
    height: 104px;
    padding: 20px 25px 20px 140px;
    font-size: 17px;
    z-index: 99;
    border: 3px solid #EEE9E9;
}
em {
    font-style: italic;
}
#online_learning span {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
#online_learning div#onlinelogo {
    position: absolute;
    top: 10px;
    left: 15px;
    background: url(/pics/imagineonlineacademy_logo3.jpg) no-repeat left;
    width: 115px;
    height: 121px;
}
#online_learning div#announceonline {
    position: absolute;
    top: -10px;
    left: -35px;
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: black;
    -webkit-text-fill-color: #FFCB08;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    transform: rotate(-11deg);
}
#online_learning::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 40px solid transparent;
    border-left: 40px solid #FFCB08;
    width: 0;
}
#online_learning:hover {
    background: #FFCB08;
    color: #d92826;
}
#online_learning:hover:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 40px solid #d92826;
    border-left: 40px solid transparent;
    width: 0;
}
#online_learning:hover:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 40px solid transparent;
    border-left: 40px solid #d92826;
    width: 0;
}
.slider-home-row{
   position: relative;
    height: 541px;
    width: 100%;
   /* background: url(/pics/slideshow_border.jpg)repeat-x center bottom; */
   z-index: 99;
       
}
.slider-home-row::before{
   content: '';
   position: absolute;
   left: 0;
   width: 100%;
   height: 4px;
   background: url(/pics/slideshow_border.jpg)repeat-x center bottom;
   bottom: 0;
   z-index: 9;
}
.slider-home-row::after{
    content: '';
   position: absolute;
   left: 0;
   width: 100%;
   height: 4px;
   background: #3c3e40;
   bottom: 4px;
   z-index: 9;
}
.slider-inner {
    width: 800px;
   height: 100%;
    margin: 0 auto;
    background: url(/pics/slider-bg.jpeg) center 10% no-repeat;
    background-size: cover;
    position: relative;
    margin-top: 3px;
}
div#enroll-header {
    display: grid;
    grid-template-columns: 2fr 1fr;
    background: #da2825;
}
#enroll-header h2 {
    color: white;
    font-size: clamp(40px,6.4vw,64px);
    word-spacing: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 100;
    font-family: 'Asap Condensed';
}
#enroll-header #right-text p {
    color: white;
    text-transform: uppercase;
    font-size: clamp(11px,1.3vw,13px);
}
#enroll-header #right-text p span {
    color: #fde706;
    text-transform: uppercase;
    font-size: clamp(16.4px,2.2vw,22.4px);
}
#enroll-for {
    position: absolute;
    /* bottom: 120px; */
    top: 92px;
    margin: 0;
    color: white;
    left: 10px;
    font-size: clamp(16px,1.9vw,19.2px);
    width: 262px;
    background: #1c2134;
    padding: 5px 10px;
    text-transform: uppercase;
    z-index: 1;
}
.ADE_button {
    position: absolute;
    top: 92px;
    margin: 0;
    color: white;
    right: 10px;
    font-size: clamp(16px,1.9vw,19.2px);
    width: 262px;
    padding: 5px 10px;
    text-transform: uppercase;
    z-index: 1;
}
#tourbutton {
    position: absolute;
    top: 156px;
    /* bottom: 18px; */
    left: 10px;
    background: #ffe400;
    color: #333;
    font-family: 'Asap Condensed', sans-serif;
    font-size: clamp(24px,3.2vw,32px);
    padding: 20px;
    z-index: 1;
}
.second-slideshows .simple h2{
   background-color: black !important;
   color: white !important;
   display: none;
}
@media screen and (max-width:1250px) {
    #header-selector ul{
      left: initial;
      right: 0;
   }
      .header-buttons{
      left: 0;
   }

}
@media screen and (max-width:1150px) {
  
   .en-marquee-module{
      max-width: 400px;
   }
}
@media screen and (max-width: 1050px) {
   .ft-left{
      right: 0;
   }

}

@media screen and (min-width:900px) and (max-width:925px) {
   #nav_items_0 > li a{
     padding: 24px 12px 14px 12px;
   }
}
@media screen and (max-width: 1015px) {
   .third-center{
      order: -1;
   }
   .third-left{
      order: 3;
   }
 
   .second-inner {
      flex-direction: column;
      align-items: center;
      gap: 50px;
   }
   .second-right {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      max-width: 600px;
      width: inherit;
   }
   .public-notice {
      margin-top: 0;
   }
   .third-inner {
      row-gap: 30px;
      column-gap: 66px;
      justify-content: center;
      flex-wrap: wrap;
   }
   .slider-home-row{
      height: max-content;
      display: flex;
          flex-direction: column;
    align-items: center;
    gap: 22px;
    padding-bottom: 20px;
   }
   .slider-inner{
      height: clamp(322px,50vw,500px);
   }
   #online_learning{
      position: relative;
      right: 0;
      top: 0;
      bottom: 0;
   }
	#apply_online1{
      position: relative;
      right: 0;
      top: 0;
      bottom: 0;
       margin: 0 60px 0 0;
   }
	.ADE_button{
		width: 150px;
   }
}
@media screen and (max-width:935px) {
   .all-address{
      gap: 10px;
   }
}
.sc-close-btn{display: none;}
.mobile-enroll-header#enroll-header{display: none;}
@media screen and (max-width:900px) {
   #gradelevels{
    right: -33%;
    top: 31px;
   }
   .sc-close-btn{
      display: block;
      font-size: 16px;
      background-color: #007096;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 10px;
      top: 10px;
      border: none;
   }
   #header-selector ul.active{
      display: block;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      z-index: 123;
    max-width: 300px;
    padding: 20px;
    box-sizing: border-box;
      border-radius: 16px;

   }
   .en-header-school-logo{
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 6px 7px;
      background: url("../pics/header_bg.jpg");
      background-size: cover;
      background-position: center;
   }
   .header-logo-group{
      align-items: center;
      text-decoration: none;
   }
   .header-logo-right{height: max-content;}
   .header-logo-group > img{
      width: clamp(70px,10vw,90px);
   }
   .header-logo-right #motto{text-decoration: none;}
   .header-logo-right img{width: clamp(220px,44.4444444444vw,400px);}
       .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 #007096;
    transition: all 0.4s ease;
  }
  .button-wrapper .en-mobnav-button .hover-effect {
    width: 50%;
    height: 2px;
    text-indent: -9999em;
    background-color: #007096;
    border-radius: 4px;
  }
  .button-wrapper .en-mobnav-button b {
    font-size: clamp(22px, 3.75vw, 30px);
    color: #007096;
  }
  .en-mobnav-button .hover-effect:nth-child(2) {
    width: 30%;
    margin-left: 10px;
  }
  .button-wrapper .en-mobnav-button:hover {
    background-color: #007096;
    border: 2px solid #111111;
  }
  .button-wrapper .en-mobnav-button:hover .hover-effect {
    background-color: #111111;
  }
  .button-wrapper .en-mobnav-button:hover b {
    color: #111111;
  }
  nav.en-nav{
   display: flex;
   flex-direction: column;
  }
  nav.en-nav #nav_items_0{height: 95vh;background-color: white;}
  .header-icons-wrapper{
   order: 3;
   background-color: #4d5053;
   padding: 8px 0;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: relative;
  }
  .header-icons-wrapper > .header-social{display: none;}
  .header-social{right: 0;}
  #header-enroll-btn{margin-left: 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;
}
nav.en-nav > ul a{
   font-size: 15px;
   font-family: 'Asap Condensed', sans-serif;
   background-color: #da2825 !important;
   color: white;
   border-bottom: 1px solid #fff;
}
nav.en-nav > ul ul a{
   font-size: 14px;
   background-color: white !important;
   color: #007096;
   border-bottom: 1px solid #007096;
}
nav.en-nav > ul > li.hasSubNav{
   position: relative;
}
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: 8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #e3ecdc;
    width: 0;
    height: 0;
}
}
@media screen and (max-width:850px) {
   #online_learning{
      max-width: 268px;
   }

#apply_online1{
      max-width: 268px;
   }

   .slider-inner #enroll-header{display: none;}
   .mobile-enroll-header{
      position: static;
      display: flex !important;
      flex-direction: column;
      display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 10px;
    box-sizing: border-box;
   }
   .mobile-enroll-header #right-text{text-align: center;}
   .slider-inner{
      width: 100%;
   }
   .footer{
      grid-template-rows: repeat(2,max-content);
      position: relative;
      overflow: hidden;
   }
   .footer::before{
      content: '';
      position: absolute;
      top: -5px;
      left: -10px;
      height: 10px;
      background:url("../pics/footer-lines.png");
      z-index: 999999999;
      width: 120%;
   }
   .footer-top{
      background-color: #4c5053;
   }
   .ft-inner{
      flex-direction: column;
      padding: 10px 0;
      height: max-content;
   }
   .footer-bottom{
      padding: 10px 0;
   }
}
@media screen and (max-width:750px) {
   #gradelevels {
    right: -36%;
    top: 28px;
}
}
@media screen and (max-width: 700px) {
   .third-left {
      width: 356px;
   }
   .second-left {
      max-width: 600px;
      width: 98%;
      margin: 0 auto;
      border: none;
   }
   .second-slideshows ul {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
   }
   .second-slideshows {
      width: 100%;
      left: 0;
   }
   .second-slideshows ul li * {
      width: 100% !important;
   }

   .house-module-wrapper img {
      max-width: 100% !important;
   }
}
@media screen and (max-width: 680px) {
   .mission-box p br {
      display: none;
   }
   .mission-box ul li,
   .mission-box ul li a,
   .mission-box ul li a:hover,
   .mission-box ul li a:focus {
      width: 165px;
      background-position-x: 50%;
   }
   #gradelevels {
    position: absolute;
    right: 9px;
    top: inherit;
    bottom: -17px;
    background: transparent;
}
}
@media screen and (max-width: 600px) {
   .slider-inner #enroll-for{
      bottom: inherit;
      top: 0;
      left: 0;
   }
   #tourbutton,
	#enroll-for{
      left: 0;
   }
   .mobile-enroll-header{
      flex-direction: column;

   }
   #enroll-header #right-text p{
      margin: 0;
   }
   .second-right {
      display: flex;
      flex-direction: column;
      width: 330px;
      align-items: center;
      gap: 34px;
   }
   .events-wrapper {
      width: 100%;
   }
}
@media screen and (max-width: 500px) {
.mission-box ul{left:0;}
.first-inner .mission-box{align-items:center;}
.first-inner .mission-box p{text-align:center;}
   .second-right{width: 96%;}
   .third-inner h2 a,.second-right h2 > a,.second-right h2 > a,.house-system > h2 a{
      background-position-x: 6px;
   }
   .third-center .HPVideo h2 a{
      background-position-x: 5px;
   }
   .header-icons-wrapper{
      position: relative;
   }
   .first-inner {
      padding-bottom: 20px;
   }
  
.en-marquee-module{
   max-width: 90% !important;
   margin:  0 auto !important;
}
   .ft-left{
          flex-direction: column;
    gap: 20px;
   }
   .ft-right{
      position: relative;
      top: 7px;
   }.all-address{top: 0;}
   #online_learning{
      padding: 162px 25px 20px 20px;
   }
   #online_learning div#onlinelogo{
          left: 50%;
    transform: translateX(-50%);
    top: 26px;
   }
#apply_online1{
      padding: 162px 25px 20px 20px;
   }
#apply_online1 div#onlinelogo{
          left: 50%;
    transform: translateX(-50%);
    top: 26px;
   }
   .header-buttons .header-social{display: none;}
   .header-icons-wrapper{
      row-gap: 12px;
   }
   .header-icons-wrapper > .header-social{
      display: flex;
      position: absolute;
      top: 2px;
    right: 8px;
   }
   .en-marquee-module {
    max-width: 74% !important;
    margin-left: 0 !important;
}
}
@media screen and (max-width:400px) {
    #online_learning{
      padding: 162px 8px 20px 8px;
   }
#apply_online1{
      padding: 162px 8px 20px 8px;
   }
   .header-logo-group > img{
      width: 55px;
   }
}