body {
  font-family: open-sans, sans-serif; 
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h1, h2, h3{font-family: countach, sans-serif;
font-weight: 400;
font-style: normal;}
.trajan{font-family: countach, sans-serif;
font-weight: 400;
font-style: normal;}
.carousel{  overflow:hidden}
.carouselmulti{max-height:350px; min-height:375px !important; }
 .carousel-indicators {
   position: relative !important;
 
 }
  .bi {
        width: 1em;
        height: 1em;
        display: inline-block;
        vertical-align: -0.125em;
        fill: currentcolor;
    }
.carousel-control-prev, .carousel-control-next{ color:#000;}
.carousel-control-prev-light, .carousel-control-next-light{ color:#fff;}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.carousel-control-prev-icon-light {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon-light {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.bullets ul li{list-style: none;  padding:5px; padding-bottom: 10px; }

.bullets ul li::before {
  content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' fill='%23437d30'>  <path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/></svg>"); width:30px;
    display: inline-block;
 
    margin-left:-30px;
 
}

.carousel-indicators [data-bs-target]{ color:#000; background-color: #000;}
.logo {min-width: 350px !important;  max-width: 370px !important; height:auto !important;   }
.carousel-item .carousel-text  {
  height: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
    bottom:auto !important;
}
 
.nav-hover:hover { border-bottom:4px solid #c7b137; }
.nav-active { border-bottom:4px solid #000; }
.blackgradientboxsec{ width: 100%; height:100%; position: top; z-index: 1;  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(220, 220, 220, 1) 100%);}

.blackgradientbox { z-index: 1;
  position: absolute; position: top !important;
  width: 100%; overflow: hidden;
}
.supersizeheading h1 {font-size :70px !important; margin-bottom: 30px;font-family: "antique-olive", sans-serif;
, sans-serif;
 
font-weight: 800; text-transform: uppercase; }

   .dropdown-toggle::after {
            display: none !important;
        }
        .fa {
            margin:2px;
            color:white;
        }

.blackgradientbox::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
background: linear-gradient(to bottom, rgba(250,232,224, 0) 30%, rgba(250,232,224, 1) 100%);
}

video {
  width: 100%; filter: grayscale(100%);
 
}
.containeryellow{ position: relative; z-index: 3;
   
 
}
.reflect {
  position: relative;
  display: inline-block;
  font-size: 14px;
  height: 1em;
  padding-bottom: .5em;
  overflow: hidden;
}
.reflect:after {
  position: absolute;
  content: attr(data-content);
  width: 100%;
  height: 1em;
  top: 0px;
  left: 0px;
  transform: scaleY(-1);
  transform-origin: bottom;
  opacity: 0.3;
}

@media (max-width: 480px) {
  .units > * {
    font: bolder 3.5rem/3.5rem "EB Garamond";
  }
  .units:nth-of-type(3) > :last-child {
    transform: rotatex(180deg) translatey(15px) skew(135deg) translatex(18px);
  }
}
.containeryellow img{  width:100%; height:100%;    filter: gray;
    filter: grayscale(100%);}

.containeryellow img:hover{  width:100%; height:100%;    filter:sepia(100%);}
 
.containeryellowsecond{ position: relative; z-index: 3;

}
.caroselbk{     -webkit-animation: AnimationName 9s ease infinite;
    -moz-animation: AnimationName 9s ease infinite;
    -o-animation: AnimationName 9s ease infinite;
    animation: AnimationName 9s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}}

.containeryellowsecond img{  width:100%; height:100%;    filter: gray;
    filter:  grayscale(100%);}
.containeryellowsecond img:hover{  width:100%; height:100%;   filter:sepia(100%);}

.table tr td{ vertical-align: middle !important;}
.table tr { border-bottom: 1px solid !important ; border-bottom-color: #75dab4 !important;}

@media (max-width: 600px)
{ .mobilebkright{background:  !important ; background-position:right top !important; background-size: auto 100% !important; height: auto !important;}
.photos   img{  height: 40vh;}
    .carousel{max-height:400px; min-height:300px !important; overflow:hidden}
    thead{display:none;}
    .tablefirst tr td{ width:100% !important; display: block; float: left; border:0px;}
    .tablefirst tr td:first-child{font-weight:bold;}
    .tablefirst tr td:nth-child(2){   width:50% !important; float: left}
    .tablefirst tr td:nth-child(2)::before { content: 'Date: '; padding-right:10px; color:#B3B3B3; }
    .tablefirst tr td:nth-child(3){width:50% !important; float: left}
    .tablefirst tr td:nth-child(3)::before { content: 'Type: ';padding-right:10px; color:#B3B3B3; }
    .tablefirst tr td:nth-child(4){width:50% !important; float: left}
    .tablefirst tr td:nth-child(4)::before { content: 'Role: ';padding-right:10px; color:#B3B3B3; }
    .tablefirst tr td:nth-child(5){width:50% !important; float: left}
    .tablefirst tr td:nth-child(5)::before { content: 'Company: ';padding-right:10px; color:#B3B3B3; }
    .tablefirst tr td:nth-child(6){width:100% !important; float: left}
    .tablefirst tr td:nth-child(6)::before { content: 'Director: ';padding-right:10px; color:#B3B3B3; }
    video{ height:600px !important; width:auto; overflow: hidden;}
    .supersizeheading h1 {font-size :40px !important; margin-bottom: 30px;ffont-family: "antique-olive", sans-serif;
 
font-weight: 800; text-transform: uppercase; }
}

 @media (max-width: 767px) {
    .carousel-inner-multi .carousel-item > div {
        display: none !important;
    }
    .carousel-inner-multi .carousel-item > div:first-child {
        display: block !important;
    }
}

.carousel-inner-multi .carousel-item.active,
.carousel-inner-multi .carousel-item-next,
.carousel-inner-multi .carousel-item-prev {
    display: flex !important;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner-multi .carousel-item-end.active,
    .carousel-inner-multi .carousel-item-next {
      transform: translateX(25%) !important;
    }
    
    .carousel-inner-multi .carousel-item-start.active, 
    .carousel-inner-multi .carousel-item-prev {
      transform: translateX(-25%) !important;
    }
}

.carousel-inner-multi .carousel-item-end,
.carousel-inner-multi .carousel-item-start { 
  transform: translateX(0) !important;
}
.photos   img {
  object-fit: cover;
  object-position: center;
  height: 30vh;
    width:100%;
  overflow: hidden;
}
 @media (max-width: 420px)
{
    .logo {max-width: 280px !important; height:auto !important; }
.photos   img{  height: 40vh;}
   
}
 @media (max-width: 380px)
{
    .logo {max-width: 200px !important; height:auto !important; }

}
 .nounderline {
  text-decoration: none !important
}
  

 

@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.gallery-item {
  display: block;
}

.gallery-item img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s;
}

.gallery-item:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}

.lightbox-modal .modal-content {
  background-color: rgba(0, 0, 0, 0.6);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
    text-align: center; 
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: #fff !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}

@media (min-width: 1400px) {
  .lightbox-modal .carousel-inner {
    max-width: 60%;
  }
}

[data-bs-theme = "light"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "light"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}