/* MOBILE BAR */
.mobtop {
  position: fixed;
  width: calc(100% - 40px);
  height: 80px;
  top: 0;
  left: 0;
  z-index: 2;
  background: white;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  z-index: 11;
  display: none;
}
.mobtop .logo {
  position: absolute;
  width: 180px;
  height: 80px;
  top: 0;
  left: 20px;
  background-image: url('../img/logo/bmdav_blanc.png');
  background-position: left center;
  background-size: 70% auto;
  background-repeat: no-repeat;
}
.mobtop .logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.mobtop .usertools {
  position: relative;
  float: right;
  top: 0;
  left: auto;
  right: 0;
}
.mobtop .usertool {
  border-color: var(--darkestmetal);
}
.mobtop .usertool:hover {
  background: var(--darkestmetal)
}
.mobtop .usertool p {
  color: var(--darkestmetal) !important;
}
.mobtop .usertool:hover > p {
  color: white;
}
.mobtop .usertool.mobile {
  border: none;
}
.mobtop .usertool.mobile:hover  {
  background: none;
}
.mobtop .usertool.mobile:hover > p {
  color: var(--darkmetal);
}
.mobtop .usertool.mobile p i {
  margin-top: 4px;
}
@media all and (max-width: 1160px){
  .mobtop {
    display: block;
  }
}




/* FEATURED LIST */
.featured h4 {
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
}
.rightToLeft .featured h4 {
  text-align: right;
}
.fentry {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  overflow: hidden;
  background: white;
  border-radius: 4px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  margin-top: 10px;
}
.fentry .fentrythumb {
  position: relative;
  float: left;
  width: 100%;
  xheight: 140px;
  top: 0;
  left: 0;
  background: var(--lightgray);
  background-image: url('../img/logo/gray.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fentry .fentrythumb img {
  position: relative;
  float: left;
  xheight: 140px;
  width: 100%;
  min-width: 100%;
  object-fit: cover;
}
.fentry .fentrycontent {
  position: relative;
  float: left;
  width: calc(100% - 28px);
  height: auto;
  top: 0;
  left: 0;
  padding: 14px;
}
.fentry .fentrycontent h5 {
  font-size: 22px;
  line-height: 25px;
  margin-top: 10px;
  color: rgb(17,23,33);
}
.featured.contact .fentry {
  cursor: default;
}
.featured.contact .fentry .fentrycontent p,
.featured.contact .fentry .fentrycontent p a {
  font-size: 13px;
  line-height: 14px;
}
.featured.contact .fentry .fentrycontent h5 {
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 6px;
  margin-top: 0;
  color: var(--darkblue);
}
.featured.contact .fentry .fentrycontent p a {
  text-decoration: underline;
  color: var(--blue);
}


/* LANDING */
#landing {
  padding-top: 0;
}
#landing .slideshow {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  overflow: hidden;
  margin-bottom: 20px;
}
#landing .slideshow .slider {
  position: relative;
  float: left;
  width: 1000%;
  height: auto;
  top: 0;
  left: 0;
  transition: .2s linear all;
}
#landing .slideshow .slider .slide {
  position: relative;
  float: left;
  width: 10%;
  height: auto;
  top: 0;
  left: 0;
}
#landing .slideshow .slider .slide .slideimg {
  position: relative;
  float: left;
  width: 100%;
  height: 420px;
  top: 0;
  left: 0;
  background: var(--lightgray);
}
#landing .slideshow .slider .slide .slideimg img {
  position: relative;
  float: left;
  width: auto;
  min-width: 100%;
  height: 420px;
  object-fit: cover;
}
#landing .slideshow .slider .slide .slidecontent {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  height: 120px;
  top: 0;
  left: 0;
  padding: 20px;
  background: white;
}
@media all and (max-width: 520px){
  #landing .slideshow .slider .slide .slideimg,
  #landing .slideshow .slider .slide .slideimg img {
    height: 340px;
  }
  #landing .slideshow .slider .slide .slidecontent {
    height: 140px;
  }
}
#landing .slideshow .slider .slide .slidecontent h2 {
  font-size: 23px;
  line-height: 23px;
  margin-top: 10px;
  margin-right: 200px;
  text-transform: none;
}
@media all and (max-width: 520px){
  #landing .slideshow .slider .slide .slidecontent h2 {
    margin-right: 0;
    font-size: 20px;
    line-height: 22px;
  }
}
.rightToLeft #landing .slideshow .slider .slide .slidecontent h2 {
  margin-left: 200px;
  margin-right: 0;
}
@media all and (max-width: 520px){
  .rightToLeft #landing .slideshow .slider .slide .slidecontent h2 {
    margin-left: 0;
  }
}
#landing .slideshow .slider .slide .slidecontent .newlinebutton {
  position: absolute;
  width: 200px;
  height: auto;
  left: auto;
  right: 20px;
  top: auto;
  bottom: 20px;
}
.rightToLeft #landing .slideshow .slider .slide .slidecontent .newlinebutton {
  right: auto;
  left: 20px;
}
@media all and (max-width: 520px){
  #landing .slideshow .slider .slide .slidecontent .newlinebutton {
    top: auto;
    bottom: 16px;
  }
}
#landing .slideshow #sback, #landing .slideshow #snext {
  position: absolute;
  width: auto;
  height: 40px;
  top: calc(35% - 15px);
  left: -30px;
  padding-left: 40px;
  padding-right: 20px;
  border-radius: 20px;
  background: rgba(0,0,0,0.2);
  cursor: pointer;
  transition: .2s linear all;
}
#landing .slideshow #snext {
  left: calc(100% - 40px);
  padding-left: 20px;
  padding-right: 40px;
}
#landing .slideshow #sback p, #landing .slideshow #snext p {
  line-height: 40px;
}
#landing .slideshow #sback:hover,
#landing .slideshow #snext:hover {
  background: rgba(0,0,0,0.4);
}
/*#cta .bigbutton i {
  position: relative;
  float: right;
  width: auto;
  height: auto;
  right: 0;
  top: 7px;
  line-height: 10px;
}
.rightToLeft #cta .bigbutton i {
  float: left;
  right: auto;
  left: 0;
}
@media all and (min-width: 1440px) and (max-width: 1799px){
  #cta .bigbutton {
    width: calc((100% / 3) - 10px);
    margin: 5px;
    font-size: 16px;
    line-height: 18px;
  }
  #cta .bigbutton i {
    display: none;
  }
}
@media all and (max-width: 520px){
  #cta .bigbutton.yellowgradient-bg, #cta .bigbutton.bluegradient-bg {
    width: 100%;
    margin: 0;
    margin-bottom: 8px;
  }
}
@media all and (max-width: 460px){
  #cta .bigbutton {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
  }
  #cta .bigbutton i {
    display: none;
  }
}*/





