
/* imports and fonts imports */
@import url("/apps/js/polls/polls-pack.css");
:root {
  --en-website-width: 1100px;

  /* Global convenience variables below (samples). Add/update/delete for your own needs. */
  --website-color-1: #08104f;
  --website-color-2: #000000;
  --white: #ffff;
}
/* General */
html { height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; text-align: center; margin: 0; padding: 0; background: #070e43; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.DB_mask {z-index: 99999 !important;}
.DB_dialog {z-index: 99999 !important;}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0;  }
#pageContentWrapper h1,
#pageContentWrapper h2,
#pageContentWrapper h3,
#pageContentWrapper h4,
#pageContentWrapper h5,
#pageContentWrapper h6 {
    margin: 0 0 10px 0;
     font-family: 'Teko', sans-serif;
}
a, a:active, a:visited { color: #033b73; }
a:hover, a:active { outline: 0; color: #fb3038; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  
/* Normalization of fonts */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px;min-height: 1px;height: auto !important;  border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

@font-face {
font-family: 'IndustryBase';
src: url('/shared/fonts/IndustryBase.eot') format('embedded-opentype'), /* IE6-IE8 */
url('/shared/fonts/IndustryBase.woff') format('woff'), /* Pretty Modern Browsers */ 
url('/shared/fonts/IndustryBase.otf') format('opentype'),
url('/shared/fonts/IndustryBase.ttf') format('truetype'); /* Safari, Android, iOS */
}


/* 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; } */

/* Site Styles */
#wrapper, #wrapper-index { 
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  height: auto !important;
  text-align: left;
  background: url('') no-repeat;
}

.inside { width:100%; margin: 0 auto; }
#wrapper .content { position: relative; margin: 0 auto; padding-bottom:615px;background: url('/pics/inside-page-bg.png')repeat-x center top;padding: 0 0 615px;}

#wrapper {background: #fff;}
#wrapper .content .inside { 
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
  line-height: 20px;
  z-index: 1;
  width: 100%;
 }
.content { width: 100%;text-align: left; margin: 0px auto 0; padding: 0 0 0px 0;}
.content .inside { position: relative; min-height: 400px; height: auto!important; height: 400px; padding-bottom: ;}
/*============background-title===============*/
.pageTitle {
  line-height: clamp(30px,3.18vw,35px);
  width: auto;
  display: block;
  font-size: clamp(30px,4.18vw,45.99px);
  text-transform: uppercase;
  color: #201b51;
  position: relative;
  font-family: 'Teko', sans-serif;
  font-weight: 500;
  margin: 11px 0 8px -15px;
  letter-spacing: 1.85px;
  padding: 20px 15px;
}



/* Index properties */

/* Rows WRapper */
#rows-wrapper,
.rows {
  position: relative;
  width: 100%;
}
.rows-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  display: grid;
}
@media screen and (max-width: 1230px) {
  .rows-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

}

@media screen and (max-width: 786px) {
  .rows-inner {
      padding-left: 18px !important;
      padding-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .rows-inner {
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
}

/* Homepage Sections */
section {
  margin-bottom: 0px;
  position: relative;
}
/* Homepage Section Headers */
/* Homepage Sections Containers */
.container {
  position: relative;
  margin-top: 0;
}

/********** Index Top :- Inner Banner **********/

/*Roatating Image Banner Inner*/
#index-top {
  position: relative;
  top: 0;
  margin: 0;
  background: #000;
  }
  #index-top::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 11;
    background: url('/pics/rotating-img-gradient.png')repeat-x center bottom;
  }
  #slideshow {
  width: 100%;
  max-height: 650px;
  position: relative;
  }
  
  #slideshow img,  #slideshow .nivoSlider,  #slideshow .nivo-slice {
  display: block;
  min-width: 100%;
  width: unset !important;
  position: relative;
  margin-left: 0 !important;
  max-height: 51vw;
  }

  .main-text {
    position: absolute;
    left: 0;
    bottom: 37px;
    font-size: clamp(30px,7.00vw,70px);
    font-family: 'IndustryBase';
    text-shadow: 0 0 40px rgba(0,0,0,0.4);
    letter-spacing: 1.25px;
    line-height: clamp(30px,7.00vw,70px);
    z-index: 3;
    color: #fff;
    text-transform: uppercase;
    color: #fff;
    right: 0;
    margin: 0 auto;
    max-width: 1000px;
    z-index: 11;
    font-weight: 400;
  }
  .main-text::before {
    width: 2px;
    height: 170px;
    position: absolute;
    content: '';
    z-index: 3;
    background: #fff974;
    left: -50px;
    bottom: -37px;
  }
  @media (max-width: 1200px) {
    .main-text {
      border-left: 2px solid #fff974;
      padding: 0 10px 0;
      margin-left: 10px;
    }
    .main-text::before {
      content: unset;
      display: none;
    }
  }
  
  @media (max-width: 580px) {
    .main-text {
      position: relative;
      bottom: 0;
      color: #000;
      text-align: center;
      padding: 20px 20px;
      background: #fff;
      box-sizing: border-box;
      margin: 0;
    }

  }



/* Sidelinks */

