@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Montserrat:wght@100..900&display=swap');
:root {
  --en-website-width: 1200px;
  --website-color:#e2eaf4;
  --website-color1:#182876;
  --website-color2:#00133e;
  --website-color3:#337fdc;
  --website-font:"Montserrat", sans-serif;
  --website-font1:"Cinzel", serif;
}

/* General */
html {
  scroll-behavior: smooth;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #e2eaf4;
}

.DB_mask {
  z-index: 9999999999 !important;
}
.DB_dialog {
  z-index: 99999999999 !important;
}
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
img.enlarge{
z-index:0!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

/* imdex */
#index-top {
 background: var(--website-color1);
  margin: 0 auto;
  position: relative;
  width: 100%;
 /*! z-index: 1; */
}

#slideshow {
 max-width: 1194px;
  margin: 0 auto;
  /*! background: var(--website-color1); */
  display: grid;
  grid-template-columns: min(78.73vw,992px) min(16.11vw,203px);
  grid-template-rows: auto;
  box-sizing: border-box;
  justify-content: center;
 padding: clamp(10px,2.5vw,30px) 0 0;
}
#slideshow {position: relative;margin: 0 auto;z-index: 2;}
#slideshow .nivoSlider {margin-left: 0 !important;}
#index-top #slideshow img,
#index-top #slideshow .nivoSlider,
#index-top #slideshow .nivo-slice,
#index-top #slideshow .nivo-box{ max-height: 42.539vw; display: block; min-width: 100%; width: unset!important;
left:0!important;right:0!important;
position: relative;
background-color: var(--website-color1) !important;
overflow: hidden;
z-index:0;
}
#slideshow br{
display:none;
}


@media only screen and (max-width: 768px) {
  #index-top {
    margin-top: 0;
  }
}
/* Quick links  */
#quick-links {
 position: relative;
  padding: 36px 0 0;
  margin: 0 auto;
  left: 0px;
  right: 0;
  width: 100%;
  min-height: auto;
  bottom: 0;
  display: flex;
  flex-direction: column;
 gap: 10px;
 box-sizing: border-box;
}
#quick-links::before {
  content: "";
  position: absolute;
  background: url(/pics/blue-wave.png)no-repeat left bottom;
  width: 70px;
  height: 59px;
  bottom: clamp(20px,7.38vw,93px);
  left: -33px;
}
#quick-links a {
text-decoration: none;
  min-height: clamp(60px,5.793vw,73px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: clamp(10px,1.25vw,15px) 20px clamp(10px,1.25vw,15px) 24px;
  transition: 0.5s all ease-in-out;
  text-align: center;
  background: var(--website-color2);
  letter-spacing: 0.3px;
  width:clamp(140px,16.11vw,203px);
  font-size: clamp(14px,1.5vw,18px);
  line-height: clamp(14px,1.5vw,18px);
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-family: var(--website-font);
box-sizing: border-box;
}
#quick-links a br{
  display: block;
}

#quick-links a:hover, #quick-links a:focus {
background: #d7d6d2;
  color: var(--website-color2);
}

#quick-links #apply-ql span{font-size: .75rem;}

@media only screen and (max-width: 1220px) {
#slideshow{
width: calc(100% - 30px);
}
}
@media only screen and (max-width: 768px) {
 #slideshow{
  grid-template-columns: 100%;
 }
 
#quick-links{
  border-bottom-left-radius: 30px;
  border-top-right-radius: 0;
}
#quick-links a{
border-radius:0!important;
}
 #quick-links{
justify-content: center;
    flex-direction: unset;
    padding: 10px 0;
 }
}
@media only screen and (max-width: 635px) {
   #quick-links {
    padding: 20px 0 0px;
    flex-wrap: wrap;
  }
}
/*-----------index rows----------*/

.rows-inner {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  display: grid;
  height: auto;
}
.rows {
  position: relative;
  background-color: #fff;
}

@media only screen and (max-width: 1230px) {
  .rows-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
/* First Row */
#first-row {
  background: url(/pics/pattern-bg.jpg)repeat center top var(--website-color);
  margin: -95px 0 0;
  z-index: 1;
    overflow: hidden;
}
#first-row::before {
  content: "";
  position: absolute;
  background: url(/pics/index-top-wave1.png)repeat-x center bottom;
  width: 100%;
  height: 47px;
  top: 0;
}
#first-row-inner {
  padding: 154px 30px 22px;
  box-sizing: border-box;
}
#first-row h2{
  font-size: clamp(30px,4.76vw,60px);
letter-spacing: 1.4px;
line-height: clamp(30px,4.6vw,59px);
color: var(--website-color1);
font-weight: 700;
font-family: var(--website-font1);
text-align: center;
  margin: 0 0 25px -2px;
}
#first-row h2 span{
  font-size: clamp(40px,6.03vw,76px);
  text-transform: uppercase;
}
#first-row p{
  font-size: clamp(18px,1.746vw,22px);
letter-spacing: 0.25px;
line-height: clamp(28px,2.857vw,36px);
color: #000000;
font-weight: 500;
font-family: var(--website-font);
text-align: center;
  margin: 0;
}
@media only screen and (max-width: 768px) {
#first-row p br{
  display: none;
}
#first-row{
  margin: 0;
}
#first-row-inner{
  padding: 74px 30px 0;
}
}
#first-row::after {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, rgba(226, 234, 244, 0) 50%, rgba(226, 234, 244, 0.9) 70%, rgb(226, 234, 244) 100%);
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: -1;
}
#first-row-bottom {
  box-sizing: border-box;
  padding:40px 0 68px 0;
}