/* WHO WE ARE */






/* MISSIONS */
.tabcontainer {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  overflow: hidden;
  border-radius: 4px;
}
.tabcontainer .tabs {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.tabcontainer .tabs .tab {
  position: relative;
  float: left;
  width: calc(100% / 3);
  height: auto;
  top: 0;
  left: 0;
  background: var(--xlightgray);
  cursor: pointer;
}
.tabcontainer .tabs .tab.active {
  background: white;
}
.tabcontainer .tabs .tab .tabicon {
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  margin-top: 20px;
  background-size: auto 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.tab.one .tabicon {
  background-image: url('../img/icons/copywriting@2x.png');
}
.tab.two .tabicon {
  background-image: url('../img/icons/loan@2x.png');
}
.tab.three .tabicon {
  background-image: url('../img/icons/growth@2x.png');
}
.tabcontainer .tabs .tab .tabname {
  position: relative;
  float: left;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  text-align: center;
}
.tabcontainer .tabs .tab .tabname .valign p {
  font-size: 12px;
  line-height: 17px;
  font-weight: 800 !important;
  text-transform: uppercase;
}
.tabcontainer .tabcontent {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  height: auto;
  top: 0;
  left: 0;
  padding: 20px;
  padding-bottom: 60px;
  background: white;
  display: none;
}
.tabcontainer .tabcontent p {
  font-size: 14px;
  line-height: 19px;
}
.tabcontainer .tabcontent.active {
  display: block;
}
@media all and (max-width: 420px){
  .rightToLeft .tabcontainer .tabs .tab .tabname .valign p {
    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 800 !important;
    xtext-transform: uppercase;
  }
}






/* SEARCH */
#searchForm {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  height: auto;
  padding: 20px;
  padding-bottom: 30px;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
}
#searchForm p {
  margin-bottom: 14px;
}
#searchForm input[type=text] {
  position: relative;
  float: left;
  width: calc(100% - 260px);
  height: 40px;
  line-height: 40px;
  background: var(--xlightgray);
  padding-left: 30px;
  padding-right: 30px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rightToLeft #searchForm input[type=text] {
  float: right;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: right;
}
#searchForm input[type=text]::placeholder {
  font-weight: 800;
}
#searchForm button {
  position: relative;
  float: left;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: white;
  font-weight: 800;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  cursor: pointer;
}
.rightToLeft #searchForm button {
  float: right;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media all and (max-width: 520px){
  #searchForm input[type=text] {
    width: calc(100% - 60px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
  #searchForm button {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
}









/* GALLERY */
.slideshow2 {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
}
.slideshow2 .slider {
  position: relative;
  float: left;
  width: 1000%;
  height: 440px;
  top: 0;
  left: 0;
  transition: .25s linear all;
  /*background: var(--darkyellow)*/
}
.slideshow2 .slider .slide {
  position: relative;
  float: left;
  width: 10%;
  height: 440px;
  top: 0;
  left: 0;
}
.slideshow2 .slider .slide img, .slideshow2 .slider .slide iframe {
  position: relative;
  float: left;
  width: 100%;
  height: 440px;
}
.slideshow2 .slider .slide img {
  height: 440px;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;
}
.slideshow2 .mback, .slideshow2 .mnext {
  position: absolute;
  width: auto;
  height: 40px;
  top: calc(50% - 20px);
  left: -30px;
  padding-left: 40px;
  padding-right: 20px;
  border-radius: 20px;
  background: rgba(0,0,0,0.2);
  cursor: pointer;
  transition: .2s linear all;
}
.slideshow2 .mnext {
  left: calc(100% - 40px);
  padding-left: 20px;
  padding-right: 40px;
}
.slideshow2 .mback p, .slideshow2 .mnext p {
  line-height: 40px !important;
}
.slideshow2 .mback:hover,
.slideshow2 .mnext:hover {
  background: rgba(0,0,0,0.4);
}









/* NORMAL ARTICLES */
#events, #highlights, #press {
  overflow: hidden;
}
/* News article fix up */
section.page.newsarticle {
  padding: 0;
  width: 100%;
}
.artcontainer {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.articleslider {
  position: relative;
  float: left;
  width: calc(500% + 60px);
  height: auto;
  top: 0;
  left: 0;
  transition: .2s linear all;
}
.articleslider .articleslide {
  position: relative;
  float: left;
  width: 20%;
  height: auto;
  top: 0;
  left: 0;
}
.articleslider .newlinebutton {
  width: calc(20% - 12px);
  margin-right: 80%;
}
.fentry.normal {
  width: calc((100% / 3) - 12px);
  margin-right: 12px;
}
.fentry.normal .fentrycontent .fheadercontainer {
  position: relative;
  float: left;
  width: 100%;
  height: 70px;
  top: 0;
  left: 0;
  margin-top: 10px;
}
.fentry.normal .fentrycontent .fheadercontainer h5 {
  margin: 0;
}
.readmore {
  position: absolute;
  width: calc(100% - 228px);
  height: 24px;
  bottom: 0;
  right: 0;
  padding-left: 14px;
  padding-right: 14px;
  background: var(--darkestmetal);
  transition: .2s linear all;
  text-align: right;
}
.readmore p {
  color: white;
  font-size: 13px;
  line-height: 24px;
  margin: 0;
}
.fentry.normal:hover > .readmore {
  background: var(--darkmetal);
}
@media all and (max-width: 520px){
  .fentry.normal {
    width: calc(100% - 12px);
  }
  .fentrythumb {
    display: none;
  }
}
.articleslideindics {
  position: relative;
  float: left;
  width: 120px;
  height: 30px;
  top: 5px;
  left: 0;
}
.rightToLeft .articleslideindics {
  float: right;
}
.articleslideindics .articleslideindic {
  position: relative;
  float: left;
  width: 14px;
  height: 14px;
  top: 8px;
  left: 0;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--metal);
}
.rightToLeft .articleslideindics .articleslideindic {
  margin-right: 0;
  margin-left: 10px;
  xfloat: right;
}
.articleslideindics .articleslideindic.active {
  background: var(--darkmetal);
}








