/*TEST script*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Open Sans"!important;
    font-size: 1em!important;
    font-weight: 400!important;
    line-height: 1.6!important;
    background-color: #E7EDF3!important;
}
strong {font-weight: 800!important;}

.page-wrapper {max-width: 900px;width: 100%;margin: 0 auto;background-color: #fff;position: relative;}

header {
    background-color: #fff;
    color: #abb6c3 !important;
}

header h1 {
    font-size: 1.5em!important;
    letter-spacing: 3px;
    margin: 0;
}
@media (max-width: 575px) {
    /*header h1 {
    font-size: 8.2vw!important;
    letter-spacing:normal;
}*/
}
header p {
    font-size: 1.2em;
    margin: .5em 0 0;
    padding: 0;
    line-height: 1em;
}

.team:before, .team:after {
    content: "";
    position: relative;
    display: inline-block;
    width: 25%;
    height: 2px;
    background-color: #abb6c3;
    vertical-align:middle
}

.team:before {
    right: 0.5em;
    margin-left:0
}

.team:after {
    left: 0.5em;
    margin-right:0
}

.language-options {
    top: 20px;
    right: 20px;
}

.language-options a {
    color: #708090;
    text-decoration: none;
    margin: 0 5px;
}
.language-options a:hover {
    color: #708090;
	font-weight: 700;
}
.active {font-weight: 800;}

.hero-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1b4567;
    color: white;
}

.hero-text {
    
}

.hero-image {
    position: relative;
}
.hero-image .image-wrap {
    width: 100%; /* Full width of the container */
    height: 100%; /* Ensure the height is set to contain the image */
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image img {
    width: 100%; /* Make the image take the full width */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensures the entire image fits within the container without cropping */
}


.hero-image .label {
 background-color: rgba(14, 58, 96, 0.6);
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
}

.label .name {font-size: 1.3em; text-transform: uppercase; font-weight: 700;}

.label .location {font-size: 1em; text-transform: uppercase; font-weight: 700;}

.video {width:100%; height:0; padding-bottom: 56.25%; overflow: hidden;}

/*--------------------------------------------------------------
# Videos
--------------------------------------------------------------*/
#videos #main {
  margin-top: 15vh;
}
video {
  background: #000;
}
.video-container {
  position: relative;
  display: flex;
  /*width: max-content;
    height: max-content;*/
  justify-content: center;
  align-items: center;
}
.video-container #video {
  /*width: 100%;
    height: auto;
    border-radius: 20px;*/
}
.video-container .bi.bi-play-btn,
.video-container .bi.bi-play-btn-fill {
  position: absolute;
  height: auto;
  top: calc(50% - 2.5vw);
  padding: 0 0.5em;
  width: 25%;
  display: flex;
  justify-content: space-around;
  opacity: 1;
  transition: opacity 0.4s;
  z-index: 1020;
  /*color: #4a8ecc;*/
  color: #cc3333;
  font-size: 5vw !important;
}
.video-container .controls {
  position: absolute;
  background: #044c7f;
  height: 2em;
  bottom: 0;
  padding: 0 0.5em;
  width: 100%;
  display: flex;
  justify-content: space-around;
  opacity: 0.05;
  transition: opacity 0.4s;
}
/*#home .video-container .controls {bottom: 0;}*/
.video-container:hover .controls {
  opacity: 1;
}
.video-container .controls button {
  background: transparent;
  color: #fff;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
  border: none;
  cursor: pointer;
  padding-bottom: 2px;
}
.video-container .controls .timeline {
  flex: 1;
  display: flex;
  align-items: center;
  border: none;
  /*border-right: 3px solid #ccc;
    border-left: 3px solid #ccc;*/
}
.video-container .controls .timeline .bar {
  background: rgba(1, 1, 65, 0.5);
  height: 4px;
  flex: 1;
}
.video-container .controls .timeline .bar .inner {
  background: #ccc;
  width: 0%;
  height: 100%;
}
.video-container .bi {
  font-size: 1.4em !important;
}
.video-container .bi::before,
.video-container [class^='bi-']::before,
.video-container [class*=' bi-']::before {
  vertical-align: -0.2em !important;
}
@media (max-width: 575px) {
  video-container .bi.bi-play-btn,
  .video-container .bi.bi-play-btn-fill {
    top: calc(50% - 5vw);
    font-size: 10vw !important;
  }
}

.buttons-section {

}

.buttons-section button {
    background-color: #e63946;
    color: white;
    border: none;
    padding: 15px 30px;
   /* width:40%;
    cursor: pointer;
    border-radius: 5px;*/
}

.info-section {
    background-color: #1b4567;
    color: white;
}

.signature {
    color: #000000;
    font-family: "Licorice";
    font-size: 64px;
    font-weight: 400;
    text-decoration: none;
}
.contact {font-size: .85em;color: #8C9FAF;}
.contact a {color: #8C9FAF;}
.disclosures {font-size: .85em;color: #8C9FAF;}
.disclosures a {color: #8C9FAF;}
.opportunity {}
.opportunity img {width: 144px; max-width: 25vw;}
.opportunity strong {color:#0e3a60;}
.blue {background-color:#318cdd; }
.grey {background-color:#c0c8d2;}
.green {background-color:#33cdd1;}

footer {
    background-color: #8b9eb0;
    font-size:.85em;
    color: #fff;
}
.fixed-bottom {
    max-width: 900px!important;
    width: 100%!important;
    left: 50%!important;
    transform: translateX(-50%);}

.footer-links a {
    color: #fff;
    text-decoration: none;
}


/*---------- Utilities ----------------*/
.modal-content {border: none!important;border-radius: 0!important;background-color: #0e3a60!important; }