/* NEWS SECTION */
.display_change {
  display: block !important;
}
.news_box{
 position: relative;
  display: flex;
  justify-content: space-between;
}
#hp-news {
 width: 100%;
  max-width: 985px;
  padding: 0px 0 0 0;
  box-sizing: border-box;
  position: relative;
}

#hp-news > div.en-news-slider {
  --min-card-gap: 10px;
  --image-width: 308px;
  --image-height:clamp(280px,24.6vw,310px);
  --line-height: 25px;
  --font-size: 21px;
  --max-lines-subject: 2;
  --max-lines-summary: 8;
  font-family: inherit;
}

#hp-news .en-card-slider-outer-container{
  position: relative;
  z-index: 5;
}
#hp-news h2.en-news-section-title {
  display: none;
}
.news_box h2{
  text-decoration: none;
  overflow: hidden;
  padding: 0px 0 0 0;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
 font-size: clamp(30px,3.49vw,44px) !important;
 letter-spacing: 0.1px !important;
 line-height: clamp(26px,3.015vw,38px) !important;
 color: #182876 !important;
 font-weight: 700 !important;
 font-family: var(--website-font) !important;
 text-align: center !important;
  margin: 84px 0 0 -1px !important;
}
.news_box h2 a{
  color: inherit;
  text-decoration: none;
  display: inline-block;
}
#hp-news div.en-card-slider-inner-container {
  min-height: 100px;
}

#hp-news div.en-card-slider-inner-container > a {
  border: none !important;
  position: relative;
  padding: 0 0 0px 0;
  background:  var(--website-color1);
  z-index: 5;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
#hp-news div.en-card-slider-inner-container > a::before {
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
#hp-news div.en-card-slider-inner-container > a:is(:hover,:focus)::before{
  opacity: 1;
}
div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container{
  position: relative;
  z-index: 1;
  background: #152348!important;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border: none;
}

#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {
  text-align: left;
  margin: 0px 0 0px 0px !important;
  padding: 16px 20px 20px 28px;
  display: flex;
  justify-content: flex-start !important;
  position: relative;
  bottom: 0;
  width: 100%;
  background: ;
  font-size: clamp(17px,1.66vw,21px);
  letter-spacing: 0px;
  line-height: clamp(21px,1.984vw,26px);
  color: #ffffff;
  font-weight: 700;
  font-family: var(--website-font);
  z-index: 3;
  box-sizing: border-box;
}
div.en-news-slider div.en-card-slider-inner-container > a:is(:hover, :focus) > .en-news-slider-image-container {
  background: #fff !important;
  display: none;
}
#hp-news div.en-card-slider-inner-container > a:is(:hover, :focus) > h3.en-news-slider-title {
  grid-row: 1;
  color: var(--website-color2);
  padding: 34px 20px 20px 36px;
}
#hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title span{
  display: block;
  -webkit-line-clamp: var(--max-lines-subject);
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 95px;
  overflow: hidden;
}

#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary {
  text-align: left;
  margin: 0px 0 0 0px !important;
  padding: 30px 21px 25px 35px;
  box-sizing: border-box;
  min-height: 320px;
  z-index: 3;
  width: 100%;
  transition: all 0.5s ease-in-out;
  top: 0;
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
  position: relative;
  height: fit-content;
  font-size: clamp(14px,1.34vw,17px);
  line-height: clamp(24px,2.22vw,28px);
  color: #000000;
  font-weight: 400;
  font-family: var(--website-font);
  z-index: 3;
  top: clamp(75px,7.38vw,93px);
  background: #fff;
}
#hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary span{
  -webkit-line-clamp: var(--max-lines-summary);
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}
#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{
  opacity: 1;
  background: transparent;
}
#hp-news div.en-card-slider-inner-container > a:is(:hover, :focus) > h3.en-news-slider-title span {
  -webkit-line-clamp: 3;
}
#hp-news div.en-card-slider-inner-container > a:is(:hover, :focus) {
  background: #fff;
}
div.en-news-slider > div.en-news-slider-footer {
}
#hp-news div.en-news-show-all{
  display: block;
}
#hp-news div.en-news-show-all{
  position: absolute;
  top: 284px;
  left: -224px;
  border-radius: 0;
  text-decoration: none;
  border: 0;
  transition: all 0.5s ease-in-out;
  padding: 0;
}
#hp-news div.en-news-show-all a{
  text-decoration: none;
 font-size: clamp(14px,1.34vw,17px);
  position: relative;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 32.17px;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #192b7d;
  font-weight: 700;
  font-family: var(--website-font);
  text-align: center;
  line-height: 19px;
  border-radius: 20px;
}

#hp-news div.en-news-show-all a:hover, #hp-news div.en-news-show-all a:focus{
 color: #fff;
background: var(--website-color1);
filter: drop-shadow(0 0 20px rgba(24, 40, 118, 0.08));
}

#hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
  opacity: 0.5;
  cursor: auto;
}
#hp-news div.en-news-show-all a::before {
/*! content: ''; */
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  background: linear-gradient(to left,#c2a43b 65%, #005dab 25%);
  transition: 0.3s all ease-in-out;
 bottom: -10px;
}
#hp-news div.en-news-show-all a:is(:hover,:focus)::before {
  background: #c2a43b;
  right: unset;
  left: 0;
 width: 39px;
}
#hp-news div.en-news-slider-buttons {
  display: flex;
  justify-content: center;
  column-gap: 15px;
  width: min-content;
  padding: 0px;
  position: absolute;
  top: 203px;
  left: -183px;
  background: rgb(21, 35, 72)!important;
}