.en-sidelinks-module.sidelinks a {
  min-height: 45px;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  text-transform: uppercase;
  line-height: 20px;
  padding: 14px 13px 11px;
  width: 150px;
  position: relative;
  text-decoration: none;
  background: #fff;
  box-sizing: border-box;
  right: 0;
  color: #d8020c !important;
  font-family: 'Teko', sans-serif;
  font-size: 22px;
  font-weight: 400;
  box-shadow: -2px 0px 7px 2px rgba(0,0,0,0.1);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
.en-sidelinks-module.sidelinks a:hover, .en-sidelinks-module.sidelinks a:focus {
  transform: unset;
  background: #d8020c;
  right: 17px;
  color: #fff !important;
}

.en-sidelinks-module.sidelinks a:not(a:hover)::before,.en-sidelinks-module.sidelinks a:hover::after {
  content:unset;
}
.en-sidelinks-module a:hover::after,.en-sidelinks-module a:focus::after {
  transform: unset !important;
  transition: none !important;
  background-color: transparent !important;
  width: 8px;
  height: 100%;
  content: '' !important;
  position: absolute;
  left: -8px;
  top: 0;
  background: url('/pics/links-before.png')no-repeat center top;
  background-size: auto;
  background-size: 100% 100%;
}
.en-sidelinks-module a:hover::before,.en-sidelinks-module a:focus::before {
  width: 8px !important;
  height: 100% !important;
  content: '' !important;
  position: absolute !important;
  right: -8px !important;
  top: 0 !important;
  background: url('/pics/sd-links-after.png')no-repeat center top;
  background-size: auto;
  background-size: 100% 100%;
  left: unset !important;
  background-color: transparent !important;
  transform: unset !important;
  transition: none !important;
}

/* @media only screen and (min-width: 768px) and (max-width: 1038px) {
  .en-sidelinks-module.sidelinks {
    top: 30%;
  
  }
} */


  @media (min-width: 1700px) {
.en-sidelinks-module.sidelinks {
  top: 395px;
  transform: unset;
  gap: 10px;
  z-index: 99;
}
  }
  @media (max-width: 1699px) {
  .en-sidelinks-module.sidelinks {
    top: 420px;
    /* top: 395px; */
    transform: unset;
    gap: 10px;
    z-index: 99;
  }
}
@media (max-width: 1499px) {
  .en-sidelinks-module.sidelinks {
    /* transform: unset; */
    position: absolute;
    top: 66px;
    transform: unset;
    z-index: 99;
  }
}
  @media (max-width: 860px) {
    .en-sidelinks-module.sidelinks {
      transform: unset;
      position: relative;
      padding: 20px 0;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap;
      top: 0;
      transform: unset;
      position: relative;
      background: #f2f2f2;
      z-index: 1;
    }


.en-sidelinks-module.sidelinks img.sidelink-icons {
 margin-top: 0px !important;
}
.en-sidelinks-module.sidelinks {
  padding: 43px 10px;
  gap: 15px;
}
.en-sidelinks-module.sidelinks a {
  justify-content: center;
  text-align: center;
  min-height: 65px;
}
.en-sidelinks-module.sidelinks a:hover, .en-sidelinks-module.sidelinks a:focus {
  right: 0;
}
}
@media (max-width: 768px) {
  #index-top {
    z-index: 0;
  }
  .en-sidelinks-module.sidelinks {
    z-index: 0;
  }
  }
  @media (max-width: 430px) {
.en-sidelinks-module.sidelinks {
  padding: 20px;
}
.en-sidelinks-module.sidelinks a {
margin: 0;
}
}

/* Homepage Sections Containers */
.container {position: relative; margin-top: 0; padding: 10px 0; background: #fff;}

/* Homepage Section Headers */
#wrapper-index .content section h2 {  }
#wrapper-index .content h2 a { 
  font-family: 'Teko', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
  padding: 0px 0 0 0px;
  color: #201b51;
  display: inline-block;
  letter-spacing: 1.85px;
  font-size: clamp(30px,4.18vw,46px);
  line-height: clamp(30px,4.18vw,40px);
}



#first-row{background: #fff;}
#first-row-inner{position: relative;padding: 44px 0 6px;}
#first-row-inner:after{width: 2px;height: 100%;position: absolute;content: '';z-index: 2;background:#fff974;left: 0px;top: 0;}
.misn-heading {
  font-family: Teko,sans-serif;
  font-weight: 500;
  font-size: clamp(30px,4.18vw,46px);
  line-height: clamp(30px,4.18vw,40px);
  text-transform: uppercase;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  color: rgb(32,27,81);
  display: inline-block;
  letter-spacing: 1.85px;
}
.misn-content {
  max-width: 650px;
  font-size: 22px;
  line-height: 30px;
  font-family: 'Saira', sans-serif;
  font-weight: 400;
  margin: 0;
  color: #2e2e34;
  padding: 0 56px;
  width: 100%;
}
#first-row-inner p span{color: #d8020c;text-transform: uppercase;font-weight: 700;}
@media (max-width: 1000px) {
  .misn-content {
    padding: 0;
  }

}
/*News Module*/
/*====News Section====*/
#second-row {
  background: #fff;
 }
 #second-row-inner{padding: 111px 0 100px;}
 .news-head {
  margin: 0 0 6px 0px;
 }
 h2.news-head a {
  text-decoration: none;
  font-family: 'Teko', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
  padding: 0px 0 0 0px;
  color: #201b51;
  display: inline-block;
  letter-spacing: 1.85px;
  font-size: clamp(30px,4.18vw,46px);
  line-height: clamp(30px,4.18vw,40px);
 }
 #hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {opacity: .5;cursor: auto;}
 #hp-news {
  position: relative;
  width: 100%;
  max-width: 1108px;
  margin: 0 auto;
  left: -4px;
}

#hp-news > div.en-news-slider {
  --min-card-gap: 1px;
  --image-width: 260px;
  --image-height: 212px;
  --line-height: 23px;
  --font-size: 17px;
  --max-lines-subject: 2;
  --max-lines-summary: 4;
  
}

#hp-news h2.en-news-section-title {
  display: none;
}



div.en-news-slider > div.en-card-slider-inner-container > a > .en-news-slider-image-container{
  position: relative;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
}



#hp-news div.en-card-slider-inner-container > a {
  border: 0 !important;
  position: relative;
  overflow: visible !important;
  padding-bottom: 51.6px;
  background: transparent;
  padding: 15px 4px 39px;
}

#hp-news div.en-card-slider-inner-container > a:after{
  box-sizing: border-box;
  position: absolute;
  content: "";
  width: 260px;
  bottom: 0;
  left: 0;
  min-height: 186px;
  border-top: 0;
  background: #f6efef;
  right: 0;
  margin: 0 auto;
}

#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {
  justify-content: flex-start !important;
  letter-spacing: 0.65px;
  font-family: 'Saira', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  color: #201b51 !important;
  line-height: 23px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  text-decoration: none;
  font-weight: 500;
  z-index: 1;
  text-align: center;
  padding: 0;
  margin: 15px 20px 0;
  height: 48px;
}

#hp-news div.en-card-slider-inner-container > a:hover > h3.en-news-slider-title, #hp-news div.en-card-slider-inner-container > a:focus > h3.en-news-slider-title{
  text-decoration: underline;
}
#hp-news div.en-card-slider-inner-container > a:hover > div.en-news-slider-summary,#hp-news div.en-card-slider-inner-container > a:focus > div.en-news-slider-summary {
  color: #000;
}
#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary {
  text-align: center;
  position: relative;
  z-index: 1;
  color: #2e2e34;
  font-size: 17px;
  line-height: 21px;
  font-family: 'Saira', sans-serif;
  font-weight: 400;
  margin: 7px 20px 10px;
  height: 67px;
}

div.en-news-slider > div.en-news-slider-footer {
  position: absolute;
  right: 0;
  top: -32px;
  width: 1100px;
  max-width: 1100px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
}

#hp-news div.en-news-show-all{
  border-radius: 0;
  border: 0;
  padding: 0;
  position: absolute;
  right: -1px;
  top: -4px;
}

