/* imports and fonts imports */

@import url("/apps/js/polls/polls-pack.css");
@import url("footer.css");
@import url("events.css");
@import url("news.css");

/* General */

* {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  height: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.231;
  width: 100%;
  /*min-width: 1230px;*/
  background: #221e20;
  font-size: 1.3rem;
}

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

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

@font-face {
  font-family: "Urbanist-Medium";
  src: url("/_MASTER/common_files/fonts/Urbanist-Medium.eot");
  src: url("/_MASTER/common_files/fonts/Urbanist-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("/_MASTER/common_files/fonts/Urbanist-Medium.svg#epica-sanspro")
      format("svg"),
    url("/_MASTER/common_files/fonts/Urbanist-Medium.ttf") format("truetype"),
    url("/_MASTER/common_files/fonts/Urbanist-Medium.woff") format("woff"),
    url("/_MASTER/common_files/fonts/Urbanist-Medium.woff2") format("woff2"),
    url("/_MASTER/common_files/fonts/Urbanist-Medium.otf") format("otf");
}

@font-face {
  font-family: "Urbanist-ExtraBold";
  src: url("/_MASTER/common_files/fonts/Urbanist-ExtraBold.eot");
  src: url("/_MASTER/common_files/fonts/Urbanist-ExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("/_MASTER/common_files/fonts/Urbanist-ExtraBold.svg#epica-sanspro")
      format("svg"),
    url("/_MASTER/common_files/fonts/Urbanist-ExtraBold.ttf") format("truetype"),
    url("/_MASTER/common_files/fonts/Urbanist-ExtraBold.woff") format("woff"),
    url("/_MASTER/common_files/fonts/Urbanist-ExtraBold.woff2") format("woff2"),
    url("/_MASTER/common_files/fonts/Urbanist-ExtraBold.otf") format("otf");
}

@font-face {
  font-family: "Urbanist-SemiBold";
  src: url("/_MASTER/common_files/fonts/Urbanist-SemiBold.eot");
  src: url("/_MASTER/common_files/fonts/Urbanist-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("/_MASTER/common_files/fonts/Urbanist-SemiBold.svg#epica-sanspro")
      format("svg"),
    url("/_MASTER/common_files/fonts/Urbanist-SemiBold.ttf") format("truetype"),
    url("/_MASTER/common_files/fonts/Urbanist-SemiBold.woff") format("woff"),
    url("/_MASTER/common_files/fonts/Urbanist-SemiBold.woff2") format("woff2"),
    url("/_MASTER/common_files/fonts/Urbanist-SemiBold.otf") format("otf");
}

@font-face {
  font-family: "Urbanist-Bold";
  src: url("/_MASTER/common_files/fonts/Urbanist-Bold.eot");
  src: url("/_MASTER/common_files/fonts/Urbanist-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("/_MASTER/common_files/fonts/Urbanist-Bold.svg#epica-sanspro")
      format("svg"),
    url("/_MASTER/common_files/fonts/Urbanist-Bold.ttf") format("truetype"),
    url("/_MASTER/common_files/fonts/Urbanist-Bold.woff") format("woff"),
    url("/_MASTER/common_files/fonts/Urbanist-Bold.woff2") format("woff2"),
    url("/_MASTER/common_files/fonts/Urbanist-Bold.otf") format("otf");
}

/* removed to not overwrite IBM google font from navigation.css */

/*
#nav_items_0 li:hover ul li a,
#nav_items_0 li.over ul li a,
*/

body,
#address {
  font-family: "Arial", Helvetica, sans-serif;
}

#menu-bg {
  height: 50px;
  display: flex;
}

/* removed to not overwrite IBM google font from navigation.css */

/*
#nav_items_0 li a,
*/

#pageNav,
#pageNav ul li a,
#quicklinks a,
#motto {
  font-family: "Arial", Helvetica, sans-serif;
}

#pageContentWrapper h1,
#pageContentWrapper h2,
#pageContentWrapper h3,
#pageContentWrapper h4,
#pageContentWrapper h5,
#pageContentWrapper h6 {
  margin: 0 0 15px 0;
  font-family: "Urbanist-Medium";
  font-weight: 500;
  color: #050708;
  text-transform: ;
}

/* Site Styles */

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

#wrapper {
  background-color: #fff;
}

.inside {
  /*box-sizing fix*/
  /*width: 100%;*/
  margin: 0 auto;
}

#wrapper .content {
  position: relative;
  /*padding: 0 0 974px;*/
  padding-left: 15px;
  padding-right: 15px;
}

#wrapper .content:before {
  background: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  /*height: 140px;*/
  content: "";
}

#wrapper .content .inside {
  width: 100%;
  max-width: 1100px;
  padding: 20px 0;
  line-height: 20px;
  line-height: 2rem;
  /*z-index: 2;*/
}

.content {
  /*box-sizing fix*/
  /*width: 100%;*/
  text-align: left;
  position: relative;
}

.content .inside {
  position: relative;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  padding-bottom: ;
}

.pageTitle {
  width: auto;
  display: block;
  height: auto;
  padding: 0;
  margin: 22.5px 0 15px -25px;
  font-size: 34px;
  color: #050708;
  position: relative;
  font-size: 3.4rem;
  line-height: 44px;
  line-height: 4.4rem;
  font-family: "Urbanist-Medium";
  font-weight: 500;
  background: #fff;
  padding: 0 25px 25px;
  letter-spacing: 0;
  text-transform: uppercase;
}

#wrapper .content .inside,
#wrapper .neutral,
#wrapper table {
  font-weight: 400;
  font-size: 17px;
  color: #050708;
  font-family: "Inter", sans-serif;
  line-height: 24px;
  font-size: 1.7rem;
  line-height: 2.4rem;
  /* padding: 3%; */
}

#wrapper .content .inside a:hover,
#wrapper .content .inside a:focus {
  color: #99071b;
}

#events-page #events.v1 .dayInfoWrap {
  width: 40px !important;
}

/* school hom link */

.school_home {
  position: relative;
  z-index: 9;
/*float: left;
  font-family: "Urbanist-SemiBold";
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 1.5rem;
  color: #131516;
  text-decoration: none;
 
  padding: 9px 19px 7.3px 19px;
  letter-spacing: 0.33px;
transition: 0.5s all;*/
    background: url(/_MASTER/common_pics/SecondMile_PrimaryLogotype_Horizontal_1.png) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 26px;
    display: block;
    margin-top: 3px;
  max-width: 210px;
}