#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 {
left: 0px;
  top: -1px;
  border-radius: 0;
  text-indent: -9999px;
  width: 29px;
  height: 55px;
  background: url('/pics/leftArrow.png') -1px center;
  color: #fff!important;
}

#hp-news div.en-news-slider-buttons button.en-news-next {
left: 48px;
  top: -3px;
  border-radius: 0;
  text-indent: -9999px;
  width: 29px;
  height: 55px;
  background: url('/pics/leftArrow.png') -1px center;
  transform: rotate(180deg);
  color: #fff!important;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:hover{
  background: url('/pics/leftArrow.png') -29px center;
}

#hp-news div.en-news-slider-buttons button.en-news-next:hover{
  background: url('/pics/leftArrow.png') -29px center;
}

#hp-news div.en-news-slider-buttons button.en-news-prev:focus {
  left: -3px;
  top: -3px;
  width: 38px;
  height: 60px;
  background: url('/pics/leftArrow.png') -62px center;
}

#hp-news div.en-news-slider-buttons button.en-news-next:focus {
left: 44px;
  top: -5px;
  width: 38px;
  height: 60px;
  background: url('/pics/leftArrow.png') -60px center;
}
div.en-news-slider div.en-card-slider-inner-container .en-card-slider-item > a > .en-news-slider-image-container img, div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container img {
  width:  308px;
  height:   clamp(280px,24.6vw,310px) !important;
  object-fit: cover !important;
}

@media screen and (max-width:1220px) {
  #hp-news{
    max-width: 630px;
  }
  .news_box{
    justify-content: center;
    gap: clamp(40px,5.714vw,72px);
  }
}
@media screen and (max-width:925px) {
    #first-row-bottom {
    padding: 32px 0 100px 0;
  }
  .news_box{
    flex-direction: column;
  }
  .news_box h2 br{
    display: none;
  }
  #hp-news div.en-news-slider-buttons{
    left: -88px;
    right: 0;
    margin: 0 auto;
    top: unset;
    bottom: -10px;
  }
  .news_box h2{
    margin: 0 0 20px 0;
    text-align: center;
  }

  #hp-news{
    margin: 0 auto;
    padding: 0px 0 0 0;
    left: 0;
    max-width: 640px;
  }
  #hp-news div.en-news-show-all {
    left: 0;
    position: relative;
    bottom: 0;
    margin: 20px auto 0 auto;
    top: unset;
  }
  #hp-news div.en-card-slider-inner-container > a {
    left: 0px;
  }
.news_box h2{
  margin: 0!important;
}
}


@media screen and (max-width:680px) {
  #hp-news > div.en-news-slider{
    --image-width: 280px;
  }
  #hp-news{
max-width: 490px;
 }
}
/* second Row */
#second-row {
  background:  url(/pics/second-row-bg.jpg)no-repeat center var(--website-color);
  background-size: cover;
}
#second-row::before {
  content: "";
  position: absolute;
  background: linear-gradient(to left, var(--website-color) 27%, transparent 20%);
  width: 100%;
  height: calc(100% + 0px);
  right: 0;
  top: 0;
  z-index: 2;
}
#second-row h2 {
text-align: right;
font-size: clamp(30px,4.76vw,60px);
letter-spacing: 1.4px;
line-height: clamp(25px,4.12vw,52px);
color: var(--website-color1);
font-weight: 700;
font-family: var(--website-font1);
margin: 0 0px 14px 0;
}

#second-row-inner p {
  margin: 0 2px 0px 0;
  padding: 0 0 0 140px;
  position: relative;
font-size: clamp(17px,1.74vw,22px);
letter-spacing: 0.2px;
line-height: clamp(26px,2.698vw,34px);
color: #000000;
font-weight: 500;
font-family: var(--website-font);
text-align: right;
}
#second-row-inner {
  z-index: 2;
  padding: 0;
  margin: 42px auto 0;
}

#second-row-inner::before {
  content: "";
  position: absolute;
  background: url(/pics/blue-wave.png)no-repeat right top;
  width: 70px;
  height: 59px;
  right: -8.8%;
  top: -8.5%;
  z-index: 3;
}
#second-row-inner > div::after {
  content: "";
  position: absolute;
  background: url(/pics/sixth-row-dolphin.png)no-repeat left center;
  width: clamp(200px,38.96vw,491px);
  height: clamp(220px,36.11vw,455px);
  top: -51px;
  z-index: -1;
  background-size: clamp(200px,38.96vw,491px) clamp(220px,36.11vw,455px);
  right: 138px;
}
#second-row-inner > div::before {
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, var(--website-color) 90%, transparent 20%);
  width: 100%;
  height: calc(100% + 53px);
  top: 0;
  /*! right: -117px; */
  z-index: -1;
  clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px calc(100% - 0px), 31% 100%, 0px 0px);
}

#second-row-inner > div {
margin: 0 0 0 auto;
  position: relative;
  max-width: clamp(380px,42.85vw,540px);
background: transparent;
padding: 100px 0 91px;
z-index: 2;
clip: ;
/*! clip-path: polygon(0px 0px, 100% 0px, 100% 101%, 0px calc(100% - 0px), 28% 100%, 0px 0px); */
/*! border-bottom-left-radius: 68%; */
}
@media only screen and (max-width: 1230px) {
#second-row-inner > div{
  padding: 65px 15px 45px 0;
}
#second-row-inner{
  padding: 0!important;
}
#second-row:before{
  background: linear-gradient(to left, var(--website-color) 25%, transparent 20%);
}
}
@media only screen and (max-width: 1420px) {
#second-row-inner::before {
  right: 10px;
}
}
@media only screen and (max-width: 768px) {
#second-row:before{
  content: unset;
}
#second-row-inner > div::before {
  content: unset;
}
#second-row-inner > div{
  padding: 48px 0 60px;
  margin: -1px auto 0;
  background: var(--website-color);
    z-index: -1;
    max-width: 285px;
}
#second-row-inner::after {
  content: unset;
}
#second-row h2{
  text-align: center;
}
#second-row-inner p{
  text-align: center;
  padding: 0 15px;
}
#second-row-inner > div:after{
  content: unset;
}
}
/* Third Row */
#third-row {
  background: var(--website-color2);
  margin: -57px 0 0;
  z-index: 1;
}