/* MEDIATHEQUE */
#medialibrary img {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
}







/* CONTENT PAGE DESIGN */
section.page {
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  border-radius: 4px;
  padding: 30px;
  padding-bottom: 110px;
  width: calc(100% - 60px);
  min-height: 1200px;
  overflow: hidden;
}
.maincontent.contact section.page {
  width: calc(100% - 60px);
  padding-top: 400px;
  min-height: 0;
}
@media all and (max-width: 1440px) {
  section.page {
    min-height: 1000px;
  }
}
@media all and (max-width: 1140px) {
  section.page, .maincontent.contact section.page {
    padding-left: 14px;
    padding-right: 14px;
    width: calc(100% - 28px);
  }
}
section.page .pgheader {
  position: relative;
  float: left;
  width: calc(100% + 0px);
  height: auto;
  top: -30px;
  left: -30px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
}
section.page .pgheader.pg {
  background: var(--yellow);
  background: linear-gradient(90deg, var(--yellow) 0%, var(--darkyellow) 100%);
}
section.page .pgheader.sr {
  background: var(--blue);
  background: linear-gradient(90deg, var(--blue) 0%, var(--darkblue) 100%);
}
section.page .pgheader.sys {
  background: var(--darkmetal);
  background: linear-gradient(90deg, var(--darkmetal) 0%, var(--darkestmetal) 100%);
}
section.page .pgheader.media {
  background: var(--xlightgray);
  background: linear-gradient(90deg, var(--xlightgray) 0%, var(--metal) 100%);
}
section.page h1 {
  margin-bottom: 5px;
}
section.page h1.newsArticleTitle {
  line-height: 32px;
  margin-bottom: 20px;
}
section.page .pgheader h1 {
  margin: 0;
  font-size: 34px;
  line-height: 34px;
  color: white;
}
section.page .pgheader h5 {
  margin: 0;
  font-size: 15px;
  line-height: 15px;
  color: var(--lightgray);
}
section.page .pgheader h1.darkblue {
  color: var(--darkblue);
}
section.page .pgheader h5.darkyellow {
  color: var(--darkyellow);
}
@media all and (max-width: 1140px) {
  section.page .pgheader {
    top: -30px;
    left: -14px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 14px;
    padding-right: 14px;
  }
}
.contentcontainer {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
.contentcontainer.top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 360px;
  padding: 0;
  margin: 0;
}
.contentcontainer.text {
  border-left: 2px solid var(--yellow);
  padding-left: 20px;
  width: calc(100% - 22px);
}
.rightToLeft .contentcontainer.text {
  border-left: none;
  border-right: 2px solid var(--yellow);
  padding-left: 0;
  padding-right: 20px;
}
.contentcontainer.text.pg {
  border-color: var(--yellow);
}
.contentcontainer.text.sr {
  border-color: var(--blue);
}
.contentcontainer.capsule {
  border: 2px solid var(--darkmetal);
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 4px;
  width: calc(100% - 64px);
}
.contentcontainer ul, .contentcontainer ol {
  margin-top: 20px;
  margin-bottom: 20px;
}
.contentcontainer ul li, .contentcontainer ol li {
  line-height: 16px;
  margin-bottom: 10px;
}
.contentcontainer ul {
  list-style-type: disc;
  padding-left: 20px;
}
.contentcontainer ol {
  list-style-type: decimal;
  padding-left: 20px;
}
.rightToLeft .contentcontainer ul,
.rightToLeft .contentcontainer ol {
  padding-left: 0;
  padding-right: 20px;
}
.pagelink {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  height: auto;
  top: 0;
  left: 0;
  border-radius: 4px;
  transition: .2s linear all;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.pagelink:hover {
  background: var(--darkmetal);
}
.pagelink p {
  color: white;
  font-size: 16px;
  line-height: 18px;
}
.pagefooter {
  position: absolute;
  width: calc(100% - 60px);
  height: 60px;
  bottom: 0;
  left: 0;
  background: var(--darkmetal);
  padding: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
  transition: .2s linear all;
}
.pagefooter p {
  line-height: 60px;
  color: white;
}
.rightToLeft .pagefooter p {
  line-height: 60px !important;
}
.pagefooter:hover {
  background: var(--darkestmetal);
}
.pagefooter:hover > p {
  color: white;
}


/* PHOTOTHEQUE */
.photocontainer {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: -20px;
  left: 0;
}
.photocontainer .photo {
  position: relative;
  float: left;
  width: calc(50% - 12px);
  height: 160px;
  top: 0;
  left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid var(--darkmetal);
  cursor: pointer;
  transition: .2s linear all;
}
.photocontainer .photo:hover {
  border-color: var(--yellow);
}
.photocontainer .photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.photocontainer .photo button {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.overlay.black .photo {
  position: absolute;
  height: 68%;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow: hidden;
}
.overlay.black .photo img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.overlay.black.pho {
  background: rgba(0,0,0,0.9);
  z-index: 20;
}






/* POPUP */
.overlay.black.popup {
  display: block;
  z-index: 11;
}
.popupcontent {
  position: absolute;
  width: auto;
  height: auto;
  max-height: calc(100vh - 100px);
  top: 50%;
  left: 50%;
  background: white;
  padding: 20px;
  border-radius: 4px;
  transform: translateY(-50%) translateX(-50%);
  overflow: hidden;
}
.popupcontent img {
  position: relative;
  float: left;
  width: auto;
  height: auto;
  max-height: calc(100vh - 200px);
  left: 0;
  top: 0;
}
.popupcontent .popuptxt {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  height: auto;
  max-height: calc(100% - 440px);
  padding: 20px;
  border-top: 1px solid var(--metal);
  margin-top: 20px;
  top: 0;
  left: 0;
}
.popupcontent .closepopup {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 10px;
  border-radius: 4px;
  border: 2px solid var(--metal);
  background: var(--metal);
  text-align: center;
  transition: .2s linear all;
  cursor: pointer;
}
.popupcontent .closepopup p {
  color: var(--blue);
  line-height: 40px !important;
  transition: .2s linear all;
}
.popupcontent .closepopup p i {
  line-height: 40px;
}
.popupcontent .closepopup:hover {
  border-color: var(--blue);
  background: var(--blue)
}
.popupcontent .closepopup:hover > p {
  color: white;
}
@media all and (max-width: 1160px) {
  /*.popupcontent {
    top: 90px;
    transform: none;
  }*/
}
@media all and (max-width: 720px) {
  .popupcontent {
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 140px);
    top: 90px;
    left: 10px;
    background: white;
    padding: 20px;
    border-radius: 4px;
    overflow: hidden;
    transform: none;
  }
  .popupcontent img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 100%;
  }
}