/*a.school_home {
  float: left;
  font-family: "Urbanist-SemiBold";
  font-weight: 600;
  text-transform: uppercase;
  color: #131516;
  text-decoration: none;
  background: #e7eaea;
  letter-spacing: 0.33px;
  position: relative;
  z-index: 9;
  transition: 0.5s all;
} */

@media (max-width: 576px) {
  .school_home {
    font-size: 1.3rem;
    padding: 9px 19px 7.3px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .school_home {
    font-size: 1.4rem;
    padding: 9px 19px 7.3px;
  }
}

@media (min-width: 768px) {
  .school_home {
    font-size: 1.5rem;
    padding: 9px 19px 7.3px;
  }
}

.school_home:hover,
.school_home:focus {
  color: #fff;
}

.school_home::before {
  content: "";
  position: absolute;
  background: #CCCCCC;
  width: 50px;
  height: 99%;
  right: 0;
  top: 0;
  z-index: -1;
  transition: 0.7s all ease-in-out;
  opacity: 0;
}

.school_home:hover::before,
.school_home:focus::before {
  opacity: 0.66;
    width: 100%;
}

/* Top */

.top {
  position: relative;
  top: 0;
  width: 100%;
  background: #fff;
}

.top .inner {
  position: relative;
  /*box-sizing fix*/
  /*width: 100%;*/
  max-width: 1100px;
  margin: 0 auto;
  min-height: 35px;
  height: auto !important;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

@media (max-width: 700px) {
  .top .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }
  .top .inner .school_home {
    order: 1;
  }
  .top .inner .tabs {
    order: 2;
  }
  .top .inner .marquee-new {
    /* width: max(450px, 100%); */
    order: 3;
    flex-grow: 2;
    flex-shrink: 2;
    margin: 0 auto;
  }
}

@media (min-width: 500) and (max-width: 700px) {
  .top .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 500px) {
  .top .inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Marquee */

.marquee-new {
  max-width: 590px;
  width: 100%;
  float: left;
  position: relative;
  height: 23px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #191c2f;
  letter-spacing: 0px;
  font-weight: 400;
  line-height: 19px;
  line-height: 1.9rem;
  z-index: 10000;
  margin: 8px 0 0 30px;
}

.marquee-new .fade {
  position: absolute;
  z-index: 10;
}

.marquee-new .fade.leftFade {
  left: 0px;
}

.marquee-new .fade.rightFade {
  right: 0;
}

.marquee-new .marqueeMessage {
  text-align: center;
  font-family: "Inter", sans-serif;
  color: #fff !important;
  padding: 4px 8px 8px;
}

.marquee-new .toolTipWrapper .toolTipArrow {
  border-color: transparent transparent #0a8036 transparent;
}

.marquee-new .toolTipWrapper .marqueeStaticView {
  background: #0a8036 !important;
  box-shadow: none;
  padding: 0 0 9px;
}

.marquee-new .marqueeStaticView .marqueeButtons button {
  background: #fff;
  color: #221e1f !important;
  border-radius: 3px;
  border: 0;
  padding: 3px 10px;
  font-size: 18px;
  font-size: 1.8rem;
  cursor: pointer;
  font-family: "Inter", sans-serif;
}

.marquee-new .marqueeStaticView .marqueeButtons button[aria-pressed="true"],
.marquee-new .marqueeStaticView .marqueeButtons button:hover,
.marquee-new .marqueeStaticView .marqueeButtons button:focus {
  background: #001f60;
  color: #fff !important;
}

@media (max-width: 1100px) {
  .fade.leftFade,
  .fade.rightFade {
    display: none;
  }
}

@media (max-width: 1100px) {
  .tabs {
    padding: 0 10px;
  }
}

.tabs {
  width: auto;
  float: right;
  position: relative;
  z-index: 10000;
  display: flex;
  flex-wrap: nowrap;
}

/* Our Schools */

.schools-list {
  position: relative;
  float: left;
  display: block;
  z-index: 10000;
  margin: 7px 20px 0 20px;
}

.schools-list h2 {
  font-size: 15px;
  color: #131516;
  font-family: "Urbanist-SemiBold";
  font-weight: 600;
  cursor: pointer;
  padding: 0 20px 0 0;
  background: url("/pics/dropdown_icon.png") no-repeat right top 5px;
  margin: 2px 0 7px;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.schools-list .dropdown-menu {
  padding: 10px 0;
  margin: 0 0 0 -1px;
  background: #504f4f;
  position: absolute;
  left: -19px;
  top: auto;
  display: none;
  width: 245px;
}

.schools-list .dropdown-menu li {
  list-style-type: none;
}

.schools-list .dropdown-menu li a {
  position: relative;
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 21px;
  line-height: 2.1rem;
  padding: 10px 15px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  font-size: 1.6rem;
}

.schools-list:hover .dropdown-menu,
.schools-list:focus .dropdown-menu {
  display: block;
}

.schools-list .dropdown-menu li a:hover,
.schools-list .dropdown-menu li a:focus {
  background: #e7eaea;
  color: #221e1f;
}

/* Translate */

#googleTranslate {
  opacity: 0;
  filter: alpha(opacity=0);
  width: 90px !important;
  height: 18px;
  top: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
  border: 0;
}

/* #translate-button.button {float: left;position: relative;color: #000 !important;background: url('/_MASTER/common_pics/translate.png') no-repeat center;width: 17px;height: 18px;margin: 7px 19px 0 0;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;} */

.tabs a.en-hp-translate-button.button {
  float: left;
  position: relative !important;
  color: #000 !important;
  background: url("/_MASTER/common_pics/translate.png") no-repeat left center;
  /*box-sizing fix*/
  box-sizing: border-box;
  width: 90px;
  height: 18px;
  margin: 7px 23px 0 0; /*_*/
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  font-family: "Inter", sans-serif !important;
  font-size: 15px;
  font-size: 1.5rem !important;
  line-height: 2rem;
  line-height: 20px;
  padding-left: 24px !important;
  text-transform: none !important;
}

@media (max-width: 768px) {
  .en-hp-translate-button.button,
  #googleTranslate {
    font-size: 14px !important;
  }
}

.en-hp-translate-button.focused,
#googleTranslate {
  outline: 2px solid #005fcc !important;
}

/*
#googleTranslate {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 17px !important;
    height: 18px;
    top: 0;
    left: 0;
    position: absolute;
    cursor: pointer;
    border: 0;
}
*/