#third-row-inner ul {
  padding: 0;
  margin: 0 0 0 0px;
  position: relative;
  list-style-type: none;
  display: grid;
  grid-template-columns: clamp(150px,21.03vw,265px) auto;
  grid-gap: clamp(15px,3.33vw,42px);
  z-index: 0;
}

#third-row-inner ul li:nth-child(1) h2 {
padding: 0;
margin: clamp(50px,14.04vw,177px) 0 0;
font-size: clamp(30px,3.49vw,44px);
letter-spacing: 0.4px;
line-height: clamp(30px,3.41vw,43px);
color: #ffffff;
font-weight: 700;
font-family: var(--website-font);
text-align: center;
}
#third-row-inner ul li:nth-child(1) h2 span{
  font-size: clamp(30px,4.76vw,60px);
letter-spacing: 3px;
line-height: clamp(25px,3.49vw,44px);
margin: 0 0 0 4px;
}
#third-row-inner ul::before {
  content: "";
  position: absolute;
  background: url(/pics/shark.png)no-repeat left bottom;
  width: 281px;
  height: 93px;
  left: -52px;
  bottom: 64px;
}
.glance {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  grid-gap: 10px;
  position: relative;
  margin: 0 0 -19px;
}
.glance > div {
  position: relative;
  /*! width: 210px; */
}
.glance div > div:first-child {
height: clamp(100px,13.01vw,164px);
 width: clamp(100px,13.01vw,164px);
margin: clamp(40px,10.95vw,138px) 0 0 0;
background: #d7d6d2;
flex-direction: column-reverse;
}
#glance2 {
padding: 22px 10px 26px 9px;
width: clamp(130px,19.20vw,242px);
height: clamp(130px,19.20vw,242px);
border-radius: 185px;
margin: 0;
z-index: 2;
background: var(--website-color1);
flex-direction: column-reverse;
margin: -13px 0 0 -131px;
flex-direction: column;
gap: 6px;
}
#glance2 h3 {
  line-height: clamp(14px,1.9vw,24px);
}
#glance3 {
margin: clamp(20px,7.539vw,95px) 0 0 -56px;
padding: 22px 10px 24px 10px;
width: clamp(100px,13.01vw,164px);
height: clamp(100px,13.01vw,164px);
border-radius: 90px;
background: var(--website-color3);
}
#glance5 {
padding: 46px 10px 23px 15px;
width: clamp(130px,19.04vw,240px);
height: clamp(130px,19.04vw,240px);
margin: 3px 0 0 18px;
flex-direction: column-reverse;
background: var(--website-color1);
gap: 1px;
}
#glance6 {
padding: 8px 8px 25px 10px;
width: clamp(130px,17.77vw,224px);
height: clamp(130px,17.77vw,224px);
margin: 3px 0 0 12px;
gap: 6px;
background:#d7d6d2;
}
.glance_bg {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 29px 10px 29px 13px;
border-radius: 120px;
filter: drop-shadow(0 0 12.5px rgba(0,0,0,0.1));
background-color: #ffffff;
width: clamp(110px,15.476vw,195px);
height: clamp(110px,15.476vw,195px);
}
#glance3::before {
  content: none;
}
#glance4 {
background: var(--website-color3);
}
#glance4 h2 {
  letter-spacing: 1px;
}
.glance_bg h2 {
margin: 0;
padding: 0;
position: relative;
font-size: clamp(30px,4.76vw,60px);
letter-spacing: -1px;
line-height: clamp(30px,4.76vw,60px);
color: #00133e;
font-weight: 600;
font-family: var(--website-font);
text-align: center;
}
.glance_bg h3 {
text-transform: capitalize;
margin: 0px 0 0;
padding: 0;
position: relative;
letter-spacing: 0;
font-size: clamp(11px,1.428vw,18px);
line-height: clamp(13px,1.746vw,22px);
text-transform: uppercase;
color: #00133e;
font-weight: 700;
font-family: var(--website-font);
text-align: center;
}

.glance div > div:nth-child(even) {
  margin: 0 0 0 97px;
  top: 7px;
  padding: 19px 10px 29px 10px;
}
#glance2 h2, #glance2 h3, #glance5 h2, #glance5 h3 {
  color: #fff;
  }
@media only screen and (max-width: 1020px) {
  #third-row{
    margin: 0;
  }
}
@media only screen and (max-width: 875px) {
  #third-row-inner ul{
    grid-template-columns: auto;
    justify-content: center;
  }
}

@media only screen and (max-width: 788px) {
  #third-row-inner ul {
    grid-template-columns: auto;
    padding: 0px 0 62px;
    grid-template-rows: auto;
grid-gap: 35px;
  }
#glance2{
  margin: -13px 0 0 -14px;
}
.glance div > div:nth-child(2n){
  margin: 0;
}

  #glance3 {
    margin: 0;
  }
  .glance {
    justify-content: center;
  }
  #glance2{
margin: 8px 0 0 0;
}

   
    #glance5{
    margin: 0;
  }
 
}

