/* CSS Document */
html, body{ margin:0px;
            padding:0px;
			width:99.9%;
			height:100%;
			background-color: #ffffff;
}

@media screen and (max-width:800px){
    .menu{
        display:none;

   }
   .menu1{
    display:block;
}
.menubar1{
    display:block;
}
.mainmenu1{
    display:block;
    width:100%;
    background-color:#000000;
    font-family: Arial, sans-serif;
    font-size:12px;
}
.slideshow{
    display:display;
}
}

@media screen and (min-width:800px){
    .menu{
        display:block;

   }
   .menu1{
    display:none;
}
.menubar1{
    display:none;
}
.mainmenu1{
    display:block;
}
.slideshow{
    display:display;
}
}


.titlebar{ background-color:#0033FF;
          width:99%;
		  border:0px;
		  
		  padding-left:30px;
		  padding-top:5px;
		  margin-bottom:0px;
		  color:#FFFFFF;
		  x-overflow:hide;
		  
		  
}
.menubar{ 
	   border:0px;
	   width:99%;
	  
	   background-color: #CCCCCC;	   
}
.menubar1{ 
	border:0px;
	width:99%;
	height: 50px;
 
	background-color: #CCCCCC;	   
}
.title{ 
          width:99%;
		  border:0px;
}
#logo{ 
          
		  border:0px;
		  
		  float:left;
		  margin-left:20px;
		  margin-top:5px;
}
.mainmenu1{
            
           
}
.mainmenu1a{width:100%;
        background-color:#ffffff;
        font-family: Arial, sans-serif;
        position:fixed;
        top:0px;
    
}
.menu{ background-color:#fffff;
          max-width:900px;
		  border:0px;
		  height:60px;
		  float:right;
		  
}

.menu1{ background-color:#fffff;
	max-width:900px;
	border:0px;
	height:60px;
	float:right;
	
}
.slideshow{ background-color:#ffffff;
			  max-width:1300px;
			  border:0px;
			  padding-top:100px;
}
.slideshow0{ background-image:url('bgg.jpg');
			  max-width:1300px;
			  border:0px;
			  padding-top:100px;
			  height:700px;
}
.slideshow1{ background-image: url(images/Browsing-eCommerce-Sites.jpg);
			 max-width:1300px;
			 height: 500px;
			 border:0px;
}
.slideshow2{ background-image: url(images/Browsing-eCommerce-Sites1.jpg);
	max-width:1300px;
	
	border:0px;
}
.slideshow3{ background-color: #ccccff;
	max-width:1300px;
	height: 500px;
	border:0px;
}

.option{ 	  max-width:200px;
			  border:0px;
			  padding:5px;
			  float:right;
			  margin-right:5px;
}
.active{ background-color: #0033FF;
			  margin-top:10px;
              color:FFFFFF;
			  max-width:200px;
			  border:0px;
			  padding:5px;
			  float:right;
			  margin-right:5px;
}
.block{ background-color:#00CCFF;
			  max-width:800px;
			  border:0px;
			  padding:10px;
			  margin:0px;
			  
}
.blocka{ 
			  max-width:800px;
			  border:0px;
			  padding:5px;
			  margin-top:5px;
			  height:200px;
			  background-color:#000000;
}
.blockab{ background-image:url(BIBLIOTHEQUE.JPEG);
			  width:90%;
			  border:0px;
			  padding:10px;
			  margin-top:60px;
              height:400px;
			  
}
.blockb{ background-color:#00CCFF;
			  max-width:800px;
			  border:0px;
			  padding:10px;
			  margin-top:10px;
			  height:240px;
			  
}
.form{ background-color:#00CCFF;
			  max-width:800px;
			  border:0px;
			  padding:5px;
			  margin:0px;
			  
}
.input{ background-color:#ffffff;
			  max-width:400px;
			  border:0px;
			  padding:5px;
			  margin:5px;
			  height:30px;
			  font-size:16px;
			  
			  
}
.button{ background-color: #0033ff;
			  width:100px;
			  border:0px;
			  padding:5px;
			  margin:10px;
			  height:30px;
			  color:#CCCCCC;
}
.slidetitle{ background-color:#ffffff;
			  max-width:900px;
			  border:0px;
			  padding:5px;
			  margin:10px;
			  font-size: 36px;
			  margin-top:50px;
}
.subtext{ background-color:#00CCFF;
			  max-width:600px;
			  border:0px;
			  padding:5px;
			  margin:10px;
			  font-size: 36px;
}
.textblock{ background-color: #00CCFF;
			  max-width:800px;
			  border:0px;
			  padding:0px;
			  margin:10px;
			  font-size: 36px;
}
.textblock1{ background-color:#00CCFF;
			  min-width:400px;
			  border:0px;
			  padding:30px;
			  margin-buttom:30px;
			  font-size: 16px;
			  float:left;
			  height:150px;
			  
}