#hp-news div.en-news-show-all a{
  border-radius: 0;
  text-decoration: none;
  font-size: 16px;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-family: 'Saira', sans-serif;
  font-weight: 600;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  display: inline-block !important;
  position: relative;
  color: #d8020c !important;
}
#hp-news div.en-news-show-all a::before {
  background: url('/pics/links-after.png')no-repeat;
  width: 16px;
  height: 16px;
  left: -25px;
  top: 5px;
  content: '';
  position: absolute;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#hp-news div.en-news-show-all a:hover, #hp-news div.en-news-show-all a:focus {
  color: #201b51 !important;
}
#hp-news div.en-news-slider-buttons {
  position: absolute;
  width: 1100px;
  max-width: 1100px;
  left: 50%;
  transform: translateX(-50%);
  top: 112px;
  right: 0;
}

#hp-news div.en-news-slider-buttons button {
  position: absolute;
  cursor: pointer;
  border: 0;
}

#hp-news div.en-news-slider-buttons button.en-news-prev {
  padding: 0;
  border-radius: 0;
  text-indent: -9999px;
  background: url('/pics/leftArrow.png') no-repeat center left;
  left: -62px;
  color: #000 !important;
  width: 38px;
  height: 71px;
}

#hp-news div.en-news-slider-buttons button.en-news-next {
  border-radius: 0;
  text-indent: -9999px;
  background-image: url('/pics/rightArrow.png');
  background-position: center left;
  background-repeat: no-repeat;
  right: -63px;
  color: #000 !important;
  width: 38px;
  height: 71px;
  background-color: transparent;
  padding: 0;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:hover{
  background-position: center left -39px;
}

#hp-news div.en-news-slider-buttons button.en-news-next:hover{
  background-position: center left -39px;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
  background-position: center right;
  width: 47px;
  left: -68px;
}

#hp-news div.en-news-slider-buttons button.en-news-next:focus {
  background-position: center right;
  width: 47px;
  right: -66px;
}

#hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
  opacity: 0.5;
  cursor: auto;
  visibility: hidden;
}
div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container {
  background: #fafafa!important;
  position: relative;
  box-shadow: 0 -7px 6px rgba(0,0,0,0.10);
}
div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container::before {
  content: '';
  background: url('/pics/news-bg.png')no-repeat center bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 260px;
  height: 24px;
}
@media only screen and (max-width: 1340px){
#hp-news {
  max-width: 868px;
  left: 0;
}
#hp-news div.en-news-slider-buttons {
  width: 100%;
  max-width: 933px;
}
div.en-news-slider > div.en-news-slider-footer {
  width: 100%;
}
}
@media only screen and (max-width: 1070px){
  #hp-news {
    max-width: 893px;
  }
  .news-head {
    margin: 0 0 12px 0;
    text-align: center;
  }
  #hp-news div.en-news-show-all {
    right: 0;
    top: 5px;
    left: 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1030px){
  #hp-news {
    max-width: 625px;
  }
}
@media only screen and (max-width: 770px){
  #hp-news {
    max-width: 285px;
  }
}
@media only screen and (max-width: 1070px){
  #hp-news div.en-news-slider-buttons {
    width: 100%;
    max-width: 147px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: unset;
    top: auto;
    bottom: 0;
  }
  div.en-news-slider > div.en-news-slider-footer {
    right: 0;
    top: auto;
    left: 0;
    transform: unset;
    margin: 0 auto;
    bottom: -23px;
  }
  #hp-news div.en-news-show-all {
    right: 0;
    top: 25px;
    left:0px;
    margin: 0 auto;
  }
  #second-row-inner {
    padding: 86px 0 114px;
  }
}
/*News Module End*/

#third-row{background:url('/pics/third-row-bg.png')no-repeat center top,url('/pics/third-row-fsma.png')no-repeat center bottom 38px ,#fff;}
#third-row-inner{
  padding: 40px 0 100px;
  display: flex;
  align-items: flex-start;
  gap: 80px;
  justify-content: flex-end;
}
#third-row-inner .commandament{
  max-width: 480px;
  position: relative;
  float: left;
  margin: 420px 0 0 80px;
  background: rgba(255,255,255,0.5);
  box-sizing: border-box;
  border: 2px solid #e8d8d8;
  width: 100%;
}

#third-row-inner .commandament a{
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #201b51;
  padding: 46px 0 35px 48px;
  letter-spacing: 1.85px;
  font-size: clamp(30px,4.18vw,46px);
  line-height: clamp(30px,4.18vw,40px);
  font-weight: 500;
  font-family: 'Teko', sans-serif;
}
#third-row-inner .commandament a:after{content: '';position: absolute;width: 170px;height: 230px;bottom: -32px;right: -42px; background:url('/pics/principals-photo.png')no-repeat center top;}
#third-row-inner .commandament a span{color: #3b4484;font-size: 22px;font-family: 'Saira', sans-serif;font-weight:700;display: inline-block;margin: 15px 0 0 2.5px;letter-spacing: 0.15px;}
#third-row-inner .commandament a:hover,#third-row-inner .commandament a:focus,#third-row-inner .commandament a:hover span,#third-row-inner .commandament a:focus span{text-decoration: underline;}

