@import '/assets/fonts/fa5.css';
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

    :root {
        --white: #ffffff;
        --black: #000;
        --light: #f5f5f5;
        --medium: #e3e3e3;
        --main: #204460;
        --submain: #4f5089;
        --altmain: #5C7B93;
        --link: #4263EB;
        --Red: #D71414;
        --Cyan: #0C8181;
        --Green: #10AC10;
        --Orange: #D76C14;
        --Blue: #1B3E90;
        --Mustard: #D79614;
        --Purple: #391D94;
        --Grey: #5E6169;
        --default: #2b1f69;
        --a-default:Red;
        --box-shadow-grey: rgba(0, 0, 0, 0.30);
        --bg-shadow-grey: rgba(0, 0, 0, 0.30);
        --openbtn:#2b1f69;
        --sidebar-bg:#4f5089;
        --topNavBar-bg:var(--sidebar-bg);
        --main-bg:#ffffffe0;
        --section-bg:#fffffff7;
        --section-footer-bg:#4f5089f5;
        --separator:#0000004d;
        --footer-bg:#ffffffe0;
        --section-bg:#fffffff2;
        --albums-bg:#343462c7;
        --albums-title:#343462c7;
        --albums-desc:#343462c7;
        --topNav-border-hover:#ececec57;
        --topNav-bg-hover:#434472;
        --topNav-hover: #656597;
        --GreenYellow:#adff2f;
    }

    * {
    font-family: 'Oswald', reqular;
    font-weight: 400;
    scrollbar-width: thin;
    }

*.iconDelete{
  display: none!important;
}

body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  flex-wrap: wrap;
  align-content: center;
  font-family: 'Oswald', reqular;
  font-weight: lighter;
  color: var(--default);
  align-items: center;
  background-image: url('/images/body-bg.jpg');
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow-x: hidden;
  transition: .5s;
}

sup{
font-size: small;
margin: 5px;
}

em{
  font-weight: 300;
}

strong{
  font-weight: 400;
}

strong > em{
	font-weight: 400!important;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

div.row-nowrap{
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

.isHidden{
  display: none!important;
  visibility: hidden!important;
  height: 0px!important;
  width: 0px!important;
  margin: 0px!important;
  padding: 0px!important;
}

.hr-separator{
  width: 100%;
  opacity: 0.25;
}

img.cover_image{
  aspect-ratio: 3/4;
}

.indexNews__column-left-first img{
  opacity: 1;
}

.indexNews__column-left img{
  opacity: 0;
}

.topNavBar__dropbtn {
  padding: 5px;
  border: none;
  cursor:pointer;
}

.topNavBar__dropdown {
  position: relative;
  display: inline-block;
}

.topNavBar__dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--topNavBar-bg);
  min-width: 275px;
  box-shadow: 4px 4px 6px -1px rgb(0 0 0 / 5%), -4px 4px 6px -1px rgb(0 0 0 / 5%);
  z-index: 1;
}

.topNavBar__dropdown-content a {
  color: var(--light);
  padding: .35rem 10px;
  text-decoration: none;
  display: block;
  font-weight: 300;
  font-size: 14px;
}

.topNavBar__dropdown-content a:hover {
  /*background-color: #ddd;*/
  text-decoration: underline;
}

.topNavBar__dropdown:hover .topNavBar__dropdown-content {display: block;}

/*.topNavBar__dropdown:hover .topNavBar__dropbtn {background-color: var(--topNav-hover)}*/



