/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

-----------------------------------------------------------------*/



.LightWaves {
	animation: lightwaves 2s infinite;
	position: relative;
  }
  
  @keyframes lightwaves {
	  0%,100% { transform: translate(0,0); }
	  25%     { transform: translate(5px,5px); transform: scale(1.05); }
	  50%     { transform: translate(25px, 5px); }
	  75%     { transform: translate(12px,10px); transform: scale(1.05); }
  }
  
  .sea {
	/* position: fixed;
	top: 0px; */
	height: 100px;
	width: 100%;
	/* z-index: 99; */
	/* transform: scale(-1, 1); */
	transform: scale(1,-1);
  }
  
  #header , #header-wrap {
	border: none;
	background-color: white;
	/* background-color: rgba(0, 0, 0, 0); */
  }

  #header-wrap > .container {
	border: none;
	background-color: white;
	margin: 0;
    width: 100%;
    padding: 0 20px;
    max-width: none;
  }
  
  section , #wrapper , body #content, .content, #footer, #copyrights {
	background-color: orange;
	color: white;
	background-color: rgba(0, 0, 0, 0);
  }
  
  #gotoTop {
	background-color: white;
	color: orange;
	/* background-color: rgba(0, 0, 0, 0); */
  }

  h1 {
	color: orange;
	font-weight: bold;
  }
  h2, h3 , h4, ::placeholder, input , textarea {
	color: white !important;
	font-weight: bold;
  }
  
  .button {
	color: white !important;
	border-color: white !important;
  }
  
  .button:hover {
	color: orange !important;
	background-color: white !important;
	border-color: white !important;
  }
  
  .cnvs-hamburger {
	  color: orange;
  }
  
  .cnvs-hamburger-inner, .cnvs-hamburger-inner::before, .cnvs-hamburger-inner::after {
	  color: orange;
	background-color: orange !important;
  }
  
  .bi-three-dots-vertical , .bi-three-dots-vertical::before , .menu-item, .menu-link, .menu-link > div{
	  color: orange;
  }
  
  body, html, canvas{
	width: 100%; height: 100%; position: relative; margin: 0; padding: 0; background: orange;
  }
  
  #bg {
	position: fixed;
	top: 0px;
	/* z-index: 99; */
	transform: scale(1,-1);
  }

  .one-page-arrow {
    color: white;
}