/*Global */
   .container{
     width:100%;
	 margin:auto;
	 overflow:hidden;
	 }


/* CALLING BUTTON */
.phone {

    position: fixed;

    left: 15px;

    bottom: 7%;

}

 

.phone h5 {

    color: white;

    background: red;

    padding: 12px;

    border-radius: 10px;

}

 
		
/* header baner */
	
#baner{
		 background:rgba(47, 180, 247, 0.62);
		 color:#f7fdff;
		 padding-top:0px;
		 min-height:70px;
		 border-bottom:#2581DC 5px solid;
	      border-top:#2581DC 5px solid;
	 
	 }
	 
#baner a{
		 color:rgb(81, 232, 98);
		 text-decoration:none;
		 text-transform: uppercase;
		 font-size:30px;
		 
	 }
	 
	 
#baner #branding{
		 text-align: center;
	 
	 }
	 
#baner #branding h1{
		margin:0;
	}
		
#baner .highlight, #baner .current a{
      color:#34d8ff	;
      font-weight:bold;
	  
  }

#baner a:hover{
    color:#01205a;
	font-weight:bold;
}

#baner .social li {
		 
		 display:inline;
		 padding: 0 10px 0 10px;
	 }
	 
.social {
   float:right;
	margin-right: -10px;
}

/*Global */
   .containertwo{
     width:95%;
	 margin:auto;
	 overflow:hidden;  
	 }


	 
/* Image Slider */
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; top: 0px;position: relative;}
div#slider figure img { width: 20%; height:250px; float: center; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite;  
	
}








#footer-distributed{
	background-color: skyblue;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
    max-width: auto;
	text-align: left;
	font: normal 10px sans-serif;
	padding: 40px 30px;
    height:250px; 
	
}

#footer-distributed .footer-left p{
	color:  #b2b2b2;
	font-size: 14px;
	margin: 0;
}

/* Footer links */

#footer-distributed p.footer-links{
	font-size:18px;
	font-weight: bold;
	color: white;
	margin: 0 0 10px;
	padding: 0;
		
}

#footer-distributed p.footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
	
}

#footer-distributed .footer-right{
	float: right;
	margin-top: 0px;
	width: 180px;
	background-color: ;
}

#footer-distributed .footer-right a{
	display: inline-block;
	width: 42px;
	height: 40px;
	background-color: #056229;
	border-radius: 12px;
	font-size: 28px;
	color: rgb(20, 255, 0);
	text-align: center;
	line-height: 35px;
	margin-left: 0px;
	padding: 3px;
}


#footer-distributed .footer-right a:hover{
          color:#edff18;
}


#footer-distributed .footer-right a {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
 
#footer-distributed .footer-right a:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}




	
		


	
/* Media Queries */
@media (max-width:768px) {
     
	 #boxes .box{	
	 float:none;
	 text-align:center;
	 width:100%;
	 }

	 
	 #baner #branding,
	 #baner #branding,
	 #baner ,
	 #baner li,
	 #boxes .box{	
	 float:none;
	 text-align:center;
	 width:100%;
	 font-size: 20px;
	 }
	  .w3-menu .w3-left{
		font-size: 7px;
		font-family:cursive;
	}
body { margin: 0; } 
div#slider { overflow: hidden; top: -15px; position: relative;}
div#slider figure img { width: 20%; max-height:220px; float: center; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite;  
	
}    



#footer-distributed .footer-left,
	#footer-distributed .footer-right{
		text-align: center;
		
		
	}


	
	#footer-distributed .footer-right{
		float: none;
		margin: 20px auto 10px;
		
	}

	#footer-distributed .footer-left p.footer-links{
		line-height: 1.8;
		
	}


}