body {
margin:0px;
}

 html {
font-family: 'Prompt', sans-serif;
 
 
}



		
		
.footer_bar {
 
background-color: #1d92c9;
padding:60px;
color: #ffffff;
margin-top:80px;
width:100%;
height:250px;
font-size:0.7vw;
}

.slider_contain {
	//margin-top:0px;
	width:100%;
	height:auto;
}

.menu_contain {
	margin-top:0px;
	width:100%;
	overflow: hidden;
}
		
		
.header_band {
		  background-color: #33b5e5;
		  padding:0px;
		  color: #ffffff;
	 
		  width:75%; 
		  height:5px;
		  font-size:1.7vw;
		  box-shadow: 0px 2px 10px  #d1d1d1;
		}	
		

		
		
	
.sticky {
  position: fixed;
  top: 40;
  width: 100%;
  background-color:#ffffff;
  box-shadow: 0px 0px 10px  #d1d1d1;
  transition: 0.8s;
}

.content {
 
  top: 240;
  width: 100%;
  background-color:#ffffff;
 
}

.sticky + .content {
 
  top: 240;
  width: 100%;
  background-color:#ffffff;
 
}
 

		.header_top {
		  background-color: #33b5e5;
		  padding:10px;
		  color: #ffffff;
		  height:40px;
		  width:100%;
		  font-size:0.7vw;
		}
		
#navbar {
 
  background-color:#ffffff;
    overflow: hidden;
 
  position: fixed;
  top: 0;
  width: 100%;
  
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  overflow: hidden;
  background-color: #ffffff;
   width:100%;
  font-size:1.1vw;
  color:#001a00;


}

li {
  float: left;
  width:13%;
 height:auto;
  background-color: #red;
}

li a {
  display: block;
  text-align: center;
  text-decoration: none;
 
  padding-top:36px;
  padding-bottom:34px;
	  color:black;
 
}

li a:hover {
  background-color:  #8bc96f;
  opacity:0.5;
  padding-top:33px;
  padding-bottom:34px;
	  color:black;
	 	opacity:0.5;
		border-color: #1d92c9;
		 border-style: none none solid none;
		  
		   border-width: 3px;
  transition: 0.3s;

}


#homelink {
  background-color:  #ffffff;
   padding-top:0px;
   padding-bottom:0px;
  border-style: none none none none;
}



.active {
  background-color: #8bc96f;
    opacity: 0.5;
}








		

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}



.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 15px;

}


/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}