@media only screen and (max-width: 441px) {
  .glance > div{
    display: flex;
    gap: 10px;
  }
}
/* Fourth Row */
#fourth-row{
overflow: hidden;
background: var(--website-color);
}

#fourth-row::before {
  /*! content: ""; */
  position: absolute;
  background: rgba(0,0,0,0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}
#events_block {
  position: relative;
}
.display_change {
  display: block !important;
}
#fourth-row-inner {
  padding: 82px 0 110px;
  max-width: 1198px;
  z-index: 1;
}

/* Events */
#hp-events {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  left: 0;
}

#hp-events > div.en-events-slider {
--min-card-gap: 10px;
--card-width: 381px;
--card-height: auto;
--font-size: 17px;
font-family: inherit;
color: #3c3c3c;
overflow: hidden;

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

#fourth-row-inner h2 {
margin: 0px 0 53px -2px;
padding: 0px 0 0 0;
box-sizing: border-box;
background: no-repeat;
font-size: clamp(30px,3.49vw,44px) !important;
letter-spacing: 0.4px !important;
line-height: clamp(26px,3.015vw,38px) !important;
color: #182876 !important;
font-weight: 700 !important;
font-family: var(--website-font) !important;
text-align: center !important;
}

div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title a:any-link {
  font-weight:700 !important;
}
div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day {
background: url(/pics/date-bg.jpg)repeat center #fff !important;
border: none !important;
padding: 0 0 5px;
}
#fourth-row-inner h2 a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}
#wrapper-index .events-thumbnail a{
  display: inline-block;
}
#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-day {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 0;
  gap: 6px;
  box-sizing: border-box;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
}


#hp-events .en-events-slider .en-card-slider-inner-container .en-events-slider-date {
  padding: 37px 0 10px;
  position: relative;
  border-radius: 0;
  background: #182876;
  width: 115px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  min-width: 115px;
  margin: 0;
  height: 100%;
  box-sizing: border-box;
}

#hp-events .en-events-slider .en-events-slider-date .en-events-slider-date-month {
z-index: 0;
margin: 0;
position: relative;
left: 0;
padding: 0 0 0px 0;
font-size: clamp(14px,1.5vw,19px);
letter-spacing: 1px;
line-height: clamp(17px,1.8vw,22px);
text-transform: uppercase;
color: #ffffff;
font-weight: 900;
font-family: var(--website-font1);
text-align: center;
}
div.en-events-slider .en-events-slider-date .en-events-slider-date-month {
  padding-top: 21px;
}
#hp-events .en-events-slider .en-events-slider-date .en-events-slider-date-day {
  position: relative;
  margin: 0 0 0 0px;
  top: 0;
  font-size: clamp(30px,4.52vw,57px);
  letter-spacing: 1px;
  line-height: clamp(25px,4.12vw,52px);
  color: #ffffff;
  font-weight: 700;
  font-family: var(--website-font);
  text-align: center;
}
div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title a:any-link{
  font-weight: 600;
}
#hp-events > div.en-events-slider .events-thumbnail{
  margin:17px 0 0;
}
#hp-events > div.en-events-slider .events-thumbnail img {
width: 100%;
  height: auto;
}
div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail{
margin: 0px 0 0px 0px !important;
  padding: 25px 15px 16px 20px !important;
background: ;
}
#hp-events div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title {
margin: 0 0 11px;
text-align: left;
font-size: clamp(16px,1.66vw,21px);
letter-spacing: 0px;
line-height: clamp(19px,1.9vw,24px);
color: var(--website-color1);
font-weight: 700;
font-family: var(--website-font);
}

#hp-events .en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-events-slider-detail-li {
align-items: flex-start;
position: relative;
text-align: center;
margin: 0 0 10px;
font-size: clamp(16px,1.66vw,21px);
letter-spacing: 0px;
line-height: clamp(19px,1.9vw,24px);
color: var(--website-color1);
font-weight: 700;
font-family: var(--website-font);
}
#hp-events .en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-events-slider-detail-li:first-child{
}
#hp-events .en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-events-slider-detail-li {
  /*! padding: 2px 0 9px; */
}


#hp-events .en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-events-slider-detail-li:last-child:before{
  content: unset;
}
#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-time,
#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-location {
text-align: left;
font-size: clamp(14px,1.349vw,17px);
letter-spacing: 0px;
line-height: clamp(18px,1.66vw,21px);
color: #010101;
font-weight: 400;
font-family: var(--website-font);
}
#hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-location{
  margin: 0;
}
#hp-events.en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-time {
}

#hp-events.en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-location {
}

div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail {
  overflow: unset !important;
}


#hp-events div.en-events-slider-buttons {
  display: flex;
  justify-content: center;
  column-gap: 15px;
  width: 76px;
  padding: 0;
  position: absolute;
  bottom: -18px;
  right: 3px;
}

#hp-events div.en-events-slider-buttons button {
position: absolute;
  top: 0;
  bottom: 0;
  width: 29px;
  height: 55px;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
  color: #000;
}

#hp-events div.en-events-slider-buttons button.en-events-prev {
left: 0;
  background: url('/pics/leftArrow.png') no-repeat -29px center;
}

#hp-events div.en-events-slider-buttons button.en-events-next {
right: 0;
  background: url('/pics/leftArrow.png') no-repeat -29px center;
  transform: rotate(180deg);
  top: -1px;
}

#hp-events div.en-events-slider-buttons button.en-events-prev:hover{
  background: url('/pics/leftArrow.png')no-repeat -1px center;
}