/* Events */
#events-sec{
  max-width: 460px;
  background: #08104f;
  padding: 48.5px 30px 63px 50px;
  box-sizing: border-box;
  width: 100%;
}
.events-main-title{color: #fff !important;}
#events-sec .container{padding: 0 !important;background: none;margin: 24px 10px 0 0;}

#events-sec #hp-events{padding-bottom: 10px;}
#events-sec #hp-events .v3 .dayInfoWrap {background: none;width: 62px;height: 35px; box-sizing: border-box;padding:0;margin: 2px 0 0 -0.5px;}
#events-sec #hp-events .v3 span.month {
  position: relative;
  letter-spacing: 0.75px;
  margin: -1px 0 0;
  font-family: 'Teko', sans-serif;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  counter-increment: 20px;
  text-align: left;
  line-height: 1.231;
  display: block !important;
}
#events-sec #hp-events .v3 span.month:after{position: absolute;width: 25px;height: 2px;content: '';bottom: -9px;left: 0;background:#fff974;}
#events-sec #hp-events .v3 span.day {
  font-family: 'Teko', sans-serif;
  font-size: 50px;
  color: #fff;
  font-weight: 300;
  font-size: 50px;
  text-align: left;
  margin: -33px 0 0 34px;
  letter-spacing: 0.75px;
  line-height: 1.231;
  display: block !important;
}
#events-sec #hp-events .v3 ul {padding-left: 90px;position: relative;margin-bottom: 24px;top:1px;}
#events-sec #hp-events ul li.event div {
  text-transform: uppercase;
  font-family: 'Saira', sans-serif;
  font-size: 17px;
  color: #fff;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  margin-bottom: 4px;
}
#events-sec #hp-events ul li.event div{margin-bottom: 0px;}
#events-sec .time span:first-child,#events-sec .location span:first-child{display: none !important;}
#events-sec #hp-events ul li.event div.title{margin-bottom: 0px !important;}
#events-sec #hp-events ul li.event div a {
  font-family: 'Saira', serif;
  font-size: 19px;
  color: #fff !important;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s ease;
  letter-spacing: 0;
}
#events-sec #hp-events .hpeventlinks{
  margin: 0px 0 0 25px !important;
  display: flex;
  align-items: flex-start;
}
#events-sec #hp-events ul li.event .time,#events-sec #hp-events ul li.event .location{position: relative;}
#events-sec #hp-events ul li.event div a:hover,#events-sec #hp-events ul li.event div a:focus{color: #e8d8d8 !important;text-decoration: underline;}
#events-sec #hp-events .hpeventlinks div a {
  transition: all .5s ease;
  padding: 0;
  font-family: 'Saira', sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #e8d8d8 !important;
  text-decoration: none;
  display: inline-block !important;
  position: relative;
  margin-left: 0;
  letter-spacing: 1.25px;
}
#events-sec #hp-events .hpeventlinks div a:after{background: url('/pics/events-link-img.png')no-repeat; width: 16px;height: 16px;position: absolute;content: '';left: -25px;top: 6px;}
#events-sec #hp-events .hpeventlinks div a:hover,#events-sec #hp-events .hpeventlinks div a:focus{text-decoration: underline;color: #fff !important;}
#events-sec #hp-events .hpeventlinks div:last-child a{margin-left: 54px !important;}
#events-sec #hp-events #events div:last-child ul{margin-bottom: 21px;}
#events-sec .hpeventlinks div {margin-top: 8px!important;} 

.event-bg1,.event-bg2 {
  display: none;
}
@media only screen and (max-width: 1080px){
 
  #third-row-inner .commandament {
    margin: 350px 0 0 0;
  }
  #third-row-inner .commandament a::after {
    bottom: 0;
    top: 0;
    margin: auto;
  }
  #third-row-inner {
    align-items: center;
    gap: 50px;
    justify-content: flex-end;
    flex-direction: column;
    justify-content: center;
  }
  #third-row {
    background: #fff;
  }
  .event-bg1 {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
    display: block;
  }
  .event-bg2 {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
  }
  #third-row-inner {
    padding: 0px;
    margin: -29px auto -30px;
  }  
}
@media only screen and (max-width: 444px){
  #events-sec #hp-events .hpeventlinks {
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 7px;
    justify-content: center;
  }
  #events-sec #hp-events .hpeventlinks div:last-child a {
    margin-left: 0px !important;

  }
  #events-sec .hpeventlinks div {
    margin-top: 0 !important;
  }
  #events-sec h2 {
    text-align: center;
  }
}
#fourth-row{background:url('/pics/fourth-row-bg.png')no-repeat center top, #d8020c;}


#fourth-row-inner{
  padding: 48.5px 0 35px;
  display: flex;
  align-items: flex-start;

}

#links{
  position: relative;
  max-width: 675px;
  margin: 0 95px 0 0;
  width: 100%;
 }
#links h2{}
#links h2 a{margin: 0 0 16.5px 0px !important;color:#fff !important;}
#links .container{ background: transparent;}

#fourth-row #links .HPLinks tr{display: inline-flex; margin: 0 5px 5px 0;}
#fourth-row #links .HPLinks .tableLeft{display: none !important;}
#fourth-row #links .HPLinks .tableRight{width: 215px; height: 85px;min-height: 85px; height: auto !important;position: relative;background: #d8020c; display: flex;justify-content: center;}
#fourth-row #links .HPLinks .tableRight a{
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid #f7ccce;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Teko', sans-serif;
  font-size: 22px;
  line-height: 22px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 18px 20px 13px 20px;
  height: 100%;
  letter-spacing: .85px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  text-decoration: none;
}

#fourth-row #links .HPLinks .tableRight a:hover,#fourth-row #links .HPLinks .tableRight a:focus,#fourth-row #links .HPLinks .tableRight:focus a,#fourth-row #links .HPLinks .tableRight:hover a{background:url('/pics/links-hover.jpg')no-repeat;background-size: cover; border-color: transparent;}

#wrapper-index .content table #r,#wrapper-index .content table .tableRight{display: flex;padding: 0 !important;}

#fourth-row #links .HPLinks tr#showAll-hplinks .tableRight{width: 90px;height: 15px;min-height: 15px;height: auto !important;border: 0 !important; justify-content: center;text-align: center;align-content: center;}
#fourth-row #links .HPLinks tr#showAll-hplinks .tableRight a:after{background: url('/pics/show-all-link.png')no-repeat; width: 16px;height: 16px;position: absolute;content: '';left: -25px;top: 3px;}
#fourth-row #links .HPLinks tr#showAll-hplinks .tableRight a{ 
  height: 100%;
  letter-spacing: 1.25px;
  box-sizing: border-box;
  background: url('/pics/red-bg.jpg')repeat,#000;
  justify-content: center;
  color: #e8d8d8 !important;
  font-size: 16px;
  font-family: 'Saira', sans-serif;
  font-weight: 600;
  border: 0;
  width: 110px;
  background: ;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0 !important;
  line-height: 22px;
 } 
#fourth-row #links .HPLinks tr#showAll-hplinks .tableRight a:hover,#fourth-row #links .HPLinks tr#showAll-hplinks .tableRight a:focus{ color: #fff !important; text-decoration: underline;}
#fourth-row #links .HPLinks tr#showAll-hplinks{float: none;top:-44px;position: absolute;right:19px;margin: 0 !important;}

#fourth-row .school-store{width: 330px;height: 312px;float: left;margin: 1.5px 0 14px;}
/*#fourth-row .school-store a{width: 100%;height: 100%;background:url('/pics/scholl-store.jpg')no-repeat,#fff; display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,0.15);transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}*/
#fourth-row .school-store a{width: 100%;height: 100%;background:url('/pics/2022_Bulldog-Gear.png')no-repeat,#fff; display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,0.15);transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;}
#fourth-row .school-store a:hover,#fourth-row .school-store a:focus{transform: scale(0.97);}

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

  #links {
    margin: 0;
  }
  #fourth-row-inner {
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
  }
  #fourth-row #links .HPLinks tbody {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 500px){
  #fourth-row-inner {
    gap: 50px;
  }