.textblock2{ 
			  max-width:450px;
			  border:0px;
			  padding:10px;
			  margin-left:0px;
			  font-size: 14px;
			  color:#009966;
			  font-style: italic;
			  text-align: justify;
			  float:left;
			  height:190px;
			  background-color:#ffffff;
}

.textblock2b{ 
			  background-color:#f2f2f2;
			  max-width:100%;
			  border:0px;
			  padding:15px;
			  margin-left:0px;
			  font-size: 18px;
			  font-family: Arial, Helvetica, sans-serif;
			  color:#000000;
			  text-align: justify;
			  float:left;
			  
}
.textblock3{ background-color:#0000FF;
			  max-width:400px;
			  border:0px;
			  padding:0px;
			  margin-left:10px;
			  font-size: 18px;
			  height:310px;
			  float:left;
}
.textblock3i{ 
			  max-width:400px;
			  border:0px;
			  padding:0px;
			  margin-left:10px;
			  font-size: 18px;
			  float:left;
			  padding-top:100px;
			  background-color:#003366;
}
.textblockhov{ 
			  max-width:950px;
			  border:0px;
			  padding:0px;
			  margin-left:0px;
			  font-size: 18px;
			  height:320px;
			  margin-top:0px;
			  margin-bottom:100px;
			  background-color:#003366;
}
.showup{ 
			  width:99.9%;
			  border:0px;
			  padding:10px;
			  margin-left:0px;
			  font-size: 18px;
			  height:320px;
			  margin-top:0px;
			  margin-bottom:50px;
			  background-color:#003366;
}

.symbol{ 	  max-width:300px;
			  border:0px;
			  padding:0px;
			  margin-right:5px;
			  float:left;
			  height:180px;
			  
}
.symbol1{ 	  max-width:400px;
			  border:0px;
			  padding:0px;
			  margin-right:0px;
			  float:left;
			  
}
.symbol2{ 	  max-width:400px;
			  border:0px;
			  padding:0px;
			  margin-right:0px;
			  float:left;
			  
}
.subtextbox{ background-color:#cccccc;
			  max-width:200px;
			  border:0px;
			  padding:0px;
			  margin:0px;
			  font-size: 18px;
			  float:left;
			 
}
.block2{ background-color:#99cccc;
			  width:500px;
			  border:0px;
			  padding:0px;
			  margin-top:50px;
			  font-size: 18px;
			  height:50px;
			  float:left;
}
.info{ background-color:#ffffff;
			  max-width:800px;
			  border:0px;
			  padding:10px;
			  margin:0px;
			  font-size:11px;
}
.emiblock{ max-width:1000px;
}
.block2a{ background-color:#9966cc;
			  width:1000px;
			  border:0px;
			  padding:50px;
			  margin-top:50px;
			  font-size: 18px;
			  height:50px;
			  float:left;
}
.footer{ background-color:#000000;
			  width:100%;
			  border:0px;
			  padding:10px;
			  margin-top:0px;
			  font-size:16px;
			  overflow-x:hide;
			  float:left;
			  height:50px;
}

#footerb{ 
			  width:100%;
			  border:0px;
			  padding:0px;
			  margin-top:0px;
			  font-size:16px;
			  scroll-behavior:smooth;
}

