#center-banner
  {
      margin-left:280px;
    background-color: rgba(0,0,0, 0.7);width:320px;
  }
.msimg
{
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(1.5px);
}
#body
{
    font-family:Raleway;
}
.mrg1
{
    margin-top:450px;
}
#mrg2
{
    margin-top:50px;
}
#mrg-top
{
    margin-top:10px;
}
#padicn
{
    padding:5px;
}
.padngb
{
    padding:5px;
}
.pad3
{
    padding:5px;
}
.span
{
    text-align:jutify;
}
#padng
{
   margin-left:20px;
}
/*whatsapp*/
#floatt{
float:center;
	width:90px;
	height:60px;
	/*bottom:40px;*/
	/*right:40px;*/
	/*background-color:#25d366;*/
	color:#25d366;
	/*border-radius:50px;*/
	text-align:center;
  font-size:50px;
	/*box-shadow: 2px 2px 3px #999;*/
  z-index:100;
}

.my-float{
	margin-top:14px;
	text-align:center;
}

/*button*/
.a3:link, .a3:visited {
  background-color: white;
  color: white;
  border-bottom-left-radius:10%;
   border-bottom-right-radius:10%;
   background-color: #3EC0CD;
  border: 2px solid #3EC0CD;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float:right;
  font-size:13px;
  width:113px;
  margin-left:3px;
}

.a3:hover, .a3:active {
  background-color: transparent;
  color:black;
}
.a2:link, .a2:visited {
  background-color: white;
  color: white;
  border-bottom-left-radius:10%;
   border-bottom-right-radius:10%;
   background-color: #3EC0CD;
  border: 2px solid #3EC0CD;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float:left;
  font-size:13px;
  width:150px;
}

.a2:hover, .a2:active {
  background-color: transparent;
  color:black;
}
#fa-mobile
{
    padding:3px;
    font-size:18px;
}
.a1:link, .a1:visited {
  background-color: white;
  color: white;
   background-color: #3EC0CD;
  border: 2px solid #3EC0CD;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.a1:hover, .a1:active {
  background-color: transparent;
  color:black;
}
.center
{
    text-align:center;
}
.primary
{
    height:50px;
}
#left {
    position: fixed;
   
}
.shadowk
{
    box-shadow: 10px 10px 20px darkgray;
}
.shadow
{
    box-shadow: 10px 10px 5px grey;
}
#logo
{
    float:left;
    padding:10px;
    margin-top:-5px;
}
.sider
{
    position: fixed;
}

/*banner*/

/*.responsive {*/
  /*width: 100%;*/
/*  height: auto;*/
/*}*/
.banner
{
    background-image:url('img/Aethereus - Training Kit - low-22 copy.jpg');
      background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 width:995px;
 height:518px;
 opacity:0.9;
}
.banner:hover {
  opacity: 1.0;
}
/*text style*/
.mrg
{
    margin-top:160px;
}
.text-shadow
{
     text-shadow: 8px 8px 8px #000000;
}

#hheading1
{
    color:white;
    text-align:center;
     margin-top:100px;
}
#hheading
{
    color:white;
    text-align:center;
    
}
.bluc
{
    color:#3EC0CD;
}
/*navbar*/
.mobnav
{
    display: none;
}
.topnav {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:99999 !important;
}
.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 20px;
  text-decoration: none;
  font-size: 17px;
   border-right:1px solid #bbb;
}

.topnav a:hover {
  background-color: #3EC0CD;
  color: white;
}

.topnav a.active {
  background-color: #3EC0CD;
  color: white;
}

.topnav .icon {
  display: none;
}
#hide-on-desktop
{
    display: none;
}