#links h2 {
  text-align: center;
}
#fourth-row #links .HPLinks tr#showAll-hplinks {
  bottom: -27px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  top: auto;
}
#fourth-row #links .HPLinks tr#showAll-hplinks .tableRight {
  margin: 0 auto;
}
}
@media only screen and (max-width: 360px){
  #fourth-row .school-store {
    max-width: 330px;
    width: 100%;
  }
  #fourth-row .school-store a {
    background-size: 100%;
    background-position: center;
  }
}
#fifth-row{background: #fff;}
#fifth-row-inner{
  padding: 78px 0 100px;
  display: flex;
  align-items: flex-start;
  gap: 51px;
}
.album-col{
  max-width: 399px;
  position: relative;
  width: 100%;
}
.album-col:after{width: 396px;height: 316px;position: absolute;top: 12px;left: -1px;content: '';border: 2px solid #e8d8d8;}

/* Featured Photo Album */
.album-col .HPFeaturedAlbums {margin-bottom: 0px; position: relative;}
.album-col .HPFeaturedAlbums h2 {
  position: relative;
  letter-spacing: 1.75px;
  padding: 0px 14px 2px 15px;
  display: inline-table;
  font-family: 'Teko', sans-serif;
  background: #fff !important;
  z-index: 1;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  margin: 0 0 11px 24px;
  color: #08104f;
  font-size: clamp(30px,4.18vw,46px);
  line-height: clamp(30px,4.18vw,40px);
 }
.album-col .HPFeaturedAlbums h2 span{margin-left: -1px;}
.album-col .HPFeaturedAlbums .featuredAlbums {position: relative; margin-top: 0px;}
.album-col .HPFeaturedAlbums ul {margin-top: 0;}

.album-col .HPFeaturedAlbums ul li {padding: 0;border: 0;z-index: 1; box-shadow: none;overflow: visible;position: relative;float: left;margin: 9px 0 0 39px;background: #08104f;}
.album-col .HPFeaturedAlbums ul li:after{content: '';background:url('/pics/album-gradient.png')repeat-x center bottom ;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.album-col .HPFeaturedAlbums ul li h3 {background: transparent; text-shadow: none;position: relative;width: 100%;margin:-45px 0 0; z-index: 1;}
.album-col .HPFeaturedAlbums ul li h3 span {
  text-align: center;
  letter-spacing: 0px;
  padding: 0 20px;
  font-family: 'Saira', sans-serif;
  font-weight: 500;
  font-size: 19px;
  color: #fff;
  line-height: 26px;
  text-transform: uppercase;
  height: auto !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
 }

#fifth-row .video-col{
  max-width: 650px;
  margin: 0 0px 0px;
  position: relative;
  width: 100%;
}
#fifth-row .video-col:after{width: 646px;height: 316px;position: absolute;top: 12px;left: -1px;content: '';border: 2px solid #e8d8d8;}

#fifth-row .HPVideo {position: relative;}
#fifth-row .HPVideo h2{margin: 1px 0 22px 0px;display: inline-block; }
#fifth-row .HPVideo h2 a{z-index: 1;margin: -1px 0 0 23px !important;position: relative;padding: 0 0 0 15px !important;}
#fifth-row .HPVideo h2 a span{background:#fff;margin: 0 0 0 -14px;padding: 0 15px 0 14px;}
#fifth-row .HPVideo .videowrapper {position: relative;z-index: 1;left: -2px;}
#fifth-row .HPVideo p a {
  text-align: right;
  text-decoration: none;
  font-family: 'Saira', sans-serif;
  font-weight: 500;
  font-size: 19px;
  text-transform: uppercase;
  color: #3b4484 !important;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 46px;
  padding: 0;
  letter-spacing: 0.07px;
}
#fifth-row .HPVideo p{
  max-width: 270px;
  margin: 0;
  text-align: right;
  position: absolute;
  top: -49px;
  right: 38px;
  width: 100%;
}

#video_player1::after {width: 570px;height: 1px;background: #e7e7e8;position: absolute;left: 40px;bottom: 0px;content: "";}
.video-col .videowrapper::before {width: 1px;height: 320px;background: #e7e7e8;position: absolute;left: 40px;top: 0;content: "";z-index: 1;}
.video-col .videowrapper::after {width: 1px;height: 320px;background: #e7e7e8;position: absolute;right: 40px;top: 0;content: "";}
.video_player:before{width: 570px;height: 1px;background: #e7e7e8;position: absolute;left: 0;top: -1px;content: "";z-index: 1;right: 0;margin: 0 auto;}

@media (max-width: 1147px) {
  #fifth-row .video-col::after {
    width: 100%;
    height: 85%;
	left: 0;
    box-sizing: border-box;
  }
  .album-col::after {
    width: 100%;
    height: 85%;
  }
  #fifth-row .HPVideo .videowrapper {
    left: 0;
  }
  #video_player1::after,.video_player:before,.video-col .videowrapper::after,.video-col .videowrapper::before {
    content: unset;
    display: none;
  }
  #fifth-row-inner {
    gap: 29px;
    justify-content: center;
  }
  .album-col .HPFeaturedAlbums ul {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
    gap: 30px;
  }
}
@media (max-width: 1010px) {
  #fifth-row-inner {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .HPVideo .video_player, .HPVideo .video_player video {
    width: 100% !important;
  }
  #fifth-row .HPVideo p {
    max-width: 572px;
    text-align: center;
    right: 0;
    top: auto;
    left: 0;
    margin: 10px auto 0;
  }
  .album-col .HPFeaturedAlbums ul li {
    margin: 0;
  }
  #fifth-row .HPVideo p a {
    text-align: center;
  }
  
}
@media (max-width: 420px) {
.album-col  .HPFeaturedAlbums ul li img {
  width: 100% !important;
  height: 100% !important;
}
.album-col .HPFeaturedAlbums ul li {
  margin: 0;
  width: 300px !important;
  height: 300px !important;
}
}
/* Homepage Section Table Includes */
#wrapper-index .content table { width: 100%; padding: 0; margin: 0; }