.subfooter{ background-color: #000000;
			  max-width:1350px;
			  border:0px;
			  padding:5px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
}
.subfooterbox{ background-color: #000000;
			  max-width:240px;
			  border:0px;
			  padding:5px;
			  margin:10px;
			  font-size:14px;
			  color:#FFFFFF;
			  float:left;
			  text-align:left;
}
.subfooterbox1{ background-color: #000000;
			  max-width:240px;
			  border:0px;
			  padding:5px;
			  margin:10px;
			  font-size:14px;
			  color:#FFFFFF;
			  float:left;
}
.subfooterhov{ background-color: #000000;
			  max-width:400px;
			  border:0px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
			  text-align:center;
}


.subfooterhov1{ background-color: #000000;
			  max-width:800px;;
			  border:0px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
			  text-align:center;
			  height:50px;
}
.subfooterhov1i{ background-color: #000000;
			  max-width:100px;;
			  border:0px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
			  text-align:center;
			  height:50px;
}
.subfooterhov1a{ background-color: #000000;
			  max-width:400px;
			  border:0px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
			  text-align:center;
}

.subfooter1{ background-color: #0033FF;
			  max-width:400px;
			  border:0px;
			  padding:5px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
}
.subfooterhov2{ background-color: #000000;
			  max-width:250px;
			  border:0px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
			  text-align:center;
}
.footerspan{ background-color: #000000;
			  max-width:1350px;
			  border:0px;
			  padding:5px;
			  margin:0px;
			  font-size:16px;
			  color:#FFFFFF;
}


.inputb{ text-align:center;
		border-radius:5px;
		padding:5px;
		margin-top:10px;
		width:90%;
		border:3px;
		font-size-adjust:24px;
		height:30px;
		border-color:#0033ff;
}
.inputc{ text-align:center;
		border-radius:5px;
		padding:5px;
		margin-top:10px;
		width:90%;
		border:0px;
		font-size-adjust:24px;
		height:30px;
}
.inputca{ text-align:center;
		border-radius:5px;
		padding:0px;
		margin-top:10px;
		width:90%;
		border:0px;
		font-size-adjust:50px;
		height:30px;
		color:#FFFFFF;
		background-color:#0033ff;
}
.echoboard{ text-align:center;
		border-radius:5px;
		padding:5px;
		margin-top:10px;
		width:90%;
		border:0px;
		height:30px;
		color:#FFFFFF;
		font-size:36px;
}
.header{ text-align:center;
         font-size:24px;
		 font:bolder;
            
}
.inputbox{
		float:left;
		margin:3px;
		
}
.push{
	float:left;
	width:200px;
	height:10px;
}

.formcover{ background-image:url(d.jpg);
            border-radius:0px;
			padding:10px;
			max-width:700px;
			margin-top:50px;
			margin-bottom:10px;
			border:0px;
}
.formcover1{ background-color: #ffffff;
            border-radius:0px;
			margin:0px;
			padding:0px;
			max-width:800px;
			margin-top:50px;
			position:relative;
			border:0px;
			margin-bottom:50px;
}
.formcover2{ background-color: #0000FF;
            border-radius:20px;
			margin:0px;
			padding:10px;
			max-width:500px;
			margin-top:10px;
			position:relative;
}
.aboutus{ background-color:#ffffff;
			  width:100%;
			  border:0px;
			  padding:0px;
			  font-size:14px;
			  font:Geneva, Arial, Helvetica, sans-serif;
			  height:250px;
			  margin-bottom:10px;
			  
}

.lender{ background-color:#ffffff;
			  max-width:800px;
			  border:0px;
			  padding:0px;
			  font-size:50px;
			  margin-top:10px;
			  color:#0033ff
			  
}
.lenderhov{ max-width:810px;
            margin-top:100px;
			height:300px;
			
			  
}
.lenderi{ background-color:#ffffff;
			  max-width:500px;
			  border:0px;;
			  padding:0px;
			  font-size:46px;
			  margin-top:10px;
			  color:#0033ff;
			  float:left;
			  
}
.lenderbc{ background-color:#ffffff;
			  max-width:800px;
			  border:0px;
			  padding:0px;
			  font-size:50px;
			  margin-top:10px;
			  color:#0033ff
			  
}
.lender1{ background-color:#ffffff;
			  max-width:400px;
			  border:0px;
			  padding:0px;
			  font-size:20px;
			  margin-bottom:20px;
			  color:#000000;
			  
}