#hp-events div.en-events-slider-buttons button.en-events-next:hover{
background: url('/pics/leftArrow.png')no-repeat -1px center;
}

#hp-events div.en-events-slider-buttons button.en-events-prev:focus{
  background: url('/pics/leftArrow.png')no-repeat -62px center;
  left: -3px;
  top: -2px;
  width: 38px;
  height: 60px;
}

#hp-events div.en-events-slider-buttons button.en-events-next:focus{
background: url('/pics/leftArrow.png') no-repeat -62px center;
  right: -3px;
  top: -3px;
width: 38px;
height: 60px;
}

#hp-events div.en-events-slider-buttons button.en-card-slider-button-disabled {
opacity: 0.5 !important;
  cursor: auto;
  background-color: rgba(255,255,255,0.05) !important;
  color: #000 !important;
}

div.en-events-slider div.en-events-show-all-calendar {
position: absolute;
  bottom: -66px;
  gap: 0;
justify-content: space-between;
margin: 0 auto;
left: -31px;
}

#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all{
  border: 0;
  z-index: 1;
  overflow: visible;
text-decoration: none;
margin: 0;
right: 0;
font-size: clamp(14px,1.34vw,17px);
position: relative;
transition: all 0.3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
padding: 11px 32.17px;
box-sizing: border-box;
text-transform: uppercase;
color: #192b7d;
font-weight: 700;
font-family: var(--website-font);
text-align: center;
line-height: 19px;
border-radius: 20px;
}
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all{
  right: 3px;
}

#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:before,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:before{
 content: "";
  position: absolute;
  background: url(/pics/events-show.png)no-repeat left center;
  width: 19px;
  height: 13px;
  left: 0;
  transition: 0.3s all ease-in-out;
}

#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:is(:hover,:focus):before,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:is(:hover,:focus):before{
left: 0;
  right: unset;
background: url(/pics/show-hover.png)no-repeat left center;
}

div.en-events-slider > div.en-card-slider-inner-container{
  margin: 0 0 20px!important;
  overflow: hidden;
  min-height: auto !important;
}
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:hover,
#hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:focus,
 #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:hover,
  #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:focus {
text-decoration: none;
color: #fff;
background: var(--website-color1);
filter: drop-shadow(0 0 20px rgba(24, 40, 118, 0.08));
}
#events-page #events.v1 ul li {
  display: flex;
  align-items: baseline;
}
#events-page #events.v1 .event span.location{
  color: #595959 !important;
}
div.en-events-slider > div.en-events-slider-footer{
  margin-top: 11px!important;
}
@media only screen and (max-width: 1210px) {
  #hp-events {
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
}

}

@media only screen and (max-width: 850px){
    #hp-events {
  width: 100%;
  max-width:605px;
  margin: 0 auto;
}

}
@media only screen and (max-width: 768px){
    #hp-events {
  width: 100%;
  /*! max-width:280px; */
  margin: 0 auto;
}

#fourth-row-inner h2{
  text-align: center;
}
div.en-events-slider div.en-events-show-all-calendar{
    gap: 10px;
    bottom: -50px;
    width: auto;
    justify-content: center;
}
#fourth-row-inner {
  padding: 64px 0 166px;
}
#hp-events div.en-events-slider-buttons{
top: unset;
    bottom: -70px;
    /*! width: clamp(160px,22.22vw,280px); */
    margin: 0 auto !important;
    left: 0;
    right: 0;
}

#hp-events:before{
  content: unset;
}
  div.en-events-slider div.en-events-show-all-calendar{
    left: 0px;
    right: 0;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 430px){
  #hp-events > div.en-events-slider{
    --card-width: 280px;
  }
  div.en-events-slider div.en-events-show-all-calendar{
    flex-direction: column!important;
    bottom: -66px;
  }
  #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar, #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all{
    width: fit-content;
    margin: 0 auto;
  }
  #hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-day{
    margin: 0 0 15px;
  }
}
/* Fifth Row */
#fifth-row{
  background: var(--website-color);
}
#fifth-row-inner{
  padding: 0;
  display: grid;
  grid-template-columns: clamp(300px,47.21vw,703px) clamp(250px,49.78vw,697px);
  max-width: 1400px;
}
#left-col {
  margin: clamp(20px,5.71vw,72px) 0 0;
  z-index: 1;
}
#slideshow-inner {position: relative;margin: 0 auto;/*! background: var(--website-color); */}
#slideshow-inner .nivoSlider {margin-left: 0 !important;}
#slideshow-inner .nivoSlider, #slideshow-inner .nivo-slice,#slideshow-inner img {
max-height: 34.42vw;
  display: block;
  min-width: 100%;
  width: unset !important;
  z-index: 0;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 78.2% 100%);
  
 }
#slideshow-inner::before {
  content: "";
  position: absolute;
  background: url(/pics/blue-wave.png)no-repeat right bottom;
  width: 70px;
  height: 59px;
  right: clamp(20px,4.84vw,61px);
  bottom: 0;
  transform: translateY(-229%);
  z-index: 2;
}
#slideshow-inner br {
  display: none;
}

#principal-sec h2 a {
text-decoration: none;
color: #fff;
}
#principal-sec h2 a:hover,
#principal-sec h2 a:focus {
  text-decoration: underline;
}


#principal-sec div{
  position: relative;
  padding: 0 0 52px;
}
#principal-sec h2 {
margin: 0 0 26px -1px;
  position: relative;
  text-decoration: none;
  font-size: clamp(30px,3.49vw,44px);