/* Other homepage section extras */
.dark 
{
    background-color: #161c59 !important; 
    color: #fff !important; 
    font-family: 'Saira', sans-serif  !important; 
    font-size: 17px !important;
}
.light 
{ 
    background-color: #fdfafa !important; 
    font-family: 'Saira', sans-serif !important;
     line-height: 25px !important; 
     font-size: 17px !important;
}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {color: #fff !important;}

#wrapper-index .content table { color: #000; }
#wrapper-index .content section table a { color: #033b73; text-decoration: none; font-weight: 700; }
#wrapper-index .content table #l { padding-top: 8px; } /* Put Display None if you want to hide bullet */
#wrapper-index .content table #r { border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 0; }
#wrapper-index .content table #r b a { display: block; margin-top: 5px; text-decoration: none; }

.autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r { border-bottom: 0!important; padding-left: 0!important; padding-bottom: 0!important; padding-top: 2px!important; }
	
#wrapper-index .content table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r { border-left: 0!important; }

#wrapper-index .content table tr:last-child td { border-bottom: 0!important; }


/* Side Image */
img.sub {}
#wrapper img.sub {margin-left: 20px; border:0;}

/* Page navigation */
#pageNav {  border: 0; position: relative; background: #fff;border: 2px solid #e8d8d8; margin-left: 20px;}
#pageNav ul, #pageNav ul li { list-style: none; line-height:24px;}
#pageNav ul { padding: 19px 0 30px !important; margin: 0 auto!important;  height: auto!important; width: 300px; }
#pageNav ul li {padding: 0!important; margin: 0!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b,#pageNav ul li strong{  
  min-height: 20px;
  font-family: 'Teko', sans-serif;
  text-decoration: none;
  padding: 8px 30px;
  margin: 0;
  display: block;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  z-index: 0;
}
#pageNav ul li b,#pageNav ul li strong,#pageNav ul li a:hover,#pageNav ul li a:focus  { background:url('/pics/page-nav-bg1.png')no-repeat center left,url('/pics/page-nav-bg2.png')no-repeat center  right, #d8020c; color: #fff !important; background-size: auto 100%; padding: 8px 20px 8px 40px;}
#pageNav ul li a { text-decoration: none; color: #201b51;}
#pageNav ul li a:hover::after, #pageNav ul li a:focus::after, #pageNav ul li strong::after, #pageNav ul li b::after {
    content: "";
    position: absolute;
    width: 42px;
    height: 40px;
    background: url('/pics/pagenav-after.png')no-repeat center;
        background-size: auto;
  right: -19px;
    bottom: 0;
    margin: auto 0;
    top: 0;
}

#wrapper .content .inside, #wrapper .neutral, #wrapper table {font-size: 17px; color: #2e2e34;font-family: 'Saira', sans-serif;font-weight: 400; line-height:25px !important;}

#wrapper .content .inside a:hover, #wrapper .content .inside a:focus {color: #161c59;text-decoration: none;}
#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt {padding-bottom: 2px;}







/********* Css Extra for Inner ************/

/* change border color to match headline color, set border color to 1.5 or 2px width */
.VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-mrxPge {
    color: #292929 !important;
  }
  h1.VIpgJd-yAWNEb-r4nke.VIpgJd-yAWNEb-mrxPge {
      color: #3e3e3e !important;
  }
  .DatePickerNT div.arrow {
      color: #595959 !important;
  }
  #events-page #events.v1 .event span.location {
      color: #57595a !important;
  }
  #controls3 .button3demboss.search{
      position: relative;
  }
  
  @media (max-width: 1160px) {
      .top_title{
          line-height: 1;
      }
  }
  
  @media (min-width: 1547px){
      #controls3 .button3demboss.search{
          top:-1px;
      }
  }
  @media (max-width: 1546px) and (min-width: 1416px) {
      #controls3 .button3demboss.search{
        top: 0;
      }
  }
  @media (max-width: 1415px) and (min-width: 1060px) {
      #controls3 .button3demboss.search{
        top: 1px;
      }
  }
  @media (max-width: 1059px) {
      #controls3 .button3demboss.search{
        top: 2px;
      }
      #wrapper .content .inside {
        box-sizing: border-box;
      }
  }
  @media (max-width: 1000px) {
      #video-feature-area #big-video #big-video-info #hd-link,
      #video-feature-area #big-video #big-video-info #sd-link{
          font-size: 8pt;
  
      }
  }
  @media (max-width: 991px){
      #staff.staffR1.staff-horizontal .staff-categoryStaffMembers{
          flex-wrap: wrap !important;
      }  
  }
  
  
  
  @media (max-width: 700px){
  
      #wrapper #pageInnerText{
          border-radius: 5px !important;
      }
  }
  /***** AlbumNav *****/
  #albumsWrapper #albumNavToggle:hover,
  #albumsWrapper #albumNavToggle:focus{
      font-weight: unset;
  }
  #albumNavToggle span {
      background-image: url(/pics/dropdown_white.png) !important;
      padding-left: 9px !important;
      padding-right: 2px !important;
      outline: none;
  }
  @media only screen and (max-width: 729px){
      #albumNavToggle {
          background-color: transparent;
          background-position: right top;
          background-repeat: no-repeat;
          color: #333333;
          cursor: pointer;
          display: inline-block;
          font-family: Arial, serif;
          font-size: 10pt;
          height: 26px;
          max-width: 290px;
          padding: 0 17px 0 0;
          position: relative;
          text-align: center;
          text-decoration: none;
          background-image: url(/pics/dropdown_white.png);
          font-weight: normal;
          outline: 0 none;
          padding-right: 28px !important;
          vertical-align: middle;
          z-index: 2 !important;
          outline: none;
      }
  }
  @media only screen and (max-width: 450px){
      #albumsWrapper.narrow #albums {
          width: 90% !important;
      }
  }
  
  /******* Smartphone Banner *******/
  #mobileapp-smart-banner .en-smartAppBanner-content {
      width: 100% !important;
  }
  
  /***** Css For mobile album z-index ****/
  .disable-overflow header{
      z-index: var(--en-z-index-max);
  }
  
  /*********** Header Translate *********/
  
  @media only screen and (max-width: 768px) {
      .translated-rtl header.enh1 nav.en-mobnav-show,
      .translated-ltr header.enh1 nav.en-mobnav-show {
      height: calc(100% - 40px);
      margin-top: 40px;
      }
    .VIpgJd-ZVi9od-ORHb-OEVmcd {
      z-index: var(--en-z-index-max) !important;
    }
  }
  @media only screen and (max-width: 900px) {
      .skiptranslate {
        z-index: var(--en-z-index-max) !important;
      }
  }  
  
  
  /**** Alert box css *****/
  
  body .alert-box{
    max-height: 80% !important;
     transform: translate(-50%, -50%) !important;
      overflow-y: scroll !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    max-width: 600px !important;
    width: auto !important;
  }
  body .alert-box .alert-box-body img{
  width: 100% !important;
  }
  .alert-box a.close{
    color: #353535 !important;
  }
  .alert-box{
    color: #353535 !important;
  }
  html body .alert-box{
    width: calc(100% - 5%) !important;
  }
  @media only screen and (max-device-width: 480px) {
    .alert-box .alert-box-header h1 {
  font-size: 18px;
      line-height: 1.2;
    }
  }
  @media (max-width: 768px) {
    html body .alert-box{
        width: calc(100% - 10%) !important;
    }
    html body .alert-box span
    {
    font-size: clamp(20px, 3.645vw, 25px) !important;
    line-height: 1.2;
    }
  }
  @media only screen and (max-device-width: 480px) {
    html body #alert-holder .alert-box{
        width: calc(100% - 5%) !important;
    }
  }
  
  
  @media only screen and (max-width: 700px) {
      /* #staff.staffR1.staff-horizontal .staff-categoryStaffMember a{
          padding-right: 4em !important;
      } */
      #staff.staffR1 div.staff-header{
          line-height: 1.2 !important
      }
      #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt, #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dd {
          line-height: 1.2em !important;
        }
        body #staff.staffR1 #staff-search input {
          width: calc(100% - 2%)  !important;
        }
        
  }
  @media (max-width: 500px) {
      #wrapper .content .inside #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl {
        width: 78% !important;
      }
      #staff.staffR1.staff-horizontal .staff-categoryStaffMember a{
          padding-right: 5.5em !important;
      }
    }
  
  
  @media (max-width: 768px) {
  
  
    #wrapper img.sub#sub0{
        margin: 0px !important;
    }
  }
  /* @media (max-width: 420px) {
      div.en_unused_images_gallery img.en-unused-image{
          width: clamp(280px, 71.428vw, 300px) !important;
        }
  } */
  
  /* staff page */
  @media (max-width: 1138px) {
  #wrapper .content .inside #staff-search-comp {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
  }
  #wrapper .content .inside #staff {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
  }
  }
  
    /* Inside reponsives */
  
  
  
  @media only screen and (max-width: 699px) {
  
    #contactStaff .waInputText {
      width: 100% !important;
    }
     #STAFF_SINGLE_PAGE_WO_ASIDE #contactStaff table tr td {
      flex-direction: column;
      align-items: center;
    }
    #STAFF_SINGLE_PAGE_WO_ASIDE #contactStaff table {
      text-align: center;
    } 
  }
  @media only screen and (max-width: 1200px) {
    .DB_dialog {
      height: 100% !important;
      align-items: center;
      display: flex;
      justify-content: center;
      width: 100% !important;
    }
    #PV_imageDiv img:nth-child(2) {
      width: unset !important;
      max-height: 90vh;
      max-width: 90vw;
    }
  }
  @media only screen and (max-width: 1100px) {
  div[en-page-rec-id="844189"] ~ div img {
    width: 100%;
    height: 100%;
  }
  }
  @media (max-width: 700px) {
  .en-modal-header {
    align-items: center;
  }
  
  }
  
  /* popup */
  /**** image centre for DB dialog box ****/
  @media only screen and (max-width: 1200px) {
    .DB_mask {
      z-index: 99999999999999 !important;
    }
    .DB_dialog {
      z-index: 999999999999999 !important;
    }
    .DB_dialog {
      position: fixed !important;
      width: auto !important;
      height: auto !important;
      max-height: 90vh;
      padding-left: 0px !important;
      background-color: transparent !important;
      top: 50% !important;
      transform: translate(-50%, -50%);
      left: 50% !important;
    }
    
    .DB_dialog #PV_imageDiv img:first-child {
      padding: 0px 3px 5px 8px !important;
    }
    
    .DB_dialog #PV_imageDiv img:last-child {
      /* width: auto !important; */
      height: auto !important;
      max-height: 90vh;
      max-width: 90vw;
      padding: 5px !important;
    }
    
    .DB_dialog #PV_imageDiv img:nth-child(2) {
      /* width: auto !important; */
      height: auto !important;
      max-height: 80vh;
      max-width: 90vw;
      padding: 5px !important;
    }
    }
    @media screen and (max-width: 1200px) {
      .DB_dialog {
        position: fixed !important;
        width: auto !important;
        height: auto !important;
        max-height: 90vh;
        padding-left: 0px !important;
        background-color: transparent !important;
      }
      .DB_dialog #PV_imageDiv img:last-child {
        width: auto !important;
        height: auto !important;
        max-height: 80vh;
        max-width: 90vw;
        padding: 5px !important;
        /* width: 100% !important; */
      }
    }
  