.lender2{ background-color:#ffffff;
			  max-width:600px;
			  border:0px;
			  padding:0px;
			  font-size:18px;
			  margin:0px;
			  color:#0033ff;
			  text-align:left;
			  
}

.lender2i{ background-color:#ffffff;
			  max-width:600px;
			  border:0px;
			  padding:0px;
			  font-size:18px;
			  margin:0px;
			  color:#0033ff;
			  text-align:left;
			  float:left;
			  
}

.lender3{ background-color:#ffffff;
			  max-width:900px;
			  border:0px;
			  padding:0px;
			  font-size:18px;
			  margin:0px;
			  color:#0033ff;
			  font: Arial, Helvetica, sans-serif;
			  
}
.lender4{ background-color:#ffffff;
			  max-width:800px;
			  border:0px;
			  padding:0px;
			  font-size:18px;
			  margin:0px;
			  color:#0033ff;
			  text-align:left;
			  
}

.field2{ background-color:#ffffff;
			  border:0px;
			  margin:20px;
			 
			  
}

.contactus{ background-color:#ffffff;
			  max-width:500px;
			  border:0px;
			  padding:10px;
			  margin-buttom:20px;
			  font-size:16px;
			  font:bolder;
			  color:#0066FF;
			  
}
.aprovebox{ background-color: #ffffff;
			  max-width:1000px;
			  border:0px;
			  padding:10px;
			  margin-buttom:20px;
			  color:#0033ff;
			  margin-bottom:30px;
			  font-size:36px;
			  font:bold;
			  
}
.aprovebox1{ background-color: #0033ff;
			  width:100%;
			  border:0px;
			  padding:10px;
			  margin-buttom:20px;
			  color:#FFFFFF;
			  margin-bottom:30px;
			  font-size:36px;
			  font:bold;
			  
}
.aprove{ background-color:#0033FF ;
			  max-width:200px;
			  border:10px;
			  padding:2px;
			  margin-buttom:20px;
			  margin-top:10px;
			  border-color:#FFFFFF;
			  font-size:24px;
			  color:#FFFFFF;
			  margin-bottom:100px;
			  
}
.toplist{ background-color:#0033FF ;
			  max-width:200px;
			  border:10px;
			  padding:2px;
			  margin-buttom:20px;
			  margin-top:10px;
			  border-color:#FFFFFF;
			  font-size:24px;
			  color:#FFFFFF;
			  height:30px;
			  margin-bottom:50px;
			  
}
.aprove1{ background-color:#ffffff ;
			  max-width:250px;
			  border:10px;
			  padding:2px;
			  margin-buttom:10px;
			  margin-top:10px;
			  border-color:#FFFFFF;
			  font-size:24px;
			  color:#0033ff;
			  
}

.image{ background-color:#00CCFF;
			  max-width:180px;
			  border:10px;
			  padding:0px;
			  margin-buttom:20px;
			  margin:10px;
			  border-color:#FFFFFF;
			  height:100px;
			  float:left;
			  
			  
}
.text{ background-color:#00CCFF;
			  max-width:400px;
			  border:10px;
			  padding:0px;
			  margin-buttom:20px;
			  margin-top:10px;
			  border-color:#FFFFFF;
			  float:left;
			  height:100px;
			  
}
.bar{ 
			  width:99%;
			  border:0px;
			  padding:5px;
			  margin:5px;
			  margin-top:0px;
			  background-color:#CCCCCC;
			  
}
.intro-box h2 {
 font-size:24px;
 color:#1A4C8E;
 text-shadow:#ddd 0px 2px 2px;
 text-align:right;
 margin:0 !important;
 padding:0 !important;
 font-style:italic;
 font-weight:bold
 width:100%;
 background-color:009966;
}
.intro-box p {
	font-size:14px;
	line-height:22px;
	color:rgb(103, 247, 247);
	text-shadow:#ddd 0px 2px 2px;
	text-align:justify;
   }

   
	select[type=text]{
        width:100%;
        height:40px;
        margin-top:10px;
        border:none;
        border-radius:3px;
        padding:5px
        font-weight:50;
        font-size:2em;
        padding:5px;
        
        }