html,body{
  overscroll-behavior-x:none!important;
  font-family: 'Sofia Sans Semi Condensed', sans-serif;
}

button, .btn, a{
  cursor:pointer;
}

.navbar-toggler,.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none!important;
    box-shadow: none!important;
    border:0!important;
    color:#ffffff!important;
}

.hoverimg img:last-child {
  display: none;
}
.hoverimg:hover img:last-child {
  display: inline;
}
.hoverimg:hover img:first-child {
  display: none;
}

.nav-link{
  color:#ffffff!important;
}

.bg-dark{
  background-color:#0a0a0a!important;
}

.bg-light{
  background-color:#eaeaea!important;
}

.bg-white{
  background-color:#ffffff!important;
}

.text-white{
  color:#ffffff!important;
}

.text-light{
  color:#eaeaea!important;
}

.text-lightgrey{
  color:#cbc9c6!important;
}

.text-dark{
  color:#0a0a0a!important;
}

input{
  max-width: 500px!important;
  height: 80px!important;
  background: none!important;
}

input,input:focus,
select:focus,
textarea:focus{
  outline: none;
  box-shadow:none!important;
  border:0!important;
  border-bottom:1px solid #828181 !important;
  border-radius:0px!important;
  color:#000!important;
}

.glass {
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.nav{
  background: rgba(10, 10, 10, 0.05);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}

.navbar:hover{
  background: rgba(10, 10, 10, 0.8);
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

nav.stroke ul li a{
  position: relative;
}
nav.stroke ul li a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 0%;
  content: '.';
  color: transparent;
  background: #fff;
  height: 3px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

.navv,.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}



.btn-dark{
  background:#0a0a0a;
  color:#eaeaea;

}

.btn-dark:hover{
  background: #eaeaea;
  color:#0a0a0a;
}

.btn-light{
  background:#eaeaea;
  color:#0a0a0a;

}

.btn-light:hover{
  background:#0a0a0a;
  color:#eaeaea;
}


a:link,a:visited,a:hover,a:active {
  text-decoration: none;
  outline:none!important;
}

.btn-link{
  color:#eaeaea!important;
  outline:none!important;
  text-decoration:none!important;
}

.btn-close{
  color:#0a0a0a!important;
}

[data-bs-theme=dark] .btn-close{
  filter: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

@media only screen and (max-width: 600px) {
  nav.stroke ul li a:after{
    height: 0px;
  }

  .nav-link{
    padding-left:10px;
  }

  #home video {
    min-height: 100%;
  }
}

@media (min-width: 768px) {
  #home video {
    min-width: 100%;
  }
}


.container {
  max-width: 960px;
}

.icon-link > .bi {
  width: .75em;
  height: .75em;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #8e8e8e;
  transition: color .15s ease-in-out;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}


.overlay {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
}

.overlayleft {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 50%;
}

.overlayright {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 50%;
}



/*
 * Extra utilities
 */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}