.topNavBar {
  background-color: var(--topNavBar-bg);
  padding: 5px 5px;
  width: 100%;
  top: 0;
  z-index: 99;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 4px 0 var(--separator);
  flex-direction: column;
  align-content: center;
  position: fixed;
  transition: .4s;
  }
  

  .topNavBar .topNavBar__logo {
    color: var(--a-default);
    text-align: center;
    padding: 8px;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    border-radius: 4px;
  }
  
  .topNavBar span {
      color:var(--light);
  }

  .topNavBar .topNavBar__logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.15rem;
    text-transform: uppercase;
  }
  
  .topNavBar__logo-image{
    max-width: 100px;
  }

  .topNavBar__middle{
    display: flex;
    margin: 10px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }

  .topNavBar__middle>a{
    text-decoration: none;
  }
  
  .topNavBar__container{
    cursor: pointer;
    margin: 6px;
  }
  
  .topNavBar__button-main{
    font-size: 1.1rem;
    background: var(--topNavBar-bg);
    color: var(--light);
    padding: 5px;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
  }

  .topNavBar__button-main.active, .topNavBar__button-sub.active{
    color: var(--Mustard);
  }
    .topNavBar__button-main:hover{
      color: var(--white);
      border: 1px solid transparent;
    }
    

  
  .topNavBar__button-sub{
    font-size: 1.1rem;
    background: var(--white);
    color: var(--default);
    padding: 5px;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 400;
  }

  
  .topNavBar__button-sub:hover{
    color: var(--default);
  }




  .topNavBar__right{
    position: fixed;
    right: 1rem;
    text-align: center;
    visibility: hidden;
  }

  
  .sidebar {
    height: -webkit-fill-available;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    background-color: var(--sidebar-bg) ;
    overflow-x: hidden;
    transition: 0.25s;
    padding-top: 60px;
  }

  .sidebar__left{
    left:0;
  }
  
  .sidebar__right{
    right:0;
  }

  .rightSidebar__accordion{
    cursor: pointer;
    font-weight: 300;
    color: var(--medium);
    padding: 8px 8px 10px 28px;
    font-size: large;
    display: block;
    transition: 0.3s;
    margin-bottom: .5rem;
  }

  .rightSidebar__accordion.active{
    cursor: pointer;
    font-weight: 300;
    color: var(--Mustard);
    padding: 0px 5px 6px 28px;
    text-decoration: none;
    font-size: large;
    display: block;
    transition: 0.3s;
    border: 0;
    margin-bottom: .2rem;
  }
  .rightSidebar__panel{
    padding: 0 20px;
  }
  .sidebar .sidebar-link {
    padding: 5px 5px 5px 28px;
    text-decoration: none;
    font-size: large;
    color: var(--medium);
    display: block;
    transition: 0.3s;
    font-weight: 300;
    margin-bottom: .5rem;
  }

  .sidebar .sidebar-link.active{
    color: var(--Mustard)!important;
  }

  .sidebar a{
    text-decoration: none;
  }
  .sidebar a sup{
    color: var(--light);
font-size: small;
margin: 5px;
}
  .sidebar a:hover {
    color: var(--white);
  }
  
  .sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 48px;
    font-weight: 600;
    color: var(--light);
  }
  
  .openbtn {
    font-size: 24px;
    cursor: pointer;
    color: var(--light);
    margin: auto;
    border: 1px solid var(--medium);
    font-weight: 700;
    padding: 0px 10px 5px 13px;
    width: 80vw;
    background: var(--topNavBar-bg);
  }
  
  .openbtn:hover{
    background-color: var(--Red);
  }

  .openbtn-right{
    width: fit-content;
    visibility: visible;
    position: relative;
    color: var(--medium);
    background: transparent;
    font-size: 20px;
    cursor: pointer;
    margin: 0 5px;
  }

  .openbtn-right:hover {
    color:var(--white);
  }
  
  .main {
    transition: margin-left .5s;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    width: -webkit-fill-available;
    padding: 1.25rem 0;
    justify-content: space-around;
    max-width: 1000px;
  }

  .section > h2{
    font-weight: 400;
    font-size: 1em;
    text-align: left;
    border-bottom: 1px solid var(--medium);
    padding: 1.25em 0.8em;
    margin: auto 0px;
    width: -webkit-fill-available;
    background: var(--light);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
  }

  .section > .h2-2{
    border-bottom: 0px solid var(--default)!important;
    padding-bottom: 1rem;
    margin: auto;
  }

  .section > p{
    font-weight: 300;
    margin: 0;
    padding: .5rem 1rem;
    text-align: start;
  }

  .section > p > a.section__text-link{
    font-weight: 300;
  }

  .section > p > a.section__text-link:hover{
    color: var(--Red);
  }

  .section > p.section__p-title{
    margin: auto;
    font-size: 20px;
    font-weight: 500;
    margin-top: 1.5rem;
    width: -webkit-fill-available;
  }

  .section__p-title-first {
    margin-top: auto!important;
  }

  
  
  .section > p.section__button{
    font-size: 20px;
    font-weight: 300;
    background: var(--main);
    margin: 1rem;
    min-width: 100px;
    cursor: pointer;
    width: fit-content;
  }


  .section__button-link {
    padding: 5px 10px 8px 0px;
    font-size: initial;
    text-decoration: none;
    font-weight: 300;
    background: var(--main);
    color: var(--light);
    margin: 1rem 0;
    min-width: 100px;
    text-align: center;
    margin-bottom: 1.5rem;
    width: fit-content;
    border-radius: 4px;
}
.section__button-link-middle {
  font-size: large!important;
}
.section__button-link:hover{
  background: #1b537e;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
}