/* ALL NEWS PAGE */
.viewoptions {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.viewoptions .viewoption {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  height: auto;
  top: 0;
  left: 0;
  border: 1px solid var(--metal);
  margin-bottom: 10px;
  padding: 10px;
  cursor: pointer;
  transition: .2s linear all;
}
.viewoption i {
  margin-right: 10px;
}
.rightToLeft .viewoption i {
  margin-right: 0px;
  margin-left: 10px;
}
.viewoptions .viewoption:hover, .viewoptions .viewoption.show {
  background: var(--blue);
}
.viewoptions .viewoption:hover > p, .viewoptions .viewoption:hover > p i, .viewoptions .viewoption.show p, .viewoptions .viewoption.show p i {
  transition: .2s linear all;
  color: white;
}
.contentcontainer.bylatest, .contentcontainer.bydate {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  /*max-height: 1000px;
  overflow-y: scroll;*/
  padding-bottom: 12px;
  padding-top: 0;
  margin-top: 40px;
  display: none;
}
.contentcontainer.show {
  display: block;
}
.contentcontainer .fentry.normal {
  width: calc(100% - 0px);
  margin-right: 0;
  border: 1px solid var(--metal);
  transition: .2s linear all;
  height: 120px;
}
.contentcontainer .fentry.normal .fentrythumb {
  width: 200px;
  height: 100%;
  overflow: hidden;
}
.contentcontainer .fentry.normal .fentrycontent {
  width: calc(100% - 240px);
  padding-left: 20px;
  padding-right: 20px;
  height: auto;
}
.contentcontainer .fentry.normal .fentrycontent .fheadercontainer {
  height: auto;
  margin-top: 10px;
}
@media all and (max-width: 1080px) {
  .contentcontainer .fentry.normal .fentrythumb {
    display: none;
  }
  .contentcontainer .fentry.normal .fentrycontent {
    width: calc(100% - 40px);
  }
  .readmore {
    width: calc(100% - 28px);
  }
}
@media all and (max-width: 520px) {
  .contentcontainer .fentry.normal {
    margin: 0;
    margin-bottom: 10px;
    width: calc(100% - 2px);
  }
}
.contentcontainer .fentry.normal:hover {
  xborder-color: var(--yellow);
  background: var(--xlightgray);
}
.monthyearbar {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.contentcontainer .photo {
  position: relative;
  float: left;
  width: calc(50% - 12px);
  height: 160px;
  top: 0;
  left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid var(--darkmetal);
  cursor: pointer;
  transition: .2s linear all;
}
.contentcontainer .photo:hover {
  border-color: var(--yellow);
}
.contentcontainer .photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.photodesc {
  position: absolute;
  width: calc(100% - 20px);
  height: auto;
  padding: 10px;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.85);
}
.photodesc * {
  color: white;
}
.videodesc {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  height: auto;
  padding: 10px;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--metal);
  margin-bottom: 50px;
}
.videodesc h5 {
  margin-bottom: 0 !important;
}
.map {
  position: relative;
  float: left;
  width: 100%;
  height: 360px !important;
  top: 0;
  left: 0;
  background-image: url('../img/bg/mar.jpg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.owl-carousel{
  overflow: hidden;
  position: relative;
}
.owl-carousel .owl-stage{
  display: flex;
}
.owl-carousel .owl-stage .vidIframe {
  width: 100%;
  min-height: 465px;
}
.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-height: 55px;
  min-width: 55px;
  font-size: 35px;
}
.owl-next {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  min-height: 55px;
  min-width: 55px;
  font-size: 35px;
}
#printButton {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  padding: 4px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  transition: .2s linear all;
}
#printButton p, #printButton p i {
  padding: 0;
  margin: 0;
  font-size: 1.2em !important;
  line-height: 30px !important;
}
#printButton:hover {
  background: white;
}
.rightToLeft #printButton {
  right: auto;
  left: 10px;
}


