html,body {margin:0;padding:0;/* background-image: url("../img/bg.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: auto; background-color: #fff; */ background-color: #00284f; font-family: Arial, Helvetica, sans-serif;}
#burger {height:25px;width:25px;display:none;}
#side_nav {visibility: hidden;-webkit-transition:0.5s ease-in;position:fixed;left:0;top:0;width:200px;height:100%;background-color:lightgray;z-index:3;}
#nav {width:100%;padding:0;}
#nav ul {list-style-type:none;overflow:hidden;background-color:white;margin:0;}
#nav ul li {float:left;cursor:pointer}
#nav ul li a {display:inline-block;color:#263f5b;text-align:center;padding:12px 10px;text-decoration:none;}
#nav ul li a:hover {color:white;background-color:#263f5b;cursor:pointer}
.logo_container {height:274px;background-color:#00284f;}
#logo{text-align:center;padding:47px;}
#logo img {width:203px;height:120px;object-fit:contain;}
#logo span {color:white;}
.footer_container {height:160px;background-color:rgb(33, 33, 33);padding:20px auto;position: relative;bottom: 0px;width: 100%;}
#footer {position: relative;  bottom: 0px;  width: 100%;  height: 110px;  margin: 0 auto;}
#footer span {  color: white;}
#social_bar {  list-style-type: none;  margin: 0 15%;}
#social_bar li {  float: left;  margin: 10px;}
/*  ele1  */
#ele1 { height: 1160px;  background-color: #004f99;}
#banner1 {  height: 1000px; width: 96%;  background-color: white;  position: relative;  top: 80px;  left: 2%;  right: 2%;}
#banner1a {  height: 1000px;  width: 50%;  float: left;}
#banner1b {  height: 1000px;  width: 50%;  background-color: white;  float: left;  text-align: center;  color: rgb(38, 63, 91);  overflow:hidden;}
#banner1b img {  width: 100%;  height: 100%;}
.text-container {  padding: 25px;}
.text-container p {  line-height: 30px;  font-size: 18px;}
.text-container .btn {  margin-top: 25px;}
.parallax-container {  z-index: 1;}
/*ele2*/
#ele2 {  height: 792px;  width: 100%;}
#ele2a {  height: 792px;  width: 50%;  float: left;  background-color: #00284f;  overflow:hidden;}
#ele2b {  height: 792px;  width: 50%;  float: left;  overflow: hidden;}
#ele2b img {  width: 100%;  height: 100%;}
.ele2a-text-container {  padding: 25px;  color: white;  text-align: center;} /* applies to ele2a, ele3b and ele4 all*/
.ele2a-text-container p {  line-height: 30px;  font-size: 18px;}
.ele2a-text-container svg {  float: left;  height: 40px;  width: 40px;  color: rgb(241, 219, 196);  margin-right: 20px;}
/*ele3*/
#ele3 {  height: 792px;  width: 100%;}
#ele3a {  height: 792px;  width: 50%;  float: left;  overflow: hidden;}
#ele3a img {  width: 100%;  height: 100%;}
#ele3b {  height: 792px;  width: 50%;  float: left;  overflow: hidden;  background-color: #00284f;}
/*ele4*/
#ele4 {  height: 1120px;  width: 100%;  background-color: #004f99;  overflow: hidden;}
#ele4 h3 {  padding-top: 70px;}
#ele4 h5 {  padding-top: 35px;}
#ele4 p {  padding-top: 35px;}
#ele4a {  height: 540px;  width: 90%;  background-color: white;  position: relative;  top: 40px;  left: 5%;  right: 5%;}
#ele4a1 {  height: 540px;  width: 50%;  float: left;}
#ele4a1 h5 {  padding-top: 80px;}
#ele4a2 {  height: 540px;  width: 50%;  float: left;  text-align: center;  color: rgb(38, 63, 91);  overflow: hidden;}
#ele4a2 img {  width: 100%;  height: 100%;}
/*ele5*/
#ele5 {  height: 1175px;  position: relative;  width: 90%;  left: 5%;  right: 5%;  background-color: #00284f;}
#ele5a {  height: 545px;  width: 100%;  background: white;  position: relative;  top: 70px;}
#ele5a1 {  height: 545px;  width: 50%;  float: left;  overflow: hidden;}
#ele5a1 h3 {  text-decoration: underline;  padding-top: 30px;}
#ele5a1 h5 {  padding-top: 30px;}
#ele5a1 p {  padding-top: 20px;}
#ele5a2 {  height: 545px;  width: 50%;  float: left;}
#ele5a2 .container {  padding-top: 70px;}
#ele5b {  height: 490px;  width: 100%;  background-color: lightgray;}
/*ABOUT*/
#about {  height: 1474px;  width: 100%;  background-color: #004f99;}
#about .ele2a-text-container {  width: 80%;  left: 10%;  right: 10%;  top: 50px;  position: relative;}
#about_banner {  width: 100%;  height: auto;  background: white;  margin-top: 130px;  overflow: hidden;}
#about_banner img {  position: relative;  top: 10px;  left: 37.5%;  right: 37.5%;  width: 25%;  height: 50%;}
/*service1*/
/*service1,2,3 apply the same css*/
#service1 {  height: 1100px;  background-color: #004f99;}
#service1ele1 {  height: 940px;  width: 90%;  background-color: white;  position: relative;  top: 80px;  left: 5%;  right: 5%;}
#service1ele1a {  height: 940px;  width: 50%;  float: left;}
#service1ele1a img {  width: 100%;  height: 100%;}
#service1ele1b {  height: 940px;  width: 50%;  background-color: #004f99;  float: left;  overflow: hidden;}
#service1ele1b .btn {  margin-top: 80px;}
/*news*/
#news {  width: 100%;  background-color: #004f99;}
#news h4 {  text-align: center;  padding-top: 130px;  padding-bottom: 100px;}