/*
#translate-button.button {
    float: left;
    position: relative;
    color: #000 !important;
    background: url('/_MASTER/common_pics/translate.png') no-repeat center;
    width: 17px;
    height: 18px;
    margin: 7px 19px 0 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

#translate-button.button.focused {
    outline: 2px solid #005fcc;
}
*/

/* Search */

#search {
  width: 100%;
}

#search-button {
  float: left;
  position: relative;
  background: none;
  padding: 0;
  top: 0;
  margin: 8px 0 0 0;
  overflow: visible;
}

#search-field {
  width: min(388px, 100%);
  border: 1px solid #c0c1c3;
  height: 25px;
  font-size: 16px;
  padding: 5px 7px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  min-height: 25px;
}

#search-img {
  float: right;
  margin: 10px 21px 10px 10px;
}

#search-button .icon {
  background: url("/_MASTER/common_pics/search_button.png") no-repeat center;
  width: 15px;
  height: 16px;
  display: block;
  margin: 0;
}

/* Popup */

.popup-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  outline: 0;
  z-index: 99999;
}

.popup-backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
  position: relative;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
  z-index: 20;
  max-width: 500px;
  margin: 300px auto;
}

@media (max-width: 600px) {
  .popup-content {
    margin: 300px 10px;
  }
}

.popup-body {
  position: relative;
  padding: 20px;
  font-family: "Montserrat", sans-serif;
  display: flex;
  align-items: centerg;
}

.popup-body form {
  display: flex;
  align-items: center;
}

#popup-close {
  position: absolute;
  right: -10px;
  background: #001f60;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  width: 20px;
  border-radius: 50%;
  overflow: hidden;
  top: -10px;
  min-height: 20px;
  text-align: center;
  line-height: 19px;
  line-height: 1.9rem;
  border: 2px solid #bdbdbd;
  font-size: 11px;
  font-size: 1.1rem;
}

.button {
  letter-spacing: 0 !important;
  padding: 0 !important;
  top: 0 !important;
}

.button:hover,
.button:focus {
  background-color: transparent !important;
}

/* Header */

.header {
  position: relative;
  top: 0;
  z-index: 9;
  width: 100%;
  background: #221e1f;
}

.header .inside {
  position: relative;
  /*height: 135px;
    min-height: 135px;*/
  height: auto !important;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.header .inside {
  display: flex;
  justify-content: space-between;
}

.header .inside .header-left {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .header .inside .header_social {
    display: flex;
    align-items: center;
    margin-top: 11px; /*_*/
    margin-bottom: 10px;
  }
  .header .logo {
    margin-right: 30px;
  }
}

@media (max-width: 500px) {
  .header .logo {
    margin-right: 10px;
  }
}

.header .logo {
  background: url("/pics/header_logo.png") no-repeat;
  background-size: contain;
  float: left;
  position: relative;
  color: #fff;
}

.header-name {
  position: relative;
  background: url("/pics/header_name.png") no-repeat;
  background-size: contain;
  float: left;
  color: #fff;
}

@media (max-width: 380px) {
  header.header .inside {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header .logo {
    width: calc(var(--header-logo-width) * 0.4);
    height: calc(var(--header-logo-height) * 0.4);
  }
  .header-name {
    width: calc(var(--header-name-width) * 0.4);
    height: calc(var(--header-name-height) * 0.4);
  }
  .header .logo {
    margin-right: 10px;
  }
}

@media (min-width: 380px) and (max-width: 576px) {
  header.header .inside {
    padding-left: 10px;
    padding-right: 10px;
  }
  .header .logo {
    width: calc(var(--header-logo-width) * 0.5);
    height: calc(var(--header-logo-height) * 0.5);
  }
  .header-name {
    width: calc(var(--header-name-width) * 0.5);
    height: calc(var(--header-name-height) * 0.5);
  }
  .header .logo {
    margin-right: 10px;
  }
}

@media (min-width: 576px) and (max-width: 1100px) {
  header.header .inside {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header .logo {
    width: calc(var(--header-logo-width) * 0.75);
    height: calc(var(--header-logo-height) * 0.75);
  }
  .header-name {
    width: calc(var(--header-name-width) * 0.75);
    height: calc(var(--header-name-height) * 0.75);
  }
  .header .logo {
    margin-right: 20px;
  }
}

@media (min-width: 1100px) {
  /* header.header .inside {
    padding-left: 20px;
    padding-right: 20px;
  } */
  .header .logo {
    width: var(--header-logo-width);
    height: var(--header-logo-height);
  }
  .header-name {
    width: var(--header-name-width);
    height: var(--header-name-height);
    margin-top: 1px;
  }
  .header .logo {
    margin-right: 35px; /*_*/
  }
}

/* header social */

.header_social {
  float: right;
}

@media (max-width: 768px) {
  .header_social {
    display: none;
  }
}

.header_social_inner {
  position: relative;
  width: 100%;
  float: left;
  z-index: 11;
  left: 0px;
  top: 0;
}

.header_social_inner ul {
  padding: 0;
  margin: 0;
  float: right;
  right: 50%;
  position: relative;
}

.header_social_inner ul li {
  float: left;
  left: 50%;
  margin: 0 5px 0 0;
  padding: 0;
  list-style: none;
  min-height: 44px;
  width: 44px;
  position: relative;
  z-index: 5;
  display: flex;
  align-content: center;
}
.header_social_inner ul li:last-of-type {
  margin-right: 0; /*_*/
}

.header_social_inner ul li a {
  width: 44px;
  height: 44px;
  background-color: #fff !important;
  border-radius: 50px;
  transition: 0.5s all;
}

.header_social #facebook {
  background: url(/_MASTER/common_pics/fb_icon.png) no-repeat center;
}

.header_social #tweet {
  background: url(/_MASTER/common_pics/tweet_icon.png) no-repeat center;
}

.header_social #insta {
  background: url(/_MASTER/common_pics/insta_icon.png) no-repeat center;
}

.header_social_inner ul li a:hover,
.header_social_inner ul li a:focus {
  transform: translateY(-3px);
}

.header_social_inner ul li a:hover::before {
  opacity: 1;
  bottom: 0;
}

.header_social.design-version-1 .header_social_inner ul li a::before {
  background: #d2c614;
}

.header_social.design-version-2 .header_social_inner ul li a::before {
  background: #b00019;
}

.header_social.design-version-3 .header_social_inner ul li a::before {
  background: #af8160;
}

.header_social_inner ul li a::before {
  content: "";
  position: absolute;
  width: 44px;
  height: 8px;
  bottom: -8px;
  left: 0;
  transition: 0.5s all;
  opacity: 0;
}

/* sidelinks */