/************ Inner page Css **************/
.top_title {
	padding-top: 2px !important;
}



#wrapper-index .content table tr:first-child td,
.autoCalendarLinks,
#showAll-0,
#showAll-hplinks #r,
#showAll-0 #r {
	border-left: 0 !important;
}

#wrapper-index .content table tr:last-child td {
	border-bottom: 0 !important;
}
@media only screen and (max-width: 1160px){
    #wrapper .content .inside {
        padding: 15px 15px 0px;
        width: auto;
      }
      
}
@media only screen and (max-width: 1072px){
  #wrapper .content {
    padding-bottom: 687px;
  }
}
@media only screen and (max-width: 900px){
    #wrapper .content .inside {
        padding: 15px 15px 0px;
      }
    
}
@media only screen and (max-width: 768px) {
    #wrapper .content .inside {
      padding: 15px 15px 0px;
    }
   
  }
  @media only screen and (max-width: 500px) {
  #wrapper .content {
    padding-bottom: 710px;
  }
  }
/* Side Image */
img.sub {
	border: 0;
}

#wrapper img.sub {
	margin-left: 20px;
}
    /* LInk page */
  .en-inner-pages-links-module > div.en-inner-pages-links-module-link {
    padding: 8px 4px 0px 8px !important;
    padding: 8px 4px 8px 8px !important;
  }
  
  .en-inner-pages-links-module-linkUrl a {
    font-weight: normal !important;
    text-decoration: underline !important;
  }
  .en-inner-pages-links-module-linkDesc {
    margin-top: 0px !important;
  }
  /* conatct input */
  #index-page #edunet_webform input.text {
    height: 15px;
  }
  #index-page .bootstrap input[type="text"] {
    height: 15px !important;
  }
  
  form[name="linkSectionForm"] #selectedCategory {
    background: #e9e9ed !important;
    color: #000 !important;
    border: 1px solid #8f8f9d !important;
    width: 68px;
    padding: 2.5px 5px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
  }
  #selectedCategory ~ input {
    background: #e9e9ed !important;
    color: #000 !important;
    border: 1px solid #8f8f9d !important;
    width: 110px;
    padding: 2px 1px 2px 2px !important;
    font-size: 13px !important;
    letter-spacing: 0.2px !important;
    border-radius: 5px !important;
  }
  #more-videos-list li a.playing {
    font-weight: 600;
    background-color: #d0d0d0 !important;
    border-top: 1px solid #777 !important;
    border-bottom: 1px solid #777 !important;
  }
  @media (max-width: 1000px) {
  div[en-page-rec-id="726887"] img {
    width: 100%;
  }
}
  @media (max-width: 900px) {
    div[en-page-rec-id="726894"] ~ div ul[role="menu"].fbList ,div[en-page-rec-id="726887"] ~ div ul[role="menu"].fbList{
    word-wrap: anywhere;
  }
}
  @media (max-width: 600px) {
    
  .bell-schedule {
    box-sizing: border-box;
  }
  div[en-content-block-id="215567"] blockquote {
    margin: 0 !important;
  }
}
  @media (max-width: 480px) {
    .en-bell-schedules-data-header div {
      height: auto !important;
    }
  }


  @media (max-width: 683px) {
    .classes-signup-page tbody tr {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
    .classes-signup-page #signInHeaderRow td {
      width: 97%;
    }
    .classes-signup-page tbody tr #usernameRow td,.classes-signup-page tbody tr #passwordRow td {
      padding: 0;
      width: auto;
    }
    .classes-signup-page tbody tr #usernameRow td:last-child, .classes-signup-page tbody tr #passwordRow td:last-child  {
      width: 90%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .classes-signup-page tbody tr #usernameRow td:last-child input,  .classes-signup-page tbody tr #passwordRow td:last-child input {
      width: 100% !important;
    }
    
  }
  /* .classes-signup-page #signInHeaderRow .dark.darkBorderBottom {
    padding-bottom: 6px;
  }
  .classes-signup-page #usernameRow .waInputText {
    padding: 2px 2px 1px !important;
  }
  .classes-signup-page #passwordRow .waInputPassword {
    padding: 1px 2px 2px !important;
  }
  .classes-signup-page input[type="button"],.classes-signup-page input[type="submit"] {
    background-color: #e9e9ed;
    padding: 2px 5px;
    width: auto;
  } */


