@keyframes title1{
			      from{transform:translate(-1500px,0px);opacity:0;}
			      to{transform:translate(0,0px);opacity:1;}
			     }	

@keyframes row{
			   from{transform:translate(-1500px,0px) rotatex(0deg)}
			   to{transform:translate(0,0px) rotatex(360deg)}
			  }		 

@keyframes web{
			  30%{transform:scale(1) }
			  55%{transform:scale(0.9) }
			  80%{transform:scale(1.04) }
			  }

*{
 /* color: white; */margin:0px ;padding:0px;
 font-family: 'Readex Pro', sans-serif;
 }
 
 
 
 #nav{
	  overflow:hidden;
	  height:85px;  
	  background: white;
	  border-bottom:2px solid orange;
	  }
 
 #logo{width: 145px;
       float: left;
       padding: 13px;
	   margin-left:45px;
	  }
	  
 #logo img{max-width:100%;}
 #menu   {width:800px;
		  float:right;
		 }
		 
 #menu   {margin:15px -40px 0px; 
		 }
		 
 #menu li{display: inline-block;
		  font-size: 18px;
		  text-decoration: none;
		  padding: 15px 26px;
		  background: whitesmoke;
		  border: 0.1px solid #ffc10769;
		  border-radius: 3px;
		  transition:all 0.5s;
		 }















#list{
	  width:800px;
	  float:right;
	 }

#list li{
		 float:left;
		 list-style:none; 
		 text-align:center;
		 position:relative;
		}

#list li a {
		    color:#ff9801;
		    font-weight:bold;
		    text-decoration:none;
		    border-right: 2px solid #ff980e21;

		    padding: 20px 30px;
		    display:block;
		    transition:all 0.4s
		   }

#list li a:hover{color:white;
				 background:#ff9801;
				 transform:scale(1.1)
				}		  
		  
#navigation{
			width:100%;
			background:#f1f1f1;
			border-bottom:2px solid #29abe2;
			display:inline-block;

		   }		  

		   
		   
		   
 #sub_menu1{
		   background: #29abe2;
		   width: 220px;
		   position:
		   absolute;
		   top: 68px;
		   left: 2px;
		   opacity: 0;
		   transform:
		   scaleY(0);
		   transform-origin: top;
		   transition:
		   all 0.2s;
		   }
		   
#services:hover #sub_menu1{transform:scaleY(1);
						   opacity:1;
						  }
   
		   
#sub_menu1 li{
			 float: none;
			 text-align:left;
			}

#sub_menu1 li a{color:white; }	

#sub_menu1 li:hover a {padding-left:50px;}	




#sub_menu2{
		   position:
		   absolute;
		   background: #29abe2;
		   border-bottom:2px solid #0071bc;
		   width: 200px;
		   left: -39px;
		   opacity:0;
		   transform:
		   scaleY(0);
		   transform-origin: top;
		   transition:
		   all 0.2s;
		  }
		  

#products:hover #sub_menu2{transform:scaleY(1);
						   opacity:1;
						  }	
						  
#sub_menu2 li {
			   float: none;
			   text-align:left;
			  }

#sub_menu2 li a{color:white;}	
			  
#sub_menu2 li:hover a {padding-left:64px;}





















#menu li:hover{
			   background:orange;
			   cursor:pointer;
			   transform:scale(1.1);
			   color:white;
			  }	
		  
 
  #menu li a{
			color:
			orange;
			text-decoration:
			none;
			font-weight: 500;
			transition:
			all 0.3s;
			}
			
#menu li:hover a{ color:white;}		




			
 
#section1 {
		   background: linear-gradient(58deg, #002949, #390061);
		   padding:30px 0px 110px;
		  }
 
 
#title1   {
		  text-align: center;
		  color: white;
		  font-weight: bold;
          font-size: 45px;
		  margin-bottom: 30px;
		  
		  animation-name:title1;
		  animation-duration:1.2s;
		  
		  
		 }
 
#title1 span{Color:orange; font-weight:bold;margin: 10px;}	

	
#web     {
		  Width:360px;
		  background: #efefef;
		  margin: 25px 20px;
		  padding: 20px;
		  overflow:hidden;
		  border: 1px solid #ffb507;
		  border-radius: 6px;
		  display:inline-block;
		  transition:all 0.5s;
		  
		  animation-name:web;
		  animation-duration:3s;
		 
		 }	