@media (max-width: 768px) {
  .sidelinks {
    display: flex;
    z-index: 999;
    background-color: #e7eaea;
    padding: 20px 0;
  }
  .sidelinks ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    z-index: 1000;
  }
  .sidelinks a {
    width: 100%;
  }
}

@media (max-width: 430px) {
  .sidelinks li {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 430px) and (max-width: 768px) {
  .sidelinks li {
    width: 200px;
    margin-left: 10px;
  }
}

@media (min-width: 768px) {
  .sidelinks {
    position: fixed;
    right: 0px;
    top: 373px;
    z-index: 999;
    width: 160px;
    padding: 0;
  }
  .sidelinks a {
    width: 150px;
  }
  .sidelinks li {
    width: 150px;
  }
}

.sidelinks h2 {
  width: 0;
  height: 0;
}

.sidelinks ul {
  padding: 0;
  margin: 0;
}

.sidelinks li {
  list-style-type: none;
  display: flex;
  position: relative;
  float: right;
  min-height: 65px;
  right: 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.sidelinks a {
  font-family: "Urbanist-SemiBold";
  text-decoration: none;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  display: flex;
  color: #131516;
  font-weight: 600;
  box-sizing: border-box;
  align-items: center;
  padding: 12px 15px;
  line-height: 20px;
  line-height: 2rem;
  right: 0;
  text-transform: uppercase;
  background: #fff;
  margin: 0 0 5px 0;
  align-content: center;
  align-self: center;
  min-height: 65px;
}

.sidelinks a::before {
  content: "";
  position: absolute;
  height: 49px;
  width: 4px;
  left: 0;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s ease 0s;
}

.sidelinks.design-version-1 a::before {
  background: rgb(70, 199, 235);
}

.sidelinks.design-version-2 a::before {
  background: #00ae42;
}

.sidelinks.design-version-3 a::before {
  background: #af8160;
}

.sidelinks a:hover::before,
.sidelinks a:hover:focus {
  opacity: 1;
  background: #07225c;
  left: auto;
  right: 0;
}

.sidelinks.design-version-1 a:hover,
.sidelinks a:focus {
  color: white !important;
  background: #221e20 !important;
}

.sidelinks.design-version-2 a:hover,
.sidelinks a:focus {
  color: #131516 !important;
  background: #00ae42 !important;
}

.sidelinks.design-version-3 a:hover,
.sidelinks a:focus {
  color: #131516 !important;
  background: #a0a0a0 !important;
}

.sidelinks li:hover,
.sidelinks li:focus {
  margin: 0 10px 0 0;
}

/*#enroll_link {
    background: #4ab1cd !important;
}*/

#enroll_link::before {
  background: #221e1f !important;
}

#enroll_link:hover::before,
#enroll_link:focus::before {
  left: auto !important;
  background: #07225c !important;
}

#enroll_link:hover,
#enroll_link:focus {
  color: #fff !important;
}

.enroll_link.design-version-1 {
  background: #e25725;
}

.enroll_link.design-version-1::before {
  background: rgb(34, 30, 31) !important;
}

.enroll_link.design-version-1:hover::before,
.enroll_link.design-version-1:focus::before {
  left: auto !important;
  background: #e25725;
}

.enroll_link.design-version-1:hover,
.enroll_link.design-version-1:focus {
  color: rgb(255, 255, 255) !important;
}

.enroll_link.design-version-3 {
  background: #0b0a0a !important;
  color: #fff !important;
}

.enroll_link.design-version-3::before {
  background: #a0a0a0 !important;
}

.enroll_link.design-version-3:hover::before,
.enroll_link.design-version-3:focus::before {
  background: #080706 !important;
}

.enroll_link.design-version-3:hover,
.enroll_link.design-version-3:focus {
  color: #131516 !important;
}

/*@media only screen and () and (max-width: 1350px) {
    .sidelinks {
        position: absolute;
        top: 154px;
    }
}*/

/* Index properties */

#index-wrapper {
}

/*Video Banner*/

#index-top {
  top: 0;
  width: 100%;
  background: #000;
  height: 200px;
  height: auto !important;
  min-height: 200px;
  position: relative;
}

.video {
  width: 100% !important;
  height: auto;
  max-height: 850px;
  overflow: hidden !important;
  position: relative;
  background-color: #000;
}

.video-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  max-height: 850px;
  min-height: 600px;
  width: 100%;
  z-index: 1;
  opacity: 0.1;
}

#index-top video {
  object-fit: cover !important;
}

.video-controls {
  position: absolute;
  z-index: 990;
  bottom: 20px;
  right: 20px;
}

.video-controls .video-control-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 12px 12px 10px;
  font-size: 23px;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  margin-left: 6px;
  border: 0;
  font-size: 2.3rem;
}

.video-controls.design-version-1 .video-control-button {
  color: rgb(34, 30, 31);
  background-color: rgb(226, 88, 37);
}

.video-controls.design-version-2 .video-control-button {
  color: #fff;
  background-color: #001f60;
}

.video-controls.design-version-3 .video-control-button {
  color: #000;
  background-color: #976f52;
}

.video-controls.design-version-1 .video-control-button:hover,
.video-controls.design-version-1 .video-control-button:active,
.video-controls.design-version-1 .video-control-button:focus {
  background-color: #fff;
  color: #a84b24;
}

.video-controls.design-version-2 .video-control-button:hover,
.video-controls.design-version-2 .video-control-button:active,
.video-controls.design-version-2 .video-control-button:focus {
  background-color: #00ae42;
  color: #181616 !important;
}

.video-controls.design-version-3 .video-control-button:hover,
.video-controls.design-version-3 .video-control-button:active,
.video-controls.design-version-3 .video-control-button:focus {
  background-color: #050403;
  color: #fff !important;
}

#index-top::after {
  content: "";
  position: absolute;
  background: url(/pics/index_gradient.png) repeat-x;
  width: 100%;
  height: 250px;
  bottom: 0;
  left: 0;
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .video .video-js .vjs-tech {
    width: auto !important;
    height: auto !important;
    min-width: 100% !important;
  }
}

/* Toggle Buttons */

.video-controls
  button[aria-pressed="true"].play-toggle-button
  .fa-pause-circle {
  display: block;
}

.video-controls button[aria-pressed="true"].play-toggle-button .fa-play {
  display: none;
}

.video-controls
  button[aria-pressed="false"].play-toggle-button
  .fa-pause-circle {
  display: none;
}

.video-controls button[aria-pressed="false"].play-toggle-button .fa-play {
  display: block;
}

