@charset "utf-8";
/* CSS Document */

body {
  background-color: #002747;
	}
  .logoimg { min-width:80vw; max-width:970px}
  .toptext { margin: auto; position:relative; overflow:visible; margin-bottom:10px; display:flex; justify-content:center;}
  .boximg { padding:5px; width:60%;}
  
  .mainbox {background-color:rgb(3, 124, 104); text-align:left; max-width:100%; float:left; padding:10px;  margin:10px; font:Arial, Helvetica, sans-serif;
  }

  h1 {
    color: #17252a; font:Arial, Helvetica, sans-serif;
  }
  h2 {
      color: #2b7a78; font:Arial, Helvetica, sans-serif;
  }
  
  .textbox {margin: auto; max-width:1400px; position:relative; background-image:url(images/background1.jpg); background-position:center; background-size:cover; overflow:auto; margin-bottom:10px}
  
  .textbox1 {margin: auto; max-width:1400px; position:relative; background-image:url(images/back3.jpg); background-position:center; background-size:cover; margin-bottom:10px; overflow:auto; }
  
  .textbox2 {margin: auto; max-width:1400px; position:relative; background-image:url(images/back3.jpg); background-position:center; background-size:cover; margin-bottom:10px; overflow:auto; }
  
  .rightbox {background-color: rgba(255, 255, 255, 0.8); text-align:center; max-width:100%; float:left; padding:5px;  margin:10px; font:Arial, Helvetica, sans-serif; overflow:auto; }
  
  .mainbox {background-color: rgba(255, 255, 255, 0.8); text-align:left; max-width:100%; float:left; padding:10px;  margin:10px; font:Arial, Helvetica, sans-serif; }
  
  
  .leftbox {width:55%;background-color:#C5c6c7;  text-align:center; min-width:400px; float:right;}
  .formbox {background-color: rgba(255, 255, 255, 0.8); text-align:left; width:90%; float:left; padding:10px;  margin:10px; font:Arial, Helvetica, sans-serif; }


  input,
  textarea,
  select,
  button {
    font-size: large;
    width: 96%;
    padding: 5;
    margin: 5;
    vertical-align: middle;
  }

  .footerbox { bottom: 0; width:100%; background-color: #070707; height:250px; }

.mobimg { width: 100%;}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
.footertext{

  margin: auto; max-width:1400px; position:relative;
}

.footerleft { color: #ffffff; float:left; width: 35%; margin: auto; }
.footermiddle { color: #ffffff; float:left; width: 30%;  margin: auto; padding-top: 60px;}
.footerright { color: #ffffff; float:right; width: 35%;  margin: auto; padding-top: 60px;}
.footertext{padding: 5px;}
.menubtn {
  width: 50px;
  float: right;
  margin: auto;
  display: block;
  margin: auto;
  object-fit: fill;


}
li {

  z-index: 999;

}
.lipad { padding-top: 5px;}

li a, .dropbtn {
  z-index: 999;
  display: inline-block;
  color: white;
  text-align: center;
  padding: 2px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {

  z-index: 999;
  background-color: rgb(26, 35, 220);
}

li.dropdown {
  z-index: 999;
  display: inline-block;
  float: right;
}
ul{background-color: #2b7a7700;}

.dropdown-content {
  z-index: 999;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  z-index: 999;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: right;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  z-index: 999;
  display: block;
}