.contentcontainer h5 {
  margin-bottom: 20px;
}
.contentcontainer .photodesc h5 {
  margin-bottom: 0px;
}
.contentcontainer a:hover {
  color: var(--blue);
}

.contentcontainer .newscoverphoto {
  position: relative;
  float: left;
  width: 100%;
  height: 460px;
  top: 0;
  left: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.contentcontainer img.newscover {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  xobject-fit: cover;
  object-position: center;
  xmin-height: 100%;
}
.coveroverlay {
  position: absolute;
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0);
 background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
.contentcontainer .breadcrumb {
  position: absolute;
  width: auto;
  height: 24px;
  top: 20px;
  left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
}
.rightToLeft .contentcontainer .breadcrumb {
  left: auto;
  right: 10px;
  text-align: right;
}
.contentcontainer .breadcrumb a, .contentcontainer .breadcrumb i {
  font-size: 12px;
  line-height: 24px;
}
.contentcontainer .breadcrumb a {
  color: var(--blue);
  text-decoration: underline;
  transition: .2s linear all;
}
.contentcontainer .breadcrumb i {
  font-size: 8px;
  color: var(--darkmetal);
}
.contentcontainer .breadcrumb a:hover {
  color: var(--darkyellow);
}
.contentcontainer .newsbody {
  position: relative;
  float: left;
  width: calc(100% - 80px);
  height: auto;
  padding: 40px;
  padding-top: 0;
}
.contentcontainer .newsbody img {
  position: relative;
  width: 80% !important;
  height: auto;
  left: 10%;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 17px -11px rgba(0,0,0,0.75);
  margin-top: 10px;
  margin-bottom: 20px;
}
.rightToLeft .contentcontainer .newsbody img {
  left: auto;
  right: 10%;
}
.tiny.articledate {
  margin-bottom: 10px;
}
.contentcontainer .newsbody .tiny {
  margin-bottom: 14px;
}
.rightToLeft .goback i {
  margin-left: 20px;
  position: relative;
  top: 2px;
}

.contentcontainer .contactcard {
  position: relative;
  float: left;
  width: calc(100% - 54px);
  height: auto;
  top: 0;
  left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 20px;
  border: 2px solid var(--metal);
}
.rightToLeft .contentcontainer .contactcard {
  float: right;
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 10px;
}
.contentcontainer.contactform form {
  position: relative;
  float: left;
  width: calc(100% - 44px);
  height: auto;
  top: 0;
  left: 0;
  border: 2px solid var(--darkblue);
  border-radius: 4px;
  margin-top: 20px;
  padding: 20px;
}
.contentcontainer.contactform form .input, .contentcontainer.contactform form .newlinebutton {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  margin-bottom: 20px;
}
.contentcontainer.contactform form .newlinebutton {
  margin-bottom: 0;
  margin-top: 0;
}
select {
  border: none;
  background: none;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  border-radius: 0;
  background: none;
  line-height: 10px;
  height: 40px;
  background-image: url("data:image/svg+xml;utf8,<svg fill='blue' height='24' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 4px;
  font-size: 13px;
}
.rightToLeft select {
  background-position-x: 0;
}
.contentcontainer.contactform form .input input, .contentcontainer.contactform form .input select, .contentcontainer.contactform form .input textarea {
  position: relative;
  float: left;
  width: calc(100% - 22px);
  height: 40px;
  top: 0;
  left: 0;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--metal);
  border-radius: 4px;
  transition: .2s linear all;
}
.rightToLeft .contentcontainer.contactform form .input input,
.rightToLeft .contentcontainer.contactform form .input select,
.rightToLeft .contentcontainer.contactform form .input select option,
.rightToLeft .contentcontainer.contactform form .input textarea {
  text-align: right;
}
.contentcontainer.contactform form .input select {
  width: 100%;
}
.contentcontainer.contactform form .input textarea {
  font-size: 13px;
  line-height: 15px;
  padding-top: 14px;
  padding-bottom: 14px;
  height: 100px;
}
.contentcontainer.contactform form .input input:hover, .contentcontainer.contactform form .input select:hover, .contentcontainer.contactform form .input textarea:hover,
.contentcontainer.contactform form .input input:focus, .contentcontainer.contactform form .input select:focus, .contentcontainer.contactform form .input textarea:focus {
  border-color: var(--yellow);
}
.contentcontainer.contactform form .input label {
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  color: var(--darkblue);
  font-weight: bold;
}

.pdfbox {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  height: auto;
  top: 0;
  left: 0;
  padding: 20px;
  margin-bottom: 40px;
  background: var(--xlightgray);
  transition: .2s linear all;
}
.pdfbox p {
  line-height: 40px;
  margin-left: 30px;
}
.rightToLeft .pdfbox {
  float: right;
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 10px;
}
.pdficon {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -20px;
  left: -20px;
  padding: 10px;
  border-radius: 50%;
  background: var(--metal);
  text-align: center;
}
.pdfbox:hover {
  background: var(--darkblue);
}
.pdfbox:hover > p {
  color: white;
}
.pdfbox i {
  line-height: 40px;
}
.rightToLeft .pdfbox i {
  margin-right: 0;
  margin-left: 10px;
}
.pdfbox:hover > .pdficon i {
  color: var(--darkestblue);
}



/* VID FIX */
.videocontainer {
  position: relative;
  float: left;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.videocontainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





section.page.adminlogin {
  min-height: 400px;
  padding: 40px;
  width: calc(100% - 80px);
}
section.page.adminlogin .adminlogo {
  position: relative;
  float: left;
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  background-image: url('../img/logo/logoadminv2.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
@media all and (max-width: 1440px) {
  section.page.adminlogin {
    min-height: 500px;
    padding: 60px;
    width: calc(100% - 120px);
  }
}
#loginform {
  position: relative;
  float: left;
  width: calc(60%);
  height: auto;
  top: 0;
  left: 20%;
  border-radius: 4px;
}
@media all and (max-width: 720px) {
  #loginform {
    width: 100%;
    left: 0;
  }
}
#loginform .input {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  top: 0;
  left: 0;
  margin-bottom: 30px;
}
#loginform .input input {
  position: relative;
  float: left;
  width: calc(100% - 24px);
  height: auto;
  line-height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid var(--metal);
  border-radius: 4px;
}
#loginform .input label {
  text-transform: uppercase;
  font-size: 12px;
}
#loginform .input.button {
  margin-bottom: 0;
}
#loginform .input button {
  position: relative;
  float: right;
  width: auto;
  height: auto;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  border: 2px solid var(--darkblue);
  background: none;
  border-radius: 15px;
  cursor: pointer;
  transition: .2s linear all;
}
#loginform .input button:hover {
  background: var(--darkblue);
  color: white;
}



