/* Reset and Basic Styles */

body {

    margin:0;

  padding: 0;

  width: 100%;

  /*background-color: #525252;commented out for testing */

  font: 16px/18px Arial, Helvetica, sans-serif;

  color: #990000;

  display: inline-block;
	


}
.mc_embed_signup{
	background:#fff false;
	clear:left;
	font:14px Helvetica,Arial,sans-serif;
	width: 600px;
}
.nav-item form .form-control,
.nav-item form .btn {
	height: auto;
}
.btn-info {
	font-size: 18px;
}
.btn-info:hover{
	background-color: blue;
	color: white;
	transition: 1s;
}
.translucent-card {
  background-color: rgba(255, 255, 255, 0.1); /* Translucent background */
  backdrop-filter: blur(10px); /* Blur effect */
}

.button-main-1 {
    background: linear-gradient(to right, #007bdd, #6610f2);
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 42px;
    margin: 4px 2px;
    transition: ease 0.5s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.button-main-1:hover {
    background: linear-gradient(to right, #6a11cb, #2575fc);
    color: #15f4ee;
    box-shadow: 0 0px 8px 0 rgba(255, 255, 255, .5) inset;
}
@media (max-width:768px){
	.btn.button-main-1{
		font-size: 24px;
	}
}
@media (max-width:576px){
	.btn.button-main-1{
		font-size: 16px;
	}
}

.button-main-2 {
    background: linear-gradient(to right, #007bdd, #6610f2);
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 28px;
    margin: 4px 2px;
    transition: ease 0.5s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.button-main-2:hover {
    background: linear-gradient(to right, #6a11cb, #2575fc);
    color: #15f4ee;
    box-shadow: 0 0px 8px 0 rgba(255, 255, 255, .5) inset;
}
@media (max-width:768px){
	.btn.button-main-2{
		font-size: 24px;
	}
}
@media (max-width:576px){
	.btn.button-main-2{
		font-size: 16px;
	}
}

.button-upcoming-3 {
    background: linear-gradient(to right, #2575fc, #6a11cb);
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 4;
	font-weight: 700;
    margin: 4px 2px;
    transition: ease 0.5s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.button-upcoming-3:hover {
    background: linear-gradient(to right, #6610f2, #007bdd);
    color:wheat;
    box-shadow: 0 0px 8px 0 rgba(255, 255, 255, .5) inset;
	transition: 1s;
}
@media (max-width:768px){
	.btn.button-upcoming-3{
		font-size: 24px;
	}
}
@media (max-width:576px){
	.btn.button-upcoming-3{
		font-size: 16px;
	}
}


.container-max-1010 {
    max-width: 1010px;
    margin: auto; /* This centers the container */
    width: 100%;
}

.font-family-1{
	font-family: "Serpentine-Bold";
	color: #ff0000;
	text-shadow:  2px 2px 4px rgba(255,255,255,1);

}
.text-shadow-1{
	text-shadow:  2px 2px 4px rgba(255,255,255,1);
}
#no-ul {
		text-decoration: none;
}
a, a:hover{
	text-decoration: none;
}



.Headerlinks, .Headerlinks:hover {

  font: 14px/17px Arial, Helvetica, sans-serif;

  color: #990000;

  text-decoration: none;

  font-weight: bold;

  transition: color 0.2s, background-color 0.2s;

  padding: inherit;
	

}



.Headerlinks:hover {

  text-decoration: none;

  color: #F00307;

  background-color: #97ADF3;

}



img {

  border: 0px;

}



/* Link Hover Transform */

.selected-link {
	text-decoration: none;
	width: auto;
	display: inline-block; 
	padding: 10px 20px ;

	border-color: #000000;
	border-radius: 100px;
	transition: 1s;
	box-shadow: 5px 0px 10px 0 #000 inset, -5px 0px 10px 0 #000 inset,
				5px 0px 10px 0 #000 inset, -5px 0px 10px 0 #000 inset;
	background-color: #FFFFFF;
 
  /*transition: transform 0.2s;*/

}

ul {
  list-style-type: none; /*remove Default bullet point */
}

.selected-link:hover {
	text-decoration: none;
	box-shadow: 5px 0px 10px 0 #15f4ee inset, -5px 0px 10px 0 #15f4ee inset,
				5px 0px 10px 0 #15f4ee inset, -5px 0px 10px 0 #15f4ee inset;
	text-shadow: 0 0 10px #15f4ee, 0 0 10px #15f4ee;
  
	
  

}
.Dec4carousel-bg{background-color: transparent}
.selected-link-2 {
	text-decoration: none;
	font-family: Impact;
	font: 30px;
	width: auto;
	display: inline-block; 
	padding: 10px 20px ;
	border: thick 10px;
	border-color: #000000;
	border-radius: 100px;
	transition: 1s;
	box-shadow: 5px 0px 10px 0 #000 inset, -5px 0px 10px 0 #000 inset,
				5px 0px 10px 0 #000 inset, -5px 0px 10px 0 #000 inset;
	background-color: #FFFFFF;
 
  /*transition: transform 0.2s;*/

}
.selected-link-2:hover {
	text-decoration: none;
	box-shadow: 5px 0px 10px 0 #00ff00 inset, -5px 0px 10px 0 #00ff00 inset,
				5px 0px 10px 0 #15f4ee inset, -5px 0px 10px 0 #15f4ee inset;
	text-shadow: 0 0 10px #15f4ee, 0 0 10px #15f4ee;
  
	
  

}

/* Blocks Position */
.page-v2{
line-height: 1.3;
overflow-y: auto; /* Enable vertical scrolling */
max-height: 100vh; /* Limit the height to the viewport height */
margin: 0; /* Remove any margin */
padding: 0; /* Remove any padding */
background-color: #FFFFFF; /* Fallback background color */
background-color: rgba(255, 255, 255, 0.6); /* Transparent background color */

}
.bg-page {

background-color: #FFFFFF; /* Fallback background color */

background-color: rgba(255, 255, 255, 0.6); /* Transparent background color */	
}
/*formating for main content*/
.page {

line-height: 1.3;

overflow-y: auto; /* Enable vertical scrolling */

max-height: 100vh; /* Limit the height to the viewport height */

margin: 0; /* Remove any margin */

padding: 0; /* Remove any padding */

	
max-width: 1000px;

background-color: #FFFFFF; /* Fallback background color */

background-color: rgba(255, 255, 255, 0.6); /* Transparent background color */



/*	z-index: -1

	commented out for Testing */



}
.page-2 {

line-height: 1.3;

overflow-y: auto; /* Enable vertical scrolling */

max-height: 100vh; /* Limit the height to the viewport height */

margin: 0; /* Remove any margin */

padding: 0; /* Remove any padding */

	
width: 1000px;

background-color: #FFFFFF; /* Fallback background color */

background-color: rgba(255, 255, 255, 1); /* Transparent background color */



/*	z-index: -1

	commented out for Testing */



}
.link {

	color: #990000;

	font-weight: bold;

	text-decoration: underline;

	font-size: 14pt;


}



.link:hover {
	text-decoration: none;
	padding: inherit;
	font: 14pt Arial, Helvetica, sans-serif;
	transition: color 0.2s, background-color 0.2s;
	color: #F00307;
	background-color: #97ADF3;
	font-weight: bold;

}/*commented out for testing */



#topPanel table span a:hover {

 /*width: 95px;

  height: 30px;*/

  text-decoration: none;


  color: #000;

} 
/*
.carousel-control-next{background-color: #97ADF3}
.carousel-control-prev{background-color: #97ADF3}
*/
.carousel-item img{
	height: 100%;
	object-fit: contain
}
/*.carousel-control-prev:hover{background-color:  #97ADF3}
.carousel-control-next:hover{background-color:  #97ADF3}
*/
#topPanel table .active {

/*width: 95px;
 background-color: #97ADF3;
  height: 20px;*/

	display: inline-block;

 

  color: #000;

  text-align: center;

  margin: 0;

  /*text-valign: center;*/     /*commented out due to error*/

}



.horiz_cols {

  display: block;

  /*vertical-align: top;*/     /*commented out due to error*/

  padding-top: 20px;

}



/* Headings */

.MainTitles1 {

  color: #000;

  font: 28px/30px "Myriad Pro";

  font-weight: bold;

  text-align: center;

}



.MainTitles2 {

  color: #990000;

  font: 28px/30px "Myriad Pro Light";

  text-align: center;

}



.MainTitles3 {

  color: #990000;

  font: 28px/20px "Myriad Pro";

  font-weight: bold;

}



.MainTitles4 {

  color: #990000;

  font: 19px/21px "Myriad Pro Light";

}



.MainTitles5 {

  color: #990000;

  font: 21px/16px "Myriad Pro";

  font-weight: bold;

}



/* Date and Month Styles */

.date {

  color: #fff;

  font: 23px/25px "Myriad Pro";

  font-weight: bold;

}



.month {

  color: #fff;

  font: 15px/15px "Myriad Pro Light";

}



/* Text Transformation */

.text_gr {

  color: #396d02;

  text-transform: uppercase;

  font-weight: bold;

}



/* Footer Styles */

.footer {

  background-color: #fff;

  width: 100%;

  margin-bottom: -19px;

}



.footer_text {

  color: #000;

}



.footer_links {

  color: #000;

  text-decoration: none;

  font-weight: bold;

}



.footer_links:hover {

  background-color: #959595;

  color: #fff;

  text-decoration: underline;

  font-weight: bold;

}


.footer_line {

  color: #000;

  font-size: 0.5em;

  text-align: center;

}



.copy {

  color: #000;

}



/* Font Face */

@font-face {

  font-family: 'Serpentine';

  src: url('fonts/serpentinebold.eot') format('opentype'),

       url('fonts/Serpentine-Bold.ttf') format('truetype');

}



/* H3 Styles */

h3 {

  font-size: 40pt;

  font-family: Serpentine;

  font-weight: bold;

}

h7 { 
	font-size: 80pt;
	font-family: Serpentine;
	text-align: center;
	font-weight: bold;
}



/* Set the dimensions of the container to match the viewport */

/*.video-container {

  position: relative;

  width: 100%;

  height: 100vh; /* Use viewport height for full-screen effect */

  /*overflow: hidden; /* Hide any overflowing video content */

  /*z-index: -1;  push behind 

}*/



/* Style the video element */

.video-container video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%; /* Make the video width 100% of the container */



  height: 
100%; /* Make the video height 100% of the container */

  /*object-fit: cover; unknown property Stretch or shrink video to cover the container */

}
.bg-image-container{
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    z-index: -1;
    background-image: url('Drone-still.jpg'); /* Adjust the path as needed */
    background-size: cover; /* Cover the entire area */
    background-position: center; /* Center the background image */
	 
}

.video-container-2 video {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}
.video-container-2{ 
	position: fixed; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden; 
	z-index: -1; 
	 
}


.video-container {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  

  height: 1080px;

  overflow: hidden;

  z-index: -1;

}

video {

  /*object-fit: cover;   unknown property*/

  width: 100%;

  height: 100%;

}



/* Style for the form container */

#contact-form-container {

	font-size: 150%;

    max-width: none;

    margin: 0 auto;

    padding: 10px;

    border: 10px solid #ccc;

    border-radius: 10px; /* Rounded corners */

    box-shadow: 0 0 10px rgba(255, 0, 0, 2); /* Box shadow for a 3D effect */

	background-color: #F80000;

}



/* Style for form input fields */

.form-input {

    margin-bottom: 10px;

}

.form-input input[type="text"],

.form-input input[type="email"],

.form-input input[type="tel"],

.form-textarea textarea{	

font-size: 150%;

	font-family: "Serpentine-Bold";

	font-display: block;

	width: 50%;

	

	}

/* Style for the textarea */

.form-textarea {

    margin-bottom: 15px;



	

}



/* Style for the submit button */

.submit-button {

    text-align: center;

}



/* Style for the button element 

button {



	height: 150%;

    background-color: #007bff;

    color: #fff;

    padding: 10px 20px;

    border: none;

    border-radius: 5px;

    cursor: pointer;

}*/



/* Style for button on hover 

button:hover {

    background-color: #0056b3;

}*/
.align-center {
	text-align: center;
	margin: 0 auto;
}


.row-1 {
	align-content: center;
	display: flex;
	flex-basis: calc(50% 10px);
	justify-content: space-between;
	padding: 0 100px;
}

/* Example: Adjust card layout for extra small devices */
@media (max-width: 576px) {
  .card {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.map-container {
  position: relative;
  overflow: hidden;
  padding-top: 31.25%; /* Adjusts the height */
  width: 100%;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.Video-container-3 {
  position: relative;

  width: 100%;
}

.Video-container-3 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.btn-gradient {
  background: linear-gradient(45deg, #6f42c1, #6610f2);
  border: none;
  color: white;
}
.btn-shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.btn-shadow:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}
.btn-rounded-animate{
	border-radius: 20px;
	
	
}
.btn-rounded-animate:hover{
	animation: rotate 0.2s ease-in-out forwards;
	background-color: #007bff;
	color: white;
	text-shadow: 0 0 3px #fff;
	font-weight: bold;
}
@keyframes rotate{
	to{
		transform: rotate(2deg);
	}
}
.text-hover{

	background-clip: text;

	color: white;
}
.text-hover:hover{
	color: gray;
	text-decoration: underline;
}
.hover-white:hover{
	color: white;
}
@keyframes textWave {
	0% {
		background-position: 200% center;
	}
	100% {
		background-position: -100% center;
	}
}
@keyframes textWaveblack {
	0% {
		background-position: 100% center;
	}
	100% {
		background-position: 0% center;
	}
}
@keyframes pause {
	0%, 100%{}
}
.black-title {
	font-size: 70px;
	font-family: "cofo-gothic-variable", sans-serif;
	font-variation-settings: "wght" 700;
	text-align: center;
	background:radial-gradient(
	circle at center,
		white 0%,
		black 5%
	);
		

	background-clip: text;
	background-size: 200% 100%;
	background-position: 100%;
	animation: textWaveblack 5s linear infinite, pause 40s steps(1, end) infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-weight: bolder;
	position: relative;
	z-index: 1;
}
.black-title::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: none;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 70px;
	font-family: "cofo-gothic-variable", sans-serif;
	font-variation-settings: "wght" 700;
	text-align: center;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	filter: blur(2px);
	font-weight: bolder;
}
.red-title {
	font-size: 70px;
	font-family: "cofo-gothic-variable", sans-serif;
	font-variation-settings: "wght" 700;
	text-align: center;
	background:radial-gradient(
	circle at center,
		white 0%,
		blue 5%
	);
	z-index: 1;	

	background-clip: text;
	background-size: 200% 100%;
	background-position: 100%;
	animation: textWaveblack 5s linear infinite, pause 40s steps(1, end) infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-weight: bolder;
	text-shadow:
 		3px 3px 3px rgba(0, 0, 0, 0.5),   /* Bottom-right shadow */
		-3px -3px 3px rgba(255, 255, 255, 0.3); /* Top-left highlight */

}
.contact-title {
	text-align: center;
	font-size: 70px;
	font-weight: bolder;
	color: #FF0000;
	text-shadow: 
		3px 3px 3px rgba(0, 0, 0, 0.7),
		-3px -3px 3px rgba(255, 255, 255, 0.4);
	
}
.white-wave {
	
	font-size: 55px;
	text-align: center;
	background-image: repeating-linear-gradient(
	90deg,
	#ff0000 0%,
	#ff0000 15%,
	Black 20%,
	#ff0000 25%,
	#ff0000 75%,
	black 80%,
	#ff0000 85%,
	#ff0000 100%
	);
	background-size: 200% 100%;
	background-position: 100%;
	background-clip: text;
	animation: textWave 20s linear infinite;
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bolder;
	
}
.black-wave {
	
	font-size: 55px;
	text-align: center;
	background-image: repeating-linear-gradient(
	90deg,
	red 0%,
	white 10%,
	Blue 20%,
	red 30%,
	white 50%,
	Blue 80%,
	red 100%
	);
	background-size: 200% 100%;
	background-position: 100%;
	background-clip: text;
	animation: textWave 20s linear infinite;
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bolder;
	
}
.subscribe-wave {
	
	font-size: 30px;
	text-align: center;
	background-image: repeating-linear-gradient(
	90deg,
	gray 0%,
	gray 15%,
	blue 20%,
	gray 25%,
	gray 75%,
	blue 80%,
	gray 85%,
	gray 100%
	);
	background-size: 200% 100%;
	background-position: 100%;
	background-clip: text;
	animation: textWave 20s linear infinite;
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bolder;
	
}

.Banner-MW{
	max-width: 1300px;
	width: 100%;
	height: auto;
}
.Banner-Padding{
	padding-bottom: 10px;
}

/*Brochure CSS */
@keyframes fadeinout {
	0%, 100%{opacity: 0;}
	100%, 0%{opacity: 1;}
}
.fade-section {
	animation: fadeinout 5s ease-in-out forwards;
}
.header-container{
	position: absolute;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

header{
	position: fixed;
	top: 10px;
	width: 100%;
	z-index: 99;
}

.main-content{
	padding-top: 250px;
}
#brochure-bg-video{
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	height: auto;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.banner-container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.bg-brochure{
	background-color: rgba(255, 0, 0, .9);
	border-radius: 20px;
}
.bg-brochure-2{
	background-color: rgba(0 , 0, 0, .5);
	padding: 50px;
	margin: 5vw;
	box-sizing: border-box;
	border-radius: 20px;
}
.text-brochure{
	color:#000000;
}
.brochure-wave{
	font-size: 55px;
	text-align: center;
	background-image: repeating-linear-gradient(
	90deg,
	#000000 0%,
	#000000 15%,
	White 20%,
	#000000 25%,
	#000000 49%,
	#000000 50%,
	#000000 75%,
	White 80%,
	#000000 85%,
	#000000 100%
	);
	background-size: 200% 100%;
	background-position: 100%;
	background-clip: text;
	animation: textWave 20s linear infinite;
	-webkit-background-clip: text;
	color: transparent;
	font-weight: bolder;

}
.consult-container {
    position: relative;
    /* Adjust the width and height as per your requirement */
    width: 90%;
    height: 400px; /* Example height */
	left: 5%;
}

.canva-design iframe, .calendar-widget {
    width: 90%;
    height: auto;
	
}

.canva-design {
    position: fixed;
    left: 0;
    width: 100%;
    height: 0vh;
	padding-top: 40%;
	box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16);
	boarder-radius: 0px;
	/*position: relative; width: 100%; height: 0; padding-top: 40%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1em; margin-bottom: 0.9em; overflow: hidden; border-radius: 0px; will-change: transform; */
}
.calendly-inline-widget{

}
.calendar-widget {
    position: fixed;
    top: 25%; /* Adjust as needed */

    z-index: 100; /* Ensure it's above the Canva design */
	right: -15%;

}
@media (max-width: 1600.98px) {
	.Banner-MW{
		width: 70%;
	}
	header{
		position: relative;
	}
	.main-content{
		padding-top: 220px;
	}
	.consult-container {
	}
	.canva-design{
	}
	.canva-design iframe{
	}
	.calendar-widget {
		position: relative;
		right: -25%;
		top: -10%;
	}
	.calendly-inline-widget{
	}

}
@media (max-width: 1100px) {
	.Banner-MW{
		width: 60%;
	}
		header{
		position: relative;
	}
	.main-content{
		padding-top: 200px;
	}
	.consult-container {
	}
	.canva-design{
	}
	.canva-design iframe{
	}
	.calendar-widget {
		position: relative;
		right: -55%;
		top: 0%;
		width: 25%;
	}
	.calendly-inline-widget{
	}

}

@media (max-width: 850px) {
	header{
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
	}
	.header-container{
		position:relative;
		height: auto;
		width: 100%;
		overflow: auto;
	}
	.main-content{
		padding-top: 40px;
	}
	.consult-container {
		flex-direction: column-reverse;
		align-items: center;
	}
	.canva-design{
		display: none;
	}
	.calendar-widget {
		position: relative;
		width: 100%;
		height: auto;
		right: auto;
		top: 50;
		z-index: 2;
		margin: 0 auto;
	}


}
.rate-container {
        background: white;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        padding: 20px;
        width: 80%;
        max-width: 600px;
        text-align: center;
    }
.accepting {
	color: #e74c3c;
	font-family: "cofo-gothic-variable",sans-serif;
	font-variation-settings: 'wght' 900;
	text-shadow: 
		2px 2px 2px rgba(0,0,0,0.5),
		-2px -2px 2px rgba(255,255,255,0.3)
}
.rate-table {
        width: 100%;
        border-collapse: collapse;
        margin: 20px 0;
		font-family: "basic-sans", sans-sarif;
		font-weight: bolder;
		font-style: italic;
		font-size: 30px;
    }
    .rate-table th, .rate-table td {
        padding: 12px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }
    .rate-table th {
        background-color: #e74c3c;
        color: white;
    }
    .rate-table tr:hover {
        background-color: #f1f1f1;
    }
    .info {
        font-size: 0.8em;
        color: #777;
        margin-top: 20px;
    }
    .cta-button {
        display: inline-block;
        margin-top: 20px;
        padding: 10px 20px;
        background-color: #3498db;
        color: white;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
    }
    .cta-button:hover {
        background-color: #2980b9;
    }
/*@media (max-width: 768px) {
    .consult-container {
        flex-direction: column-reverse;
    }

    .canva-design iframe {
        height: 300px; /* Adjust height for smaller screens */
/*    }

    .calendar-widget {
        position: absolute;
        right: 0;
        top: 0; /* Adjust positioning as necessary */
/*    }
}