@media (max-width: 480px) {
.width300 {
  width: 285px;
}

}

@media (max-width: 951px) {
.en_unused_documents_list a {
  word-wrap: anywhere;
}
}
@media (max-width: 700px) {
div[en-page-rec-id="552098"] ~ table {
  border-spacing: 0;
}

div[en-page-rec-id="552098"] ~ table a {
  color: black;
}

div[en-page-rec-id="552098"] ~ table tr > .en-responsive-table-td {
  padding: 0;
}

div[en-page-rec-id="552098"] ~ table tr > .en-responsive-table-td:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.en-responsive-table-header,
table thead th {
  background: #f2f2f2;
}

div[en-page-rec-id="552098"] ~ table td,div[en-page-rec-id="552098"] ~ table th {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 5px;
  box-sizing: border-box;
}
div[en-page-rec-id="611517"] table tr, div[en-page-rec-id="611517"] table tr td {
  height: 100% !important;
}
div[en-page-rec-id="611517"] > div > table {
  margin: 0 auto;
}
div[en-page-rec-id="611517"] table > tbody > tr > td {
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  margin: 0 auto !important;
  padding: 0 !important;
}
div[en-page-rec-id="611517"] table > tbody > tr > td > google-sheets-html-origin {
  width: 184px;
}
div[en-page-rec-id="611517"] table > tbody > tr > td > google-sheets-html-origin > table > tbody tr {
  display: flex;
}
div[en-page-rec-id="611517"] table > tbody > tr > td > google-sheets-html-origin table {
  width: auto !important;
}
div[en-page-rec-id="611517"] table > tbody > tr > td > p span {
  font-size: 14px !important;
}
}
@media only screen and (min-width: 700px) and (max-width: 700px) {
  [en-responsive-table-breakpoint="700"].en-responsive-table, [en-responsive-table-breakpoint="700"].en-responsive-table table {
    border-collapse: inherit !important;
  }
  
  }


  #hp-events .dayInfoWrap {
    background: none;
    width: 75px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 2px 0 0 -0.5px !important;
    position: absolute;
    font-size: 17px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
  }
  #hp-events .month {
    position: relative;
    letter-spacing: 0.75px;
    margin: -1px 0 0;
    font-family: 'Teko', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    counter-increment: 20px;
    text-align: left;
    line-height: 1.231;
    display: inline-block !important;
  }
  #hp-events .day {
    font-family: 'Teko', sans-serif;
    font-size: 50px;
    color: #000;
    font-weight: 300;
    font-size: 50px;
    text-align: left;
    margin: 0px 0 0 6px;
    letter-spacing: 0.75px;
    line-height: 1.231;
    display: inline-block !important;
  }
  #hp-events ul {
    padding-left: 90px !important;
    position: relative;
    margin-bottom: 24px !important;
    top: 0;
  }
  #hp-events ul li {
    list-style: none;
    list-style: none outside none;
  }
  #hp-events ul li.event div {
    margin-bottom: 3px;
    text-transform: uppercase;
    font-family: 'Saira', sans-serif;
    font-size: 17px;
    color: #171717;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    margin-bottom: 4px;
  }
  #hp-events ul li.event .title a {
    font-family: 'Saira', serif;
    font-size: 19px;
    color: #090909 !important;
    font-weight: 500;
    text-decoration: none;
    transition: all .5s ease;
    letter-spacing: 0;
  }
  #NON_STAFF_MULTI_PAGE_W_ASIDE #mccal {
    width: 100% !important;
  }
  #hp-events .location span, #hp-events .time span:first-child {
    display: none;
  }
  #hp-events .hpeventlinks div a {
    transition: all .5s ease;
    padding: 0;
    font-family: 'Saira', sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #202020 !important;
    text-decoration: none;
    display: inline-block !important;
    position: relative;
    margin-left: 0;
    letter-spacing: 1.25px;
  }
  #hp-events .hpeventlinks div a:hover, #hp-events .hpeventlinks div a:focus {
    text-decoration: underline !important;
  }
  @media (max-width: 740px) {
  div[en-page-rec-id="611407"] ~ div #marquee3135 {
    width: 350px !important;
  }
  div[en-page-rec-id="611407"] ~ div #marquee3135 canvas {
    width: 350px !important;
  }
}
  @media (max-width: 700px) {
  #NON_STAFF_MULTI_PAGE_W_ASIDE #hp-events {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 21px 0;
  }
  div[en-page-rec-id="611407"] ~ div {
    margin: 0 !important;
  }
#events-page #events.v1 .event .time {
  max-width: 90px;
  box-sizing: border-box;
}
}
@media (max-width: 446px) {

  div[en-page-rec-id="611407"] ~ div #marquee3135 {
    width: 100% !important;
  }
  div[en-page-rec-id="611407"] ~ div #marquee3135 canvas {
    width: 100% !important;
  }
}
div[en-page-rec-id="611407"] ~ div {
  width: 100% !important;
  margin-left: 0 !important;
}
#pageContentWrapper .contactStaffMember #contactStaff button {
background: #08104f !important;
  color: #fff !important;
}
#pageContentWrapper .contactStaffMember #contactStaff button:hover, #pageContentWrapper .contactStaffMember #contactStaff button:focus {
  background: #9b0008 !important;
}





