@font-face {font-family: "geomRegular";src: url("../fonts/Geom-Regular.woff2") format("woff2");}
@font-face {font-family: "geomLight";src: url("../fonts/Geom-Light.woff2") format("woff2");}

body {background-color: #FFF;font-size: 13px;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;text-size-adjust:100%;font-family: "geomRegular", sans-serif;font-weight: 400;padding-bottom: 42px;}

.geomLight{font-family: "geomLight",sans-serif;}

a{text-decoration:none !important;color:#000;transition: 0.3s;}
a:hover{color:rgba(209,2,2,1); transition: 0.3s;}
h1,h2,h3{letter-spacing:0px;}
h4{font-size:17px;}
h5,p{font-size:15px;}
h6{font-size:13px;margin-bottom: 0.3rem;}

.fw-100{font-weight:100 !important;}
.fw-200{font-weight:200 !important;}
.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fw-800{font-weight:800 !important;}

.opacity-7{opacity:0.7;}

.publications img{max-height:50px;margin: auto;display: block;opacity: 0.7;max-width: 230px;padding: 0.3rem;}
.button {
    position: relative;
    display: inline-block;
    padding: 0.65rem 2.5rem;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    background: transparent;
    border: 1px solid #000;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #000;
    transition: width 0.4s ease-in-out;
    z-index: 0; /* Ensure it stays behind the text */
}

.button:hover::before {
    width: 100%;
}

.button span {
    position: relative;
    z-index: 1; /* Ensure text stays above the background */
    display: inline-block;
}

.button:hover {
    color: white;
}

.contact {
    position: relative;
    overflow: hidden;
	padding-top: 175px;
	padding-bottom: 175px;
}

.contact::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../images/contact.jpg") no-repeat center center;
    background-size: cover;
    transition: transform 0.6s ease-in-out;
    z-index: -1;
}

.contact:hover::before {
    transform: scale(1.05); /* Zoom in by 10% */
}


.about {
    position: relative;
    overflow: hidden;
	padding-top: 175px;
	padding-bottom: 175px;
}

.about::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../images/about.jpg") no-repeat center center;
    background-size: cover;
    transition: transform 0.6s ease-in-out;
    z-index: -1;
}

.about:hover::before {
    transform: scale(1.05); /* Zoom in by 10% */
}