#web:hover{
		   background:transparent;
		   cursor:pointer;
		   transform:scale(1.04);
		 		   
		   }
		   
		   
#web:hover #description{color:white ;}			   
		 
#icon 	  {
		   font-size: 91px;
		   Width: 90px;
		   margin-top: 5px;
		   float: left;
		   color:orange;
		  }
		 

#description{
			width:270px;
			float: right;
			color:#5e5a49;
			transition:all 0.5s;
			}		

#icon,#description{display:inline-block;}

  
#description h2   {
				   font-weight:bold;
				   margin-bottom:10px;
			      }	
		 
#description p    {
				   line-height:20px;
				   font-size:13px
			      }
			   
#row1 	 {
		  background: #88888870;
		  width: 1335px;
		  margin: auto;
		  border: 1px solid white;
		  border-radius: 15px;
		  transition:all 1s;
		  
		  animation-name:row;
		  animation-duration:2s;
		  
		 }

#row1:hover{
		    transform:scale(1.02); 
			
		   }		 


		   

#section2{
		  background: #ededed;
		  padding:25px 0px 0px;
		  transition:all 1s;
		 }
#section2:hover{transform:translate(0,-60px)}		 

#row2 	 {
		  background:#ffffff70;
		  width: 1296px;
		  padding:20px;
		  margin: auto;
		  border: 1px solid white;
		  border-radius: 15px 15px 7px 7px;
		  transition:all 1s;
		  
		 }

#row2:hover{
		    transform:scale(1.02); 
		   }		 
		 

#title2   {text-align: center;
		  color: #0e204f;
		  font-weight: bold;
          font-size: 45px;
		  margin-bottom: 30px;
		  }		   
		  
#title2 span{Color:orange; font-weight:bold;margin: 10px;}

#image1     {
			 width:530px;
			 border: 2px solid orange;
			 border-radius: 11px;
			 box-shadow: 0px 3px 10px 0px #8f8f8f;
			 overflow:hidden;
			 padding: 10px;
			 transition:all 0.5s;		
			}

#image1 img {
			 max-width: 100%;
			 border-radius: 6px;
			 
			}
			
#image1:hover{
			  cursor:pointer;
		      transform:scale(1.04);
			  
		     }			

#about_us  {
		    width: 665px;
			float: right;
			padding: 30px;
			text-align: justify;
			color:#5e5e5e;
			transition:0.5s;
		   }
		   
#about_us:hover{transform:scale(1.04)}		   
		   
#about_us h2{padding-bottom: 5px;
			 border-bottom: 1px solid #9a9a9a;
			 margin-bottom: 28px;
			}		   


#image1, #about_us{display:inline-block}

#title3{text-align: center;
    color: white;
    font-weight: bold;
    font-size: 45px;
    margin-bottom: -60px;
    padding: 25px;
    animation-name: title1;
    animation-duration: 1.2s;

}

footer	 {
		  margin-top:50px;
		  background:#001522;
		  border-top: 3px solid #ffa500;
		  color:#e7e7e7;
		  padding:30px 0px;
		 }
	  
footer h2{
		  font-size:17px;
		  text-transform:uppercase;
		  border-bottom: 1px solid white;
		  padding-bottom: 5px;
		  margin-bottom: 15px;
		 }

#footer_div  {
			  width:1300px;
			  border:1px solid white;
			  margin:auto;
			  display: table;
		     }

#footer_block{
			  width:250px;
			  margin: 25px 35px;
			  float: left;
			  overflow: hidden;
			 }

#additional_links li {
			line-height: 25px;
			border-bottom:1px solid #3a4348;
			}
					 
#additional_links li:last-child{border:none;}					 

			 
#additional_links li a{
					  text-decoration: none;
					  color: #e7e7e7;
					  }	
					  
#additional_links li a:hover{text-decoration:underline;}			 

#subscription_form input{
						 width:100%;
						 padding:8px 0px;
						 margin: 5px 0px;
						}
#inputBox{background: white;}

#Submit{
		color: white;
		background: #ffa500;
		border: 1px solid #e7e7e7;
	   }