.tiny i.fa-calendar {
  color: var(--darkblue);
  margin-right: 5px;
}
.rightToLeft .tiny i.fa-calendar {
  margin-right: 0;
  margin-left: 5px;
}








/* ORGANIGRAM */
.organigram {
  position: relative;
  float: left;
  width: calc(100% - 4px);
  height: auto;
  top: 0;
  left: 0;
  overflow-x: auto;
  border: 2px solid var(--darkblue);
  border-radius: 4px;
  margin-top: 20px;
  transition: .2s linear all;
  background: white;
}
.organigram.expanded {
  position: fixed;
  width: 94%;
  height: auto;
  max-height: 90vh;
  top: 50%;
  transform: translateY(-50%);
  left: 3%;
  z-index: 99;
}
.organigram .title {
  display: none;
}
.organigram, .organigram * {
  font-size: 13px !important;
  line-height: 14px !important;
  direction: ltr !important;
}
.orgchart {
  background-image: none !important;
  transform: translateX(-37%);
}
.orga-expand {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  background: var(--darkyellow);
  cursor: pointer;
  text-align: center;
  border-bottom-left-radius: 4px;
  transition: .2s linear all;
}
.orga-expand:hover {
  background: var(--yellow);
}
.orga-expand p, .orga-expand p i {
  font-size: 20px !important;
  line-height: 40px !important;
  color: white;
}