.bg-danger-50{background: rgb(220, 53, 69, 0.1)!important;color: #dc3545;}
.bg-primary-50{background-color: rgb(13, 110, 253, 0.1)!important;color: #0d6efd;}
.bg-info-50 {background-color: rgb(13, 202, 240, 0.1)!important;color: #0dcaf0;}
.bg-success-50{background-color: rgb(25, 135, 84, 0.1)!important;color: #198754;}
.bg-warning-50{background-color: rgb(255, 193, 7, 0.15)!important;color: #c59300;}
.bg-secondary-50{background-color: rgba(22,22,22,0.07) !important;color:#000 !important;}
.bg-dark-50{background-color: rgba(0,0,0,0.07) !important;color:#000 !important;}

.fs-7{font-size:0.9rem !important;}
.fs-8{font-size:0.8rem !important;}
.fs-9{font-size:0.7rem !important;}

.navbar {padding-top: 0;padding-bottom: 0;}
.navbar-light{box-shadow: none;background-color:transparent !important;transition: 0.2s ease;top: 0;width: 100%;z-index: 5;}
.navbar-light.scrolled{box-shadow: 0 3px 5px rgba(0,0,0,0.1);background-color:#000 !important;transition: 0.4s ease-in;}
.navbar-brand{padding: 3px 0;}
.navbar-brand img{height:75px;}
.navbar-light.scrolled .navbar-brand img{height:45px;}
.navbar-nav>li>a{padding: 5px 10px;color: #222529;}
.navbar-light .navbar-nav .nav-link {color: #222529;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:#EAA221;border-radius: 25px;color: #fff;}

.topbar{top: 2rem;z-index: 2;}
.topbar img{padding-left: 5rem;transition:0.4s ease;}
.topbar h3{font-weight: 600;text-align: center;line-height: 80px;color: #FFF;letter-spacing:10px;transition:0.4s ease;text-shadow:0 2px 5px rgba(0,0,0,0.3);}
.topbar .hambarg{margin-top:1.5rem;transition:0.4s ease;}

.scrolled .topbar h3{line-height:50px;}
.scrolled .topbar .hambarg{margin-top:0.75rem;}

.owl-nav{position:absolute;top: 0;width: 100%;bottom: 0;visibility: hidden;}
.owl-next{position:absolute;top:0;bottom: 0;right: 0;width: 20%;visibility: visible;}
.owl-prev{position:absolute;top:0;bottom: 0;left: 0;width: 20%;visibility: visible;}
.owl-next span,.owl-prev span{display: none;}
.owl-theme .owl-nav .owl-next:hover{background-color:transparent !important;cursor: url("../../images/mouse_right.png"),auto !important;}
.owl-theme .owl-nav .owl-prev:hover{background-color:transparent !important;cursor: url("../../images/mouse_left.png"),auto !important;}

.opener{position:fixed;top:0;left: 0;width: 100%;height: 100vh;transition:  1s ease-in;z-index: 3;}
.opener img{height:65px;}

.opener1{position:fixed;background-color: #000;top:0;left: 0;width: 50%;height: 100vh;transition:  1s cubic-bezier(0.75, 1, 0.75, 0);z-index: 4;}
.opener2{position:fixed;background-color: #000;top:0;right: 0;width: 50%;height: 100vh;transition:  1s cubic-bezier(0.75, 1, 0.75, 0);z-index: 4;}

/*caption*/
.carousel-caption{bottom: 6rem;text-align: left;width: 40%;left: 5rem;z-index: 2;}
.carousel-caption h5{font-size: 3.3rem;text-transform: uppercase;font-weight: 100;letter-spacing: 3px;font-family: "geomLight", sans-serif;}
.carousel-caption p{font-weight: 100;font-size: 0.85rem;font-family: "geomLight", sans-serif;letter-spacing: 1px;}

.carousel-caption .top-text{font-size: 0.75rem;text-transform: uppercase;font-weight: 200;letter-spacing: 2px;font-family: "geomLight", sans-serif;}

.sldr{position:relative;z-index: 1;}

.carousel-item{height:100vh;overflow:hidden;}
.carousel-item img {transform: scale(1);transition: transform 3s ease-in-out;height: 100%;object-fit: cover;}
.carousel-item:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}

.carousel-item.active img {transform: scale(1.1);}

.carousel-inner{height: calc( 100vh - 44px );}

.progress-bar {height: 3px;width: 0%;background-color: rgba(209,2,2,1);position: absolute;bottom: 0;left: 0;transition: width 3s linear;z-index: 2;}

@keyframes zoomEffect {0% {transform: scale(1);}100% {transform: scale(1.1);}}
@keyframes fillAnimation {0% { width: 0; }100% { width: 100%; }}

.btn-fill {position: relative;overflow: hidden;color: #FFF;border-radius: 0;padding: 1rem 3rem;background: transparent;border: 1px solid rgba(255,255,255,0.25);font-size: 0.85rem;}
.btn-fill::before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #FFF;transition: width 0.4s ease-in-out;z-index: 1;}
.btn-fill:hover::before {width: 100%;}
.btn-text{position:relative;z-index: 2;color: #FFF;}
.btn-fill:hover .btn-text{color: #000;transition: 0.4s ease-in-out;}

.box .items .img{height: 320px;}
.box .items .img img{width:100%;height: 100%;object-fit: cover;}
.box .items .data img{width:40px;}
.box {transform: scale(1);transition: transform 1s ease-in-out;margin-bottom: 3rem;        }



.imagery{transition:0.7s ease;}

.brd {
	background: url("../../images/slides/1747252902_6824f6a63ccd7.jpg") no-repeat center center;background-size:cover;
    color: #000;
    padding-top: 100px;
	padding-bottom: 75px;
    text-align: center;
}
.brd .ttl {
    position: relative;
    font-size: 28px;
    font-weight: 600;
}
.breadcrumb {
    justify-content: center;
}

.brd .breadcrumb-item a {
    color: #FFF;
    text-decoration: none;
}
.brd .breadcrumb-item.active {
    font-weight: 400;
    color: #000;
}


.map{height:600px;}
.map iframe {    width: 100%;    height: 100%;    object-fit: cover;border: 0;}

.carousel-text {
    max-width: 100%; /* Ensures it doesn’t exceed the image width */
    width: auto;
    display: block; /* Ensures text behaves as a block below the image */
    text-align: left; /* Aligns text properly */
    margin: 0 auto; /* Centers the text */
    padding: 10px; /* Adds spacing */
}
.item{height:600px;}
.owl-carousel .owl-item img{height:100%;object-fit: cover;}


.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 0;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 6; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.9s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
 	position: relative;
    top: 35%;
    width: 10%;
    margin-top: 30px;
    left: auto;
    right: auto;
    margin-left: auto;
    margin-right: auto;
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 25px;
  font-family: "geomLight",sans-serif;	
  color: #9f9f9f;
  display: block; /* Display block instead of inline */  
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.ftr{position:fixed;bottom: 0;left: 0;right: 0;background-color: #0d0e10;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.ftr ul{display:block;margin: 0;padding: 0;}
.ftr ul li{display: inline-block;}
.ftr ul li a{display: block;padding: 3px 7px;color: #FFF;}
.ftr h6 a{color: rgba(209,2,2,1);}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}



@media (max-width: 1080px){
    
	.item{height:auto;}
	.map{height:auto;}
	.owl-carousel .owl-item img{height:auto;object-fit: cover;}
	
	.topbar img {padding-left: 0rem;}
	.topbar h3{text-align:left;}
	.carousel-caption{bottom:17rem;left:15%;width:70%;}
	.carousel-caption h5{font-size:2rem;}
    .ftr .fs-8{font-size:0.7rem !important;}
    .overlay-content {width:25%;}
	
	
}