:root {
  --bs-yellow-rgb: 244, 216, 109;
  --bs-orange-rgb: 195, 88, 8;
  --bs-purple-rgb: 95, 73, 122;
  --bs-blue-rgb: 43, 66, 103;
}
body {
  font-family: Berthold Akzidenz Grotesk BE Light;
  /* font-weight: 100; */
}
.uppercase
{
  text-transform: uppercase !important;
}
.nowrap
{
  white-space: nowrap !important;
}
.underlined
{
  text-decoration: underline !important;
}
.font-weight-100
{
  font-weight:100;
}
.font-weight-bold
{
  font-weight: bold !important;
}
.bg-transparent
{
  background-color: transparent !important;
}
table { font-family: Berthold Akzidenz Grotesk BE Light !important;}
.text-underline { text-decoration: underline;}
.rounded-circle-white {
  width: 45px;
  height: 45px;
  line-height: 35px;
  border-radius: 50%;
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: #000;
  
  font-family: Moneta;
}
.table > thead > tr
{
  background-color: #03252f;
  color: #ffffff;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 1.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 1.5rem !important;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}

.box, .selected-box {
  /* width: 200px; height: 100px; */
  background-size: 100% 200%;
  background-image: linear-gradient(to top, #ceb198 50%, #fff 50%);
  -webkit-transition: background-position 0.2s;
  -moz-transition: background-position 0.2s;
  transition: background-position 0.2s;
}
.box.active {
  background-position: 0 -100%;
  color :#03252F;
}
.box:hover a {
  color: #fff !important;
  background-color: #CDB198;
}

.box:hover {
  background-position: 0 -100%;
  color :#03252F;
}

.box-portfolio > a > div > div > div
{
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/portfolio.svg) no-repeat center / contain
}
.box-portfolio:hover a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/portfolio-white.svg) no-repeat center / contain;
}
.box-portfolio.active a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/portfolio-white.svg) no-repeat center / contain;
}
.box1.active a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/open-white.svg) no-repeat center / contain;
}
.box1 > a > div > div > div
{
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/open.svg) no-repeat center / contain
}
.box1:hover a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/open-white.svg) no-repeat center / contain;
}
.box2.active a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/upcoming-white.svg) no-repeat center / contain;
}
.box2 > a > div > div > div
{
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/upcoming.svg) no-repeat center / contain
}
.box2:hover a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/upcoming-white.svg) no-repeat center / contain;
}
.box3.active a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/closed-white.svg) no-repeat center / contain;
}
.box3 > a > div > div > div
{
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/closed.svg) no-repeat center / contain
}
.box3:hover a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/closed-white.svg) no-repeat center / contain;
}
.box4.active a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/favourites-white.svg) no-repeat center / contain;
}
.box4 > a > div > div > div
{
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/favourites.svg) no-repeat center / contain
}
.box4:hover a > div > div > div {
  width: 50px;
  height: 50px;
  background: url(../css/assets/icons/favourites-white.svg) no-repeat center / contain;
}

.website-analytics-text-bg {
  background-color: #CDB198;
  padding: 0.25rem 0.65rem;
  border-radius: 0.375rem;
  min-width: 46px;
  text-align: center;
}

@media (max-width: 991px) {
  .mobile-button{
    display: block;
    WIDTH:100%;
    margin-bottom: 5px;
    text-align: center;
  }
  #investment-title, #investment-dates
  {
    flex-direction: column;
  }
}

.center {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  /* padding: 10px; */
}
.font-1 {
  font-size: 1em;
}
/*
.owl-carousel .owl-stage-outer {
  margin-top: 100px;
  margin-bottom: 100px;
} */
.owl-carousel .owl-stage {
  padding-bottom: 0px !important;
}
.p-6 {
  padding: 3.5rem !important;
}
.p-7 {
  padding: 4rem !important;
}

.mobile-nav {
  background: #F3F1EE;
  position: fixed;
  bottom: 0;
  height: 65px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  z-index: 1050;
}

.bloc-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bloc-icon i {
  width: 30px;
}
#footer {
  padding-bottom: 75px !important;
}

@media screen and (min-width: 600px) {
  .mobile-nav {
    display: none;
  }
  #footer {
    padding-bottom: 2.125rem !important;
  }
}

.cursor
{
  cursor: pointer;
}

.bg-yellow {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}
.bg-orange {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}
.bg-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}