/*form design*/

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  padding:9px;
  width: 100%;
  margin-bottom: 15px;
}
/*dodgerblue*/
.icon {
  padding: 10px;
  background: #3EC0CD;
  color: white;
  min-width: 50px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.btn1 {
  background-color: #3EC0CD;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn1:hover {
  opacity: 1;
}
.back-color
{
    background-color:#3EC0CD;
    color:white;
}
.back-color:hover
{
    background-color:transparent;
    color:black;
    border:2px solid #3EC0CD;
}
#back-color:hover
{
    background-color:transparent;
    color:white;
    border:2px solid #3EC0CD;
}


/*table*/

/*table {*/
/*  border-collapse: collapse;*/
/*  width: 100%;*/
/*  font-size:18px;*/
/*}*/
.thead-dark
{
    background-color:blue;
    color:white;
}
th, td {
  text-align: center;
  padding: 8px;
}
/*#hed*/
/*{*/
/*background-color:blue;*/
/*color:white;*/
/*text-align:center;*/
/*}*/
/*[border]*/
/*{*/
/*color:black;*/
/*}*/
tr:nth-child(even) {background-color: lightgrey;}


/*------------------------------------------------------------------
	14. footer of the page styles / #footer
-------------------------------------------------------------------*/

#footer {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#footer .bottom {
	margin-top: 30px;
	padding-top: 21px;
	border-top: 1px solid #292929;
}
.dark-bg
{
    background-color:grey;
    padding:20px;
    color:white;
}
#dis,#fa1
{
    color:white;
}


/*hover box*/
.containerfl {
  position: relative;
  width: 100%;
  padding:0px;
}
.containerfl:hover .image {
  opacity: 0.3;
  background-color:gray;
}

.containerfl:hover .middle {
  opacity: 1;
}
.containerc {
  position: relative;
  width: 50%;
  padding:40px;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  padding:20px;
  border:2px solid grey;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.containerc:hover .image {
  opacity: 0.3;
  background-color:gray;
}

.containerc:hover .middle {
  opacity: 1;
}

.text {
  background-color: #3EC0CD;
  color: white;
  font-size: 14px;
  padding: 16px 32px;
}
.text1 {
  background-color: #3EC0CD;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.text1>a
{
    color:white;
}


@media screen and (max-width: 800px) {
 #map-img
 {
     width:20px;
 }
  #center-banner
  {
     transform:translate(-75%,0%);
    /*background-color: rgba(0,0,0, 0.7);width:320px;*/
  }
 
  .imgmob
  {
      width:365px;
      margin-left:-35px;
      margin-top:-40px;
  }
  .flr-mrg
  {
      margin-top:5px;
  }
  #mobnv
  {
      display:none;
  }
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  #hide-on-desktop
{
     float: center;
    display: block;
}
.mobnav
{
    display: block;
}
  #center
  {
     text-align:center;
  }
  #left
{
    float:left;
}
  #myTopnav
  {
      width:100%;
  }
  .active
  {
      margin-top:70px;
  }
  #center-banner
  {
      margin-left:250px;
  }
  .banner
  {
      
      width:370px;
      height:400px;
  }
  #mobanner
  {
      margin-top:110px;
  }
 .h1
  {
      margin-top:0px;
  }
  .span
  {
      text-align:center;
      
  }
  #mapob
  {
       width:290px;
      height:290px;
  }
  .mrg
  {
      margin-top:18px;
  }
  #hheading
  {
      font-size:13px;
  }
  #pri
  {
       text-align:center;
       margin-top:-10px;
  }
  
  #ammt
  {
      margin-top:-10px;
      text-align:center;
  }
  #card
  {
      margin-left:50px;
  }
 #myModal
 {
     margin-top:50px;
 }
 #dis
 {
     float:center;
 }
 #c-width
 {
     width:100%;
 }
 #d-width
 {
     width:100%;
 }
 .col-md-9
 {
     width:100%;
 }
 #full-container
 {
     width:100%;
 }
 #map-img
 {
     width:100%;
 }
}

@media screen and (max-width:1024px) {
  /*.topnav.responsive {position: relative;}*/
  /*.topnav.responsive .icon {*/
  /*  position: absolute;*/
  /*  right: 0;*/
  /*  top: 0;*/
  /*}*/
  /*.topnav.responsive a {*/
  /*  float: none;*/
  /*  display: block;*/
  /*  text-align: left;*/
  /*}*/
  .bg-s
  {
      text-align:center;
  }
}