/* SITEMAP */
.rubriqueBox {
  position: relative;
  float: left;
  width: calc(100% - 4px);
  height: auto;
  top: 0;
  left: 0;
  border-left: 2px solid var(--darkestmetal);
  margin-bottom: 60px;
}
.rubriqueTitle {
  position: relative;
  float: left;
  width: auto;
  height: auto;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  background: var(--darkestmetal);
  color: white;
}
.sitemapsecondary {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.sectionTitle {
  position: relative;
  float: left;
  width: calc(100% - 53px);
  height: auto;
  top: 0;
  left: 0;
  margin: 5px;
  margin-left: 20px;
  padding: 6px;
  padding-left: 12px;
  padding-right: 12px;
  border: 2px solid var(--darkmetal);
  cursor: pointer;
  transition: .2s linear all;
}
.sectionTitle:hover {
  background: var(--darkmetal);
  color: white;
}
.pageTitle {
  position: relative;
  float: left;
  width: calc(100% - 46px);
  height: auto;
  top: 0;
  left: 0;
  margin-bottom: 4px;
  margin-left: 40px;
  border-bottom: 2px solid var(--metal);
  transition: .2s linear all;
}
.pageTitle:hover {
  border-color: var(--yellow);
}






/* ALERT */
.alert {
  position: relative;
  float: left;
  width: calc(100% - 22px);
  height: auto;
  top: 0;
  left: 0;
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  border-radius: 2px;
  border: 1px solid var(--blue);
  background: var(--xlightgray);
  margin-bottom: 20px;
}
.alert.warning {
  border-color: var(--darkyellow);
}
.alert p {
  font-size: 13px;
  line-height: 15px;
}



.hideMapTools, .hideZoomTools {
  position: absolute;
  width: 200px;
  height: 200px;
  top: -100px;
  right: -100px;
  transform: rotateZ(45deg);
  transform-origin: center;
  background: var(--yellow);
}
.hideZoomTools {
  top: auto;
  bottom: -100px;
  right: auto;
  left: -100px;
  background: var(--yellow);
  border-radius: 4px;
}
.mapOverlay {
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 80px);
  top: 0;
  left: 0;
  border: 20px solid var(--xlightgray);
  border-top: 60px solid var(--xlightgray);
  border-right-color: var(--xlightgray);
  background: transparent;
}
.mapBox {
  overflow: hidden;
}
.findUsText {
  position: absolute;
  width: calc(100% - 160px);
  height: 60px;
  top: 0;
  left: 20px;
}
.findUsText p {
  font-size: 15px;
  line-height: 17px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: black;
}



.contentcontainer object, .contentcontainer embed {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  min-height: 600px;
  top: 0;
  left: 0;
}


.contentcontainer table tr td {
  border: 1px solid rgb(200,200,200);
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.contentcontainer .orgchart table tr td {
  border: none;
  padding: 0;
}