body {background:black;color:white;}
.navbar-toggler {position:fixed;right:10px;top:10px}
.round {background:white;padding:10px;border-radius:50px;padding-right:100px}
.nav-link {color:white;}
.navbar-dark .navbar-nav .nav-link.active  {color:white}
.navbar-dark .navbar-nav .nav-link  {color:white;}
.navbar-dark .navbar-nav .nav-link:active  {color:white}
.navbar-dark .navbar-nav .nav-link:hover  {color:white}
.navbar-dark .navbar-nav .nav-link:visited  {color:white}  

.video-text {position:absolute;width:60%;top:20%;left:10%;padding:20px}
.video {
  position: relative;
  right: 0; 
  bottom: 0;
width:100%;
height:625px;
  z-index: -100;
  background-size: cover;
  overflow:hidden;
}
 p {font-size:14pt}
.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;

  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  object-fit:cover;
}
 .title {color:white;font-weight:600;font-size:16pt;padding:20px 0px}
.video-text .h1 {color:white;font-size:3em;margin:0 auto;-webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;}
.video-text .h2 {color:white;font-size:1.5em;font-weight:bold;margin:0 auto;-webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: black;background:rgba(0,0,0,0.5);padding:15px}
 .trip img {width:100%;height:300px;vertical-align:top}
.p-2 {padding:2vp}
p a,a:hover {color:white}
a,a:hover {color:white}
.top{
	width:100%;
	height:100px;
	position:relative;
	border:solid white 3px;
	border-width:3px 0px 3px 0px;
	}
	.top-bg {
		background:url('../images/strip.webp');
		z-index:-1;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		opacity:0.6;
		}
.top-in {
	position:absolute;
	display:flex;
	flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	background:rgba(255,0,0,0.4);
	top:0;
	left:40;
	width:100%;
	height:100%;
	font-size:32pt;
	font-weight:700;
	 z-index:1000;
}	
.container {font-size:14pt}	
.rtitle {background:red;color:white;font-size:18pt;font-weight:700;padding:10px}
.mop {position:absolute;bottom:30px;right:30px;width:200px;height:170px}
.ctitle {color:red;font-size:24pt}
.form-control {background:black;border:solid white 1px}
.form-control:focus {background:black;color:white;outline:none}
.d-block {width:100%;height:600px;object-fit:fill;vertical-align:middle}
.carousel-caption h2 {font-weight:700;font-size:32pt;text-shadow:3px 3px 5px black}
.nav-tabs .nav-link {color:white}
.nav-item {margin-right:20px;font-size:14pt}
@media(max-width:411px) {
.round {background:black;padding:10px;border-radius:0px;}
.nav-link {color:black}
.navbar-dark .navbar-nav .nav-link.active  {color:white}
.navbar-dark .navbar-nav .nav-link  {color:white}
.navbar-dark .navbar-nav .nav-link:active  {color:white}
.navbar-dark .navbar-nav .nav-link:hover  {color:white}
.navbar-dark .navbar-nav .nav-link:visited  {color:white} 
.video {height:200px}
.video video {overflow:hidden;position:absolute;top:0;left:0}
.video-text .h1 {font-size:12pt}
.video-text .h2 {font-size:8pt;margin-top:-20px}
.trip img {width:100%;height:300px;vertical-align:top}
.title {padding:0px}
.col-sm-6 {width:50%;box-sizing:border-box}
.mop {position:relative;width:200px;height:170px;text-align:center;margin:30px}
.image-gallery > li {
  height: 300px;
  cursor: pointer;
  position: relative;
   flex-grow: 1;
   flex: 1 1 auto; /* or flex: auto; */
   list-style:none;
   margin-left:-25px;
}
}


 .image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.image-gallery > li {
  height: 300px;
  cursor: pointer;
  position: relative;
   flex-grow: 1;
   flex: 1 1 auto; /* or flex: auto; */
   list-style:none;
}

.image-gallery li img {
  object-fit: fill;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 5px;
}

.image-gallery::after {
  content: "";
  flex-grow: 999;
}
.modal-title {color:black}
.close {background:white;border:none}
.modal-body input {background:white;border:solid #ddd 1px;margin-bottom:15px;color:black}
.modal-body input:focus {background:white;border:solid #ddd 1px;color:black}
.modal-body label {color:black}
.modal-body {color:black;text-size:10pt}
.modal-body a {color:blue;text-deciration:underline}
.modal-body select {background:white;color:black;border:solid #ddd 1px}
.modal-body option {background:white;color:black;}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: center;
    }
}
.thead {background:rgba(255,0,0,0.5)}
td {border:solid white 1px}
.subtitle {background:red;padding:10px;text-align:center;margin-top:20px;font-weight:500;font-size:24pt}
.logo {width:400px}