letter-spacing: 0.4px;
line-height: clamp(30px,3.41vw,41px);
color: #ffffff;
font-weight: 700;
font-family: var(--website-font);
z-index:1;
}
#principal-sec p {
  font-size: clamp(17px,1.66vw,21px);
  letter-spacing: 0.2px;
  line-height: clamp(28px,2.61vw,33px);
  color: #ffffff;
  font-family: var(--website-font);
  font-weight: 500;
  position: relative;
  margin: 0 0 25px 1px;
  max-width: 400px;
}
#principal-sec img {
position: relative;
  box-sizing: border-box;
  right: 0;
  bottom: 0;
  object-fit: contain;
  width: clamp(100px,21.74vw,274px);
  height: clamp(130px,28.49vw,359px);
  margin: 0;
}
#principal-sec .read_now {
text-decoration: none;
  font-size: clamp(14px,1.34vw,17px);
  position: relative;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 11px 32.17px;
  box-sizing: border-box;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-family: var(--website-font);
  text-align: center;
  line-height: 19px;
  border-radius: 20px;
width: fit-content;
margin: 0 0 0 -31px;
}
#principal-sec .read_now:hover,
#principal-sec .read_now:focus{
color: var(--website-color1);
  background: #fff;
  filter: drop-shadow(0 0 20px rgba(24, 40, 118, 0.08));
}

#principal-sec span {
position: relative;
  display: block;
  margin: 0 0 15px 0px;
font-size: clamp(17px,1.58vw,20px);
letter-spacing: 0.6px;
line-height: clamp(19px,198vw,24px);
color: #fff;
font-weight: 700;
font-family: var(--website-font);
}
#principal-sec {
    position: relative;
  margin: 0;
  display: grid;
 grid-template-columns: clamp(150px,24.64vw,345px) auto;
box-sizing: border-box;
grid-gap: clamp(5px,1.28vw,18px);
  align-items: flex-end;
    overflow: hidden;
    background: url(/pics/principal-bg.png)no-repeat left -69px bottom var(--website-color1);
    background-blend-mode: multiply;
    margin: 0px 0 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 0px), 0 100%, 73px 0);
    z-index: 0;
    padding: clamp(30px,5.01vw,71px) 0 0 clamp(180px,14.49vw,203px);
    margin: 0 0 0 -143px;
}
@media only screen and (max-width: 1230px){
#principal-sec div{
  padding: 0 0 80px;
}
}
@media only screen and (max-width: 768px){
#slideshow-inner .nivoSlider, #slideshow-inner .nivo-slice, #slideshow-inner img{
max-height:62.76vw;
}
#principal-sec p{
margin:0px auto 25px;
}
  #fifth-row-inner{
    grid-template-columns: auto;
    justify-content: center;
    align-items: center;
    gap: 45px;
  }
  #principal-sec{
   margin: 0;
    padding: clamp(30px,5.01vw,71px) 0px 53px 15px;
    grid-template-columns: 100%;
    align-items: flex-end;
    clip-path: none;
    border-top-left-radius: 0;
    text-align: center;
  }
  #principal-sec div{
    padding: 0 15px 0 0;
  }
  #slideshow-inner .nivoSlider, #slideshow-inner .nivo-slice{
    max-height: 62.79vw;
    clip-path: none;
    border-bottom-right-radius: 0;
  }
  #slideshow-inner::before {
    content: unset;
  }
  #principal-sec img{
    margin: 0 0 0 auto;
  }
  #principal-sec .read_now{
    margin: 0 auto;
  }
}
/* Sixth Row */
#sixth-row{
 background: url(/pics/pattern-bg.jpg)repeat center top, var(--website-color);
  margin: -53px 0 0;
}
#sixth-row-inner{
padding: clamp(40px,8.73vw,110px) 0px 100px;
  box-sizing: border-box;
}
#sixth-row h2{
  font-size: clamp(30px,4.126vw,52px);
  letter-spacing: 1px;
  line-height: clamp(30px,4.68vw,59px);
  color: #182876;
  font-weight: 700;
  font-family: var(--website-font1);
  text-align: center;
}
#sixth-row::before {
  content: "";
  position: absolute;
  background: url(/pics/sixth-row-wave.png)repeat-x center bottom;
  width: 100%;
  height: 14px;
  bottom: -13px;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
.en-aos-init {
    transition-property: none !important;
    transform: none !important;
    animation: none !important;
  }
  #wrapper .en-contactus-form-send-btn td{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .translated-ltr header.enh1 nav.en-nav,
.translated-rtl header.enh1 nav.en-nav{ 
  height: calc(100% - 40px);
  margin-top:40px;
  z-index: 3;
}
div.en-editable-block-wrapper figure.img-right{
  float: none;
  margin: 0 auto 15px;
}
}
#goog-gt- h1{
  color: #000;
}
#emailForm input[type="button"], #emailForm input[type="submit"],#emailForm button[type="submit"] {
background-color:var(--en-website-color1) !important;
  color: #fff !important;
}
#emailForm input[type="button"]:hover, #emailForm input[type="submit"]:hover,
#emailForm input[type="button"]:focus, #emailForm input[type="submit"]:focus,
#emailForm button[type="submit"]:hover,#emailForm button[type="submit"]:focus{
  background-color: #000!important;
  color: #fff !important;
}
  @media only screen and (max-width: 600px){
.en-other-maillists tbody tr, .en-my-maillists tbody tr {
  display: revert!important;
}
.en-other-maillists tbody tr td, .en-my-maillists tbody tr td {
  display: revert!important;
}
.en-other-maillists tbody, .en-my-maillists tbody {
  display: contents!important;
}
}
.en-modal-header-title {
  font-size: clamp(20px,4.2vw,30px) !important;
}
#albumSubAlbums h1{
  line-height: 18px!important;
}