.section > p > a.section__link{
  font-weight: 400;
  font-size: large;
  color: var(--a-default);
  text-decoration: none;
  margin-bottom: 1.5rem;
}
.section > p > a.section__link:hover{
  text-decoration: underline;
}

.section .section__divider{
  border: 0;
  border-bottom: 1px solid #e1e1e1;
  height: 1px;
  width: 100%;
  margin: auto;
}

  @media screen and (max-height: 450px) {
    .sidebar {padding-top: 15px;}
    .sidebar a {font-size: 18px;}
  }

  @media screen and (max-width: 799px){
    .topNavBar__middle{
      display: none;
    }

  }

 
.section{
      display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 20px;
    font-weight: 400;
    background-color: var(--white);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%);
    border-bottom: 0.5px solid rgb(0 0 0 / 25%);
    max-width: 1000px;
    width: -webkit-fill-available;
    margin-bottom: 1rem;
  }


.section__even{
  background-image: url(/images/bg0.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.section__odd{
  background-image: url(/images/bg01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section__stretch{
  align-items: stretch!important;
}




.section__section .h2-0{
    max-width: 28vw;
}

.h2-0 sup{
  font-size: initial;
  font-weight: 800;
  position: absolute;
  margin-left: 5px;
  margin-top: 4px;
}

.section__section .h2-1{
    max-width: 37vw;
}

.section__section .h2-2{
    max-width: 15vw;
}

.section__section .h1{
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  max-width: 60vw;
  margin: auto;
}

.section__info{
  display: flex;
  font-weight: 300!important;
  padding: .5rem 1rem;
  flex-direction: column;
  margin: .25rem!important;
}

.section__info-text-center{
  justify-content: center;
  text-align: center;
}

.section__info-inverse{
  display: flex;
  font-size: 20px;
  font-weight: 400;
  padding: 2rem;
  background: var(--main);
  color: var(--light);
  border-radius: 10px 10px;
  width: calc(85%);
  margin: 2rem auto;
}

.section__footer{
  display: flex;
  margin: 0;
  background: var(--section-footer-bg);
  top: -10px;
  position: relative;
  min-height: 200px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0em 1em 0em 1em;
}

.center-image{
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.center-image__logo{
    max-width: 250px;
    margin-top: 2rem;
}

.center-image__map{
  width: -webkit-fill-available;
  max-width: 100%;
}

.center-image__medal{
    max-width: 15vw;
}


.team{
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 2rem;
  justify-content: center;
}


.team__card{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 1.25rem;
  padding: 0px 0px 30px 0px;
  border-bottom: 0px dotted var(--separator);
}


.team__image{
  width: auto;
  max-height: 350px;
  box-shadow: 0 2px 6px 0 var(--separator);
  border-radius: 25px;
}

.team__image-horizontal{
  width: 100%;
}

.team__container{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.team__title{
  border-bottom: 0px dotted var(--separator)!important;
  padding-bottom: .5rem!important;
}

.team__title-fw-400{
  font-weight: 400!important;
}


.partners{
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 2rem;
  flex-direction: row;
  justify-content: center;
}

.partners__card{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 2rem;
}

.partners__image{
  width: auto;
  max-height: 175px;
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 12%);
  border-radius: 10%;
}


.square{
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 2rem;
  justify-content: center;
}

.square__card{
    margin: 1rem;
    max-width: calc(45%);
    text-align: center;

}

.square__container{
  box-shadow: 0 2px 6px 0 var(--separator);
  padding: 1.5rem;
  background-color: #ffffffcc;
  border-radius: 25px;
  border: 4px solid var(--white);
  min-height: 15vh;
  display: flex;
}

.square__container-alfa{
  background-image: url('/images/alfa-bg.jpg');  
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.square__info{
  font-weight: 400!important;
  font-size: 20px;
}


.fireproof-icons{
  display: flex;
  flex-wrap: wrap;
  margin: 80px;
  margin-top: 2rem;
}

.fireproof-icons__card{
  display: flex;
  flex-direction: column;
  margin: 20px auto;
  background-color: hsl(0deg 0% 100% / 50%);
  border: 2px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 var(--separator);
  max-width: 275px;
  width: -webkit-fill-available;
}

.fireproof-icons__image{
  width: auto;
    max-width: 300px;
    border-radius: 10px 10px 0px 0px;
}

.fireproof-icons__container{
  padding: .5rem;
  background-color: #ffffffa1;
  height: 100%;
  margin: 0;
}

.fireproof-icons__info{
  font-weight: 400!important;
  padding: 1rem;
  text-align: center;
}

.gallery{
  display: flex;
  flex-wrap: wrap;
  margin: auto 1rem;
  margin-top: 2rem;
  justify-content: center;
}

.gallery__card{
  display: flex;
  flex-direction: column;
  margin: 1rem;
  background-color: hsl(0deg 0% 100% / 50%);
  border: 2px solid white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 var(--separator);
  width: -webkit-fill-available;
  max-width: 200px;
}

.gallery__card a{
  display: flex;
  height: 100%;
}

.gallery__image{
  width: auto;
    max-width: 200px;
    border-radius: 10px;
}

.gallery__container{
  padding: .5rem;
  background-color: #ffffffa1;
  height: 100%;
  margin: 0;
}

.gallery__info{
  font-weight: 400!important;
  padding: 1rem;
  text-align: center;
}

.contact{
  width: 100%;
  width: -webkit-fill-available;
  text-align: center;
}

.contact__address{
  font-size: 20px;
  font-weight: 700!important;
  margin-top: 1rem!important;
}

.contact__map{
  width: 100%;
  width: -webkit-fill-available;
  margin: 2rem auto;
  text-align: center;
  overflow: hidden;
  padding: 1rem;
}

.contact__map iframe{
  position: relative;
  min-width: 75%;
  width: 100%;
  width: -webkit-fill-available;
  min-height: 23rem;
}

.contact__phone{
  display: flex;
  font-weight: 500!important;
  margin: auto;
  font-size: 20px;
  text-decoration: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.contact__phone i{
  font-size: medium;
  padding: 0px 1rem;
}


.footer{
  padding: 3rem 0;
  text-align: center;
}

.footer__url{
  margin: auto;
}

.footer__url a{
  font-weight: 400;
  font-size: initial;
  text-decoration: none;
  color: var(--light);
}

.footer__copyright{
  text-align: center;
  font-weight: 400;
  font-size: small;
  margin: 1rem;
  color: var(--light);
}

.btnTop{
  background: var(--a-default);
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: fixed;
  bottom: 15px;
  right: 1rem;
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 15%);
  cursor: pointer;
  border-radius: 10px;
  transition: 0.5s;
}

.btnTop i{
  color:var(--light);
}

.btnTop__hidden, .btnTop__hidden i{
  font-size: 0px;
  visibility:hidden;
  width: 0px;
  height: 0px;
}

.btnTop__visible{
  font-size: 48px;
  visibility:visible;
  height: 48px;
  width: 48px;
}

.contentFilters__input{
  background-image: url('/images/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: -webkit-fill-available;
  height: 32px;
  margin: 10px auto;
  font-size: large;
  padding: 5px 5px 5px 40px;
  border: 1px solid var(--bg-shadow-grey);
}

p > strong > span > a, p > span > a, p > a{
  font-weight: 400;
  text-decoration: underline;
  color:#e03e2d;
}

p > strong > em > span{
  font-weight: 400;
}

video{
  min-height: 240px;
}

iframe{
	border:0px solid transparent;
}

.fileDetails{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: var(--main-bg);
  width: fit-content;
  margin: 0.25em 0em;
}

.fileDetails__links i.fas, .fileDetails__links i.fas{
  margin: 5px;
  color: var(--altmain);
  display: inline-block;
}

.fileDetails__links{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  /*background: var(--white);*/
  background: transparent;
  align-items: center;
  gap: 0.5em;
  position: relative;
} 

.fileDetails__links .iconDelete{
  display: none;
}

.fileDetails__link-preview {
  border: none;
  color: var(--altmain);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: medium;
  margin: 0px 0px 0px -4px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  border-radius: 10px;
}

.fileDetails__link-preview > span,
.fileDetails__link-download > span{
  font-weight: 400!important;  
}

.fileDetails__link-preview:hover{
  color: var(--main);
}

.fileDetails__link-download {
  border: none;
  color: var(--altmain);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: medium;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  border-radius: 10px;
}

.fileDetails__link-download:hover{
  color: var(--main);
}

.section__sub{
  margin-top: -16px!important;
}

.iframeModal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 0px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: hidden; 
  background-color: rgb(209 209 209);
}


.iframeModal__content {
  margin: auto;
  display: block;
  width: auto;
  height: -webkit-fill-available;
  
}



#iframeModal__caption {
  margin: auto;
 /* display: block; */
  display: none;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

.iframeModal_content, #iframeModal__caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

.iframeModal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #f1f1f1;
  font-size: 38px;
  font-weight: bold;
  background: black;
  transition: 0.3s;
  width: 40px;
  height: 40px;
  text-align: center;
}

.iframeModal__close:hover,
.iframeModal__close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px){
  .iframeModal__content {
    width: auto;
    height: 100%;
  }
}


.lds-roller {
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 0;
  top: calc(45%);
  left: 50%;
  right: 50%;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

a.contact__phone.html-a-link{
  display: flex;
  width: 100%!important;
}


a.html-a-link{
  width: fit-content;
  height: auto;
  display: block;
  position: relative;
  border-radius: 5px;
  margin: 1em 1em 0em 0em;
  max-width: 100%;
  border-radius: 4px;
}
a.html-a-link img{
  width: 100%;
  border-radius: 4px;
  cursor: default;
}

a.html-a-link>.iconDelete{
  color: var(--main);
  display: block;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  cursor: pointer;
  font-size: 1.2em;
  background: white;
  border-radius: 4px;
  filter: drop-shadow(2px 6px 6px #d5d5d5);
  padding: 0.25em;
  width: fit-content;
  scale: 1;
  transition: 0.3s;
  z-index: 10;
}
a.html-a-link>.iconDelete:hover{
  scale: 1.25;
  transition: 0.3s;
}

.iframe__video, video{
  aspect-ratio: 16 / 9;
  width: 100%;
  margin: 0.5em 0em;
  border-radius: 4px;
}


@media screen and (min-width: 1600px){
  .topNavBar__logo{
      max-width: 30vw!important;
  }
}

@media screen and (max-width: 1599px){
  .topNavBar__logo{
      max-width: 52vw!important;
  }
}

@media screen and (max-width: 1000px){
  .topNavBar__logo{
      max-width: 45vw!important;
  }

  
}

@media screen and (max-width: 999px){
  .topNavBar__logo{
      max-width: 60vw!important;
  } 
  
}

@media screen and (max-width: 925px){
  .team__card{
    border-bottom: 1px dotted var(--separator)!important;
  }
}

@media screen and (max-width: 799px){
  .topNavBar__logo{
      max-width: 85vw!important;  
  }

  .topNavBar__right{
    position: relative;
    width: auto;
    text-align: center;
    margin-left: 1rem;
    margin-right: -1rem;
    margin-bottom: 5px;
    visibility: visible;
  }


  .square__card {
    margin: 1rem;
    max-width: calc(80%)!important;
    text-align: center;
  }
  
}

@media screen and (max-width: 480px){  
  .topNavBar__logo{
      max-width: 95vw!important;
      font-size: 1.2rem!important;
    }
    .topNavBar__logo-image{
        max-width: 90px!important;
    }

    .center-image__logo {
      max-width: 150px!important;
      margin-top: 1rem!important;
    }

    .center-image__map {
      max-width: 90vw!important;
    }
    .topNavBar span{
      font-size: medium;
    }

  
}

.row-nowrap *{
  font-weight: 300;
}
.row-nowrap .fa,
.row-nowrap .fas{
  font-weight: 900!important;
}

.row-nowrap .pageVideo{
  margin: 1em 0em;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.row-nowrap .pageVideo > video{
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.row-nowrap strong, .row-nowrap b{
  font-weight: bolder;
}

.row-nowrap .photoPeoples__row.reduced{
  max-width: 20%;
  margin: 1em;
}