/* Rows WRapper */

#rows-wrapper,
.rows {
  position: relative;
  /*box-sizing fix*/
  /*width: 100%;*/
  background: #fff;
}

.rows-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
  /*box-sizing fix*/
  /*width: 100%;*/
}

/* First Row */

#first-row {
  background-image: url(/pics/enroll_bg2.png);
  background-color: #e7eaea;
  background-repeat: no-repeat;
}

/* Center BG*/

#first-row.center-bg {
  background-position-x: center;
  background-position-y: center;
}

@media (max-width: 1300px) {
  #first-row.center-bg {
    background-size: contain;
  }
}

/* Right BG*/

#first-row.right-bg {
  background-position-x: right;
  background-position-y: center;
}

@media (min-width: 1300px) {
  #first-row.right-bg {
    background-position-x: right 20%;
  }
}

@media (min-width: 768px) and (max-width: 1300px) {
  #first-row.right-bg {
    background-position-x: right 10%;
    background-size: contain;
  }
}

@media (max-width: 768px) {
  #first-row.right-bg {
    background-position-x: right;
    background-size: contain;
  }
}

/* Left BG*/

#first-row.left-bg {
  background-position-x: left;
  background-position-y: center;
}

@media (min-width: 1300px) {
  #first-row.left-bg {
    background-position-x: left 20%;
    background-position-y: center;
  }
}

@media (min-width: 768px) and (max-width: 1300px) {
  #first-row.left-bg {
    background-position-x: left 10%;
    background-size: contain;
  }
}

@media (max-width: 768px) {
  #first-row.left-bg {
    background-position-x: left;
    background-size: contain;
  }
}

#first-row-inner {
  padding: 39.5px 0 80px;
}

#first-row-inner h2 {
  font-family: "IBM Plex Serif", serif;
  color: #050708;
  font-weight: 300;
  text-align: center;
  margin: 0 0 21px 0;
}

@media (min-width: 1100px) {
  #first-row-inner h2 {
    font-size: 6.4rem;
    line-height: 7.4rem;
  }
  #first-row-inner p {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  #first-row-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  #first-row-inner h2 {
    font-size: 4.2rem;
    line-height: 5rem;
  }
  #first-row-inner p {
    font-size: 1.9rem;
    line-height: 2.5rem;
  }
}

@media (max-width: 768px) {
  #first-row-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  #first-row-inner h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  #first-row-inner p {
    font-size: 1.7rem;
    line-height: 2rem;
  }
}

#first-row-inner p {
  font-family: "Inter", sans-serif;
  color: #4d4f4f;
  font-weight: 400;
  margin: 0;
  text-align: center;
  letter-spacing: 0;
}

.enroll_btn {
  text-align: center;
  margin: 30.5px 0;
}

.enroll_btn.design-version-1 a {
  color: rgb(24, 22, 22);
  background: rgb(226, 88, 37);
  box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px 0px;
  transition: all 0.5s ease 0s;
}

.enroll_btn.design-version-2 a {
  color: #221e1f;
  background: #00ae42;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  transition: 0.5s all;
}

.enroll_btn.design-version-3 a {
  color: #221e1f;
  background: #af8160;
  box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px 0px;
  transition: all 0.5s ease 0s;
}

.enroll_btn a {
  font-family: "Urbanist-Bold";
  font-size: 20px;
  font-size: 2rem;
  line-height: 22px;
  line-height: 2.2rem;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  padding: 14.5px 41.75px 13.5px;
  letter-spacing: 0.8px;
  z-index: 99;
}

.enroll_btn a:hover,
.enroll_btn a:focus {
  color: #fff;
}

.enroll_btn a::before {
  content: "";
  position: absolute;
  background: #000;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.7s all ease-in-out;
}

.enroll_btn a:hover::before,
.enroll_btn a:focus::before {
  width: 50%;
  opacity: 1;
}

.enroll_btn a::after {
  content: "";
  position: absolute;
  background: #000;
  width: 0;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.7s all ease-in-out;
}

.enroll_btn a:hover::after,
.enroll_btn a:focus::after {
  width: 50%;
  opacity: 1;
}

/* Home Page Video*/

.HPVideo {
  position: relative;
}

.HPVideo > h2 {
  display: none;
}

.HPVideo .videowrapper {
  position: relative;
  margin-top: 0px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 9px 0px;
  margin: 0 auto;
  max-width: 600px;
}

.HPVideo .videowrapper .video_player {
  border-bottom: 0px;
}

.HPVideo p {
  padding: 0px;
  margin: 0px;
  background: rgb(255, 255, 255);
}

.HPVideo p a {
  position: relative;
  text-decoration: none;
  display: block;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.2rem;
  text-align: center;
  box-sizing: border-box;
  padding: 30px 10px 28px 13px;
  letter-spacing: 0.85px;
  color: rgb(34, 30, 32) !important;
}

.HPVideo p a::before {
  content: "";
  position: absolute;
  background: rgb(70, 199, 235);
  width: 500px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
}

/* video*/

@media (max-width: 960px) {
  .HPVideo #video_player1 #video_placeholder1,
  .HPVideo #video_player1,
  .HPVideo .videowrapper {
    width: 100% !important;
    height: 100% !important;
  }
  .HPVideo p a::before,
  .HPVideo p a {
    width: 100% !important;
  }
}

@media (max-width: 450px) {
  .HPVideo .videoTitle a {
    font-size: 4vw;
  }
}

/* video*/

/* second row */

@media (max-width: 768px) {
  #second-row {
    padding: 0 20px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  #second-row {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
  }
  #events_left,
  #news-right {
    /*width: 335px;*/
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  #events_left {
    width: 335px;
  }
  #news-right {
    max-width: 650px;
    width: 100%;
    margin: 0;
  }
}

#second-row-inner {
  display: flex;
}

@media (min-width: 1200px) {
  #second-row-inner {
    padding: 57px 0 69px;
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  #second-row-inner {
    padding: 50px 0;
    flex-direction: column;
  }
  #events_left {
    margin-bottom: 50px;
  }
}

@media (max-width: 768px) {
  #second-row-inner {
    padding: 40px 0;
    flex-direction: column;
  }
  #events_left {
    margin-bottom: 40px;
  }
}

a.en-hp-module-title {
  font-family: "Urbanist-Medium";
  color: #050708;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .en-hp-module-title {
    font-size: 34px;
    line-height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .en-hp-module-title {
    font-size: 34px;
    line-height: 30px;
  }
}

@media (max-width: 768px) {
  .en-hp-module-title {
    font-size: 25px;
    line-height: 25px;
  }
}

#news h2 {
  margin: 0 0 18px 4px;
}

/* Events */

/* News */

/*

    #wrapper-index .content #news table #l = #wrapper-index .content #news .bullet
    #wrapper-index .content #news table #r = #wrapper-index .content #news .en-hp-module-news-item
  */

#wrapper-index .content #news table #l,
#wrapper-index .content #news table .tableLeft,
.HPNews div.bullet {
  display: none !important;
}

#wrapper-index .content #news table #r,
#wrapper-index .content #news table .tableRight {
  padding: 16px 0;
  margin: 0 0 0 -0.5px;
  display: block;
  color: #4d4f4f;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  line-height: 24px;
  line-height: 2.4rem;
  background: url("/_MASTER/common_pics/news_border.png") repeat-x left bottom;
}

#wrapper-index .content #news .en-hp-module-news-item {
  padding: 16px 0;
  margin: 0 0 0 -0.5px;
  display: block;
  color: #4d4f4f;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  line-height: 24px;
  line-height: 2.4rem;
  background: url("/_MASTER/common_pics/news_border.png") repeat-x left bottom;
}

#wrapper-index .content section#news table a {
  color: #221e20;
  font-weight: 600;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "Inter", sans-serif;
  line-height: 24px;
  line-height: 2.4rem;
}

#wrapper-index .content section#news .row a {
  color: #221e20;
  font-weight: 600;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "Inter", sans-serif;
  line-height: 24px;
  line-height: 2.4rem;
}

#wrapper-index .content section#news table a:hover,
#wrapper-index .content section#news table a:focus {
  color: #920418;
}

#showAll-0 #r a:hover,
#showAll-0 #r a:focus {
  color: #ab6010 !important;
}

.autoCalendarLinks a,
#showAll-0 #r a,
#showAll-0 .tableRight a {
  font-family: "Urbanist-SemiBold" !important;
  padding: 0 0 0px 22px;
  text-transform: uppercase;
  font-weight: 600 !important;
  text-decoration: none;
  color: #221e20 !important;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  line-height: 20px !important;
  line-height: 2rem !important;
  letter-spacing: 0.3px;
  position: relative;
}

.autoCalendarLinks a::before,
#showAll-0 #r a::before,
#showAll-0 .tableRight a:before {
  content: "";
  position: absolute;
  background: url("/pics/events_shape_icon.png") no-repeat center;
  width: 12px;
  height: 12px;
  left: 0;
  top: 3.5px;
  transition: 0.5s all ease-in-out;
}

.hp-module-item-title strong {
  display: none;
}

#showAll-0 #r a::after,
#showAll-0 .tableRight a:after {
  content: "";
  position: absolute;
  background: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ff921e;
  width: 0;
  height: 0;
  transform: rotate(270deg);
  left: 0;
  top: 8px;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}

#showAll-0 #r a:hover:after,
#showAll-0 #r a:focus:after,
#showAll-0 .tableRight a:hover:after,
#showAll-0 .tableRight a:focus:after {
  opacity: 1;
  left: 8px;
}

#showAll-0 #r a:hover:before,
#showAll-0 #r a:focus:before,
#showAll-0 .tableRight a:hover:before,
#showAll-0 .tableRight a:focus:before {
  width: 8px;
  border-radius: 0;
  height: 3px;
  left: 3px;
  top: 9px;
}

#wrapper-index .content table #r {
  border: none;
}

#wrapper-index .content table tr {
  position: relative;
}

#wrapper-index .content #news table tr:nth-last-child(2) #r,
#showAll-0 #r,
#wrapper-index .content #news table tr:nth-last-child(2) .tableRight,
#showAll-0 .tableRight {
  background: none !important;
}

#wrapper-index .content table #showAll-0 {
  margin: 10px 0 0 0 !important;
  display: inline-block;
}

#wrapper-index .content table #showAll-0 .tableRight {
  padding: 0;
}

#news-right .news-img img {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

/* third row */

.design-version-2.third-row {
  background: #000;
}

.design-version-2 .third-row-inner {
  padding: 62px 0 41px;
}

.design-version-1.third-row {
  background: rgb(0, 0, 0);
}

.design-version-1 .third-row-inner {
  padding: 62px 0px 70px;
}

.third-row .third-row-inner h2 {
  font-family: "IBM Plex Serif", serif;
  font-size: 4.6rem;
  font-weight: 300;
  line-height: 3.9rem;
  text-align: center;
  color: rgb(255, 255, 255);
  margin: 0px 0px 44px -1px;
}

.third-row.design-version-3 .third-row-inner {
  padding: 63px 0px 60.5px;
}

.en-tiles-container div.en-tile-group p {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: calc(var(--en-tile-spacing) / 2);
  color: #ffffff;
  font-family: Urbanist-Medium;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 2.6rem;
  letter-spacing: 1.2px;
  text-shadow: 2px 2px 12px #000000;
  padding: 25px;
  background-image: linear-gradient(transparent 0%, #000000 100%);
  /*width: calc(100% - var(--en-tile-spacing));*/
  width: 100%;
  text-align: center;
}

.en-tiles-container .en-tile:before {
  content: "";
  position: absolute;
  background: url(/_MASTER/common_pics/stats_overlay.png) repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.third-row.design-version-3 .en-tiles-container .en-tile p {
  font-family: Urbanist-Medium;
  font-size: 2rem;
  line-height: 2.2rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.2px;
  position: relative;
  background: none;
}

.zero-tile-spacing.en-tiles-container {
  --en-tile-spacing: 0;
}

.third-row.design-version-3 #stat1_bg {
  background: url("/pics/stat1_bg.png") center center no-repeat;
  width: 101px;
  height: 65px;
}

.third-row.design-version-3 #stat2_bg {
  background: url("/pics/stat2_bg.png") center center no-repeat;
  width: 91px;
  height: 84px;
}

.third-row.design-version-3 #stat3_bg {
  background: url("/pics/stat3_bg.png") center center no-repeat;
  width: 80px;
  height: 80px;
}

.third-row.design-version-3 #stat4_bg {
  background: url("/pics/stat4_bg.png") center center no-repeat;
  width: 100px;
  height: 89px;
}

.third-row.design-version-3 #glance_stats ul li span {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0px 0px 35px;
}

.third-row.design-version-3 #glance_stats ul li:last-child {
  margin: 0px;
}

/* fourth row */

#fourth-row {
  background: #e7eaea;
}

#fourth-row-inner {
  padding: 59.5px 0 70px;
}

@media (min-width: 768px) and (max-width: 1100px) {
  #fourth-row-inner {
    padding: 59.5px 0 70px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  #fourth-row-inner {
    padding: 50px 0;
  }
}

#fourth-row-inner h2 {
  font-family: "Urbanist-Medium";
  font-weight: 500;
  color: #131516;
  line-height: 46px;
  line-height: 4.6rem;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 44.5px;
}

/* stay connected */

.stay_connected {
  position: relative;
  /*box-sizing fix*/
  /*width: 100%;*/
  z-index: 11;
  /*box-sizing fix*/
  margin-left: 15px;
  display: flex;
  justify-content: center;
}

.stay_connected .social_media {
  margin-right: 30px;
  padding: 0;
  list-style: none;
  min-height: 80px;
  width: 300px;
  position: relative;
  z-index: 5;
  display: flex;
  align-content: center;
}

.stay_connected .social_media a {
  font-family: "Urbanist-SemiBold";
  color: #131516;
  letter-spacing: 1px;
  z-index: 9;
  background: url(/pics/social_bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  width: 100%;
  min-height: 80px;
  display: flex;
  justify-content: start;
  align-content: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}

@media (min-width: 1100px) {
  #fourth-row-inner h2 {
    font-size: 3.4rem;
  }
  .stay_connected .social_media .social_media_icon {
    margin: 0 20px;
  }
  .stay_connected .social_media a {
    font-size: 2.3rem;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  #fourth-row-inner h2 {
    font-size: 2.8rem;
  }
  .stay_connected .social_media a {
    font-size: 2rem;
  }
  .stay_connected .social_media .social_media_icon {
    margin: 0 20px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  #fourth-row-inner h2 {
    font-size: 2.4rem;
  }
  .stay_connected .social_media {
    width: 180px;
  }
  .stay_connected .social_media a {
    font-size: 1.8rem;
  }
  .stay_connected .social_media .social_media_icon {
    margin: 0 10px;
  }
}

@media (max-width: 576px) {
  #fourth-row-inner {
    padding: 20px 0;
  }
  #fourth-row-inner h2 {
    font-size: 2.4rem;
    margin: 0 0 10px;
  }
  .stay_connected .social_media {
    width: auto;
  }
  .stay_connected .social_media a {
    font-size: 1.8rem;
    background: none;
    box-shadow: none;
  }
  .stay_connected .social_media a .social_media_text {
    display: none;
  }
  .stay_connected .social_media a::before {
    display: none;
  }
  .stay_connected .social_media .stay_border {
    display: none;
  }
}

.stay_connected .social_media a::before {
  content: "";
  position: absolute;
  background: url(/_MASTER/common_pics/white_overlay.png) repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px solid #fff;
  box-sizing: border-box;
  z-index: -1;
}

.stay_connected .social_media .social_media_icon {
  /*content: "";
    position: absolute;*/
  width: 50px;
  height: 50px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  /*top: 50%;
    transform: translateY(-50%);*/
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}

.stay_connected .social_media .fb_social_media_icon {
  background: url(/_MASTER/common_pics/fb_connect.png) no-repeat;
}

.stay_connected .social_media .tweet_social_media_icon {
  background: url(/_MASTER/common_pics/tweet_connect.png) no-repeat;
}

.stay_connected .social_media .insta_social_media_icon {
  background: url(/_MASTER/common_pics/insta_connect.png) no-repeat;
}

#tweet_connect {
  /*align-content: flex-start !important;
    justify-content: flex-start !important;*/
  /*padding: 0 0px 0 90px;*/
}

#insta_connect {
  /*padding: 0 0 0 18px;*/
}

.stay_connected .social_media a:hover::after,
.stay_connected .social_media a:focus::after {
  box-shadow: none;
}

@media (min-width: 576px) {
  .stay_connected .social_media a:hover,
  .stay_connected .social_media a:focus {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
}

.stay_border::before {
  content: "";
  position: absolute;
  border-top: 2px solid #131516;
  border-left: 2px solid #131516;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s all ease-in-out;
  transform: scale(1.1);
}

.stay_border::after {
  content: "";
  position: absolute;
  border-bottom: 2px solid #131516;
  border-right: 2px solid #131516;
  width: 25px;
  height: 25px;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: 0.5s all ease-in-out;
  transform: scale(1.1);
}

.stay_connected .social_media a:hover .stay_border::before,
.stay_connected .social_media a:focus .stay_border::before,
.stay_connected .social_media a:hover .stay_border::after,
.stay_connected .social_media a:focus .stay_border::after {
  opacity: 1;
  transform: none;
}

/* bottom home bg 

@media (max-width: 768px) {
    #slideshow,
    .slideshow-wrapper {
       display: none;
    }
}*/

#slideshow {
  position: relative;
  width: 100%;
  margin: 0 auto;
  /*height: 500px;*/
}

#innerpage_bg {
  position: relative;
  /*height: 500px;*/
  background: #231f20;
  color: #fff;
}

#slideshow .nivoSlider {
  width: 100% !important;
  margin-left: unset !important;
  background-position: center !important;
  aspect-ratio: 12/5;
  height: unset !important;
}

@media (min-width: 1200px) {
  #slideshow .nivoSlider {
    max-height: 500px !important;
    min-width: 100%;
  }
}

#wrapper-index #innerpage_bg {
  /*display: none;*/
}

/* Homepage Sections */

section {
  margin-bottom: 0px;
  position: relative;
}

/* Homepage Section Headers */

/* Homepage Sections Containers */

.container {
  position: relative;
  margin-top: 0;
}

/* Email List */

#email {
  position: relative;
  display: block;
  margin-bottom: 10px;
  background: green;
  height: 30px;
}

#email span {
  color: #fff;
  font-weight: bold;
}

/* Homepage Section Table Includes */

#wrapper-index .content table {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Other homepage section extras */

.dark {
  background-color: #99071b !important;
  color: #fff !important;
  font-size: 17px !important;
  font-family: "Inter", sans-serif !important;
  line-height: 24px !important;
  font-size: 1.7rem !important;
  line-height: 2.4rem !important;
}

.light {
  background-color: #fdfafa !important;
  font-weight: 300 !important;
  font-size: 17px !important;
  color: #050708 !important;
  font-family: "Inter", sans-serif !important;
  line-height: 24px !important;
  font-size: 1.7rem !important;
  line-height: 2.4rem !important;
}

.dark a,
.dark a:visited,
.dark a:link,
.dark a:hover,
.dark a:active {
  color: #fff !important;
}

#wrapper-index .content table,
#wrapper-index .content .en-hp-module-container {
  color: #000;
}

#wrapper-index .content section .en-hp-module-container .en-hp-module-item 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 .en-hp-module-item {
  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;
}

/* Quick Poll */

.HPQuickpoll h2 {
  display: none;
}

.HPQuickPoll .bar-color {
  background-color: #003270;
}

/* results bar color */

.HPQuickPoll .results,
.HPQuickPoll .choices,
.HPQuickPoll .results_only {
  margin: 0 auto;
  width: 70%;
}

/* Side Image */

img.sub {
  border: 0;
}

#wrapper img.sub {
  margin-left: 20px;
}

/* Page navigation */

#pageNav {
  border: 0;
  font-size: 14px;
  position: relative;
  background: #e7eaea;
  margin-left: 20px;
  font-size: 1.4rem;
}

#pageNav ul,
#pageNav ul li {
  list-style: none;
  line-height: 16px;
  line-height: 1.6rem;
}

#pageNav ul {
  padding: 15px 0 35px !important;
  margin: 0 auto !important;
  width: 300px;
  height: auto !important;
}

#pageNav ul li {
  padding: 0 0 0px !important;
  margin: 0 0 0px !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;
  text-decoration: none;
  padding: 11.5px 15px 11.5px 22px;
  margin: 0;
  display: block;
  font-size: 18px;
  text-align: left;
  position: relative;
  z-index: 0;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #221e20 !important;
  font-size: 1.8rem;
  line-height: 22px;
  line-height: 2.2rem;
}

#pageNav ul li b,
#pageNav ul li a:hover,
#pageNav ul li strong,
#pageNav ul li a:focus {
  color: #fff !important;
  background: #221e20;
}

#pageNav ul li a {
  text-decoration: none;
  color: #fff;
}

#pageNav ul li b::before,
#pageNav ul li a:hover::before,
#pageNav ul li strong::before,
#pageNav ul li a:focus::before {
  content: "";
  position: absolute;
  background: #b00019;
  width: 4px;
  height: 29px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s all;
}

li.overflow_menu {
  display: none !important;
}

/* Embed Social Media */

.embed-social-media-wrapper {
  background: url("/_MASTER/common_pics/embeded_overlay_V3.png") repeat center,
    url("/pics/embeded_bg.jpg") no-repeat center;
  background-size: cover !important;
}

.embed-social-media-inner {
  padding: 61px 0;
}

.embed-social-media-wrapper::before {
  content: "";
  position: absolute;
  background: url("/_MASTER/common_pics/social_left_gradient.png") no-repeat
    center;
  width: 210px;
  height: 560px;
  left: 0;
  top: 0;
}

.embed-social-media-inner h2 {
  font-family: "Urbanist-Medium";
  font-size: 34px;
  font-size: 3.4rem;
  color: #131516;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 47px;
  background: rgba(0, 0, 0, 0.01);
}

.embed-social-media-inner .columns {
  position: relative;
  /* float: left; */
  max-width: 350px;
  width: 100%;
  display: block;
  height: 350px;
  /* margin: 0 25px 0 0; */
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  /* left: 50%; */
}

.embed-social-media-inner #left {
  margin: 0 25px 0 0;
}

.embed-social-media-inner #right {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .embed-social-media-inner #left {
    margin: 0;
  }
  .embed-social-media-inner #right {
    margin-top: 30px;
  }
}

.embed-social-media-inner .embed-icon {
  position: absolute;
  z-index: 9;
  width: 50px;
  height: 50px;
  top: -25px;
  margin: 0 auto;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 50px;
  transition: 0.5s all ease-in-out;
}

#events-page div#infobar.stick #infobarwrap {
  height: 42px !important;
}

#fb .embed-icon {
  background: url("/_MASTER/common_pics/feed_fb.png") no-repeat left top;
}

#twitter .embed-icon {
  background: url("/_MASTER/common_pics/feed_tweet.png") no-repeat left top;
}

#instagram .embed-icon {
  background: url("/_MASTER/common_pics/feed_insta.png") no-repeat left top;
}

.social_feeds_main {
  position: relative;
  padding: 0;
  margin: 0;
  /* float: right;
  right: 50%; */
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .social_feeds_main {
    flex-direction: column;
  }

  #events-page #infobar {
    height: 28px;
  }

  #events-page #infobar #curmonth {
    position: absolute;
    top: -40px;
  }

  #events-page #infobar.stick #curmonth {
    position: relative;
    top: 0;
  }

  .stay_connected .social_media a:hover .social_media_icon,
  .stay_connected .social_media a:focus .social_media_icon,
  .stay_connected .social_media a:active .social_media_icon {
    outline: 3px solid #000;
  }
}

.embed-social-media-inner .embed-icon {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -25px;
  margin: 0 auto;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border-radius: 50px;
  transition: 0.5s all ease-in-out;
}

.embed-social-media-inner .embed-icon:hover::before,
.embed-social-media-inner .embed-icon:focus::before {
  opacity: 1;
}

.embed-social-media-inner .embed-icon::before {
  content: "";
  position: absolute;
  border: 2px solid #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border-radius: 50px;
  opacity: 0;
  transition: 0.5s all ease-in-out;
}

.embed-social-media-wrapper::after {
  content: "";
  position: absolute;
  background: url("/_MASTER/common_pics/social_right_gradient.png") no-repeat
    center;
  width: 210px;
  height: 560px;
  right: 0;
  top: 0;
}

#wrapper-index * {
  box-sizing: border-box;
}

div#persons-page-public ul li p,
div#persons-page-public ul li div {
  font-size: 1.7rem !important;
  line-height: 2.4rem !important;
}

#contactStaff table iframe {
  height: 21px !important;
}

.skiptranslate {
  z-index: 9999999999;
}

#insta-feed {width: 500px;}









#search-field {
  max-width: 100%;
  width: 100%;
  border: 1px solid #c0c1c3;
  height: 25px;
  font-size: 16px !important;
  padding: 5px 7px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  min-height: 43px;
}
.popup-body form {
  justify-content: space-between;
}

#search-img {
  margin: 10px 0 10px 10px !important;
}

.popup-content{
margin: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: transparent;
  border: 0;
}
.popup-body {
  width: 100%;
  background: #fff;
}
#popup-close {
  width: 23px;
}






.school_home::before{
content:none;}
.school_home {
  transition: .4s all ease;
}

.school_home:hover, .school_home:focus {
  transform: scale(1.03);
}