#mobileapp-smart-banner .en-smartAppBanner-content {

width: 100% !important;
}
@media only screen and (max-width:1200px){
#pageContentWrapper .video-list-top input[type="submit"]{
  width: clamp(100px,16.66vw,200px)!important;
}
}



@media only screen and (max-width: 700px) {
.en-responsive-table-content {
  padding: 5px 10px !important;
}
#emailForm table tr:nth-last-child(2) td table tr:nth-child(2) td{
  justify-content: flex-start !important;
}

#STAFF_SINGLE_PAGE_WO_ASIDE.staffPageRoundPhoto .staffOverviewWrapper, #pageContentWrapper ul#staffContentContactWrapper, #STAFF_SINGLE_PAGE_WO_ASIDE #contactStaff, #STAFF_SINGLE_PAGE_WO_ASIDE #contactStaff table tr td {
    display: flex;
    justify-content: center;
    margin: 0px auto;
}
#STAFF_SINGLE_PAGE_WO_ASIDE #contactStaff table tbody tr td{
width:97%!important;
}
#STAFF_SINGLE_PAGE_WO_ASIDE #contactStaff table tbody tr{
width:97%!important;
}
}

@media only screen and (max-width: 700px) {
#staff.staffR1.staff-v2 div.staff-header{
line-height:1.2;
}
#staff.staffR1 .staff-categoryStaffMembers {
    flex-wrap: wrap;

  }
  #staff.staffR1 #staff-search{
    text-align: left;
  }
#staff.staffR1.staff-horizontal .staff-categoryStaffMember a{
padding-right: 5em!important;
}
#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl {
  white-space: initial !important;
}
  #staff.staffR1 #staff-search input{
    margin: 0 0 0 -3px;
    padding: 4px 0px 3px 5px !important;
    
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  #pageInnerText,#wrapperPageInner{
   background: transparent !important;
   color: #26201f !important;
  }
 
}
#STAFF_MULTI_PAGE_W_ASIDE #pageTitle {
  margin: 0 0 60px 0;
}

@media only screen and (max-width: 1200px) {
.single-video #big-video #hd-link, .single-video #big-video #sd-link {
  margin: 0px 10px 0 20px!important;
}
#video_page #big-video, #video_page #video_player, #video_page #video_placeholder {
  width: 100% !important;
}

}
@media only screen and (max-width: 800px) {
  #STAFF_MULTI_PAGE_W_ASIDE.staffPageContactInfo .contactStaffMember #contactStaff #emailForm table tr td, #staff .staff-categoryStaffMembers {
    display: flex;
    flex-direction: row;
    width: 100% !important;
  }
.en-responsive-table-header{
border: none !important;
border-right: 1px solid #808080 !important;
}

table.en-editable-table td, table.en-editable-table th {
  padding: 0;
}
div#persons-page-public ul li h3{
  font-size: clamp(16px,1.5vw,19px)!important;
  line-height: clamp(22px,2.08vw,25px)!important;
}
div#persons-page-public ul li p, div#persons-page-public ul li div{
  font-size: clamp(13px,1.41vw,17px)!important;
  line-height: clamp(19px,1.91vw,23px)!important;
}
#accessibility-complaintFormPage-form dl .select,#accessibility-complaintFormPage-form dl .input,
#accessibility-complaintFormPage-form dl .textarea{
  z-index: 0!important;
}
}
@media only screen and (max-width: 650px) {
#events-page #events.v1 .event .info {
width: 45%;
}
#events-page #events.v1 .event .time {
width: 35% !important;
white-space: normal;
}
}
@media only screen and (max-height: 890px) {
  .DB_dialog #PV_imageDiv img:last-child {
  width: auto !important;
  height: auto !important;
  max-height: 90vh;
  max-width: 90vw;
  padding: 5px !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;
}
}
@media only screen and (max-width: 670px) {
.bell-schedule{
  padding: 0!important;
}
#postWrapper{
  gap: 20px;
}
}
@media only screen and (max-width: 480px) {
.bell-title {
    padding: 7px 0 7px!important;
    display: flex;
    justify-content: center;
}
#persons-page-public div ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
div#persons-page-public ul li p {
  margin-left: 0!important;
}

}
@media only screen and (max-width: 450px) {
#pageNav ul{
width:100%!important;
}
}
@media only screen and (max-width: 350px) {
#pageContentWrapper #hp-events .dayeventwrap ul,
#pageContentWrapper #hp-events .dayeventwrap .dayInfoWrap{
padding:0!important;
}
}

.bell-schedule .bell-schedule-description{
text-align:center;
}
@media only screen and (max-width: 880px) {
#mc_embed_signup{
  width: 100%!important;
}
div[en-page-rec-id="251160"] ~ div a img{
  width: 100%;
}
}

@media only screen and (max-width: 1200px) {
#staff.staffR1.staff-horizontal .staff-categoryStaffMembers{
margin-right:0!important;
display: flex;
    flex-wrap: wrap;
}
}


#video_page .top_title{
  line-height: 1.3;
}
div.en-editable-block-wrapper figure.img-left{
  margin: 0 30px 15px 0!important;
}

#STAFF_MULTI_PAGE_W_ASIDE.staffPageContactInfo #pageAsideWrapper ul li#staffNavContactWrapper .staffContactWrapper{
opacity:1!important;
}


#accessibility-complaintFormPage-form{
z-index:0;
position:relative;
}
#albums ul li.home a.home .albumNavName {
  opacity: 1 !important;
  color: #fff !important;
  background-color: rgba(40, 125, 215, 0.5) !important;
}