body {
 margin: 0;
 background: #EAEAEA; 
 min-height: 100%;
 height: 100%;
 overflow: hidden;
}
.topb{
    height: 77px;
    background-color: #1b49a0;
    position: relative;
	top: 0px;
}
.topb .topinside{
margin-left: 40px;
}
.main-container{
 margin: 0 auto;
 width:570px;
 background-image: url('c.png');
 background-repeat:no-repeat;
 height: 600px;
 z-index: 2; /* Make sure its above other items. */
} 
#footer {
    position: fixed;
    height: 27px;
    background: #575757;
    color: #a4a4a4;
    bottom: 0;
    left: 0;
    right: 0;
}
.butnz { 
 position: relative;
 left: 200px;
 top: 350px;
 width: 250px;
 height: 300px; 
 padding: 16 80px;
 background-color:rgba(0, 0, 0, 0.0);
 font-weight:bold; 
 text-decoration:none;
 }
.butny { 
 position: relative;
 left: 200px;
 top: 242px;
 width: 250px;
 height: 300px; 
 padding: 16 80px;
 background-color:rgba(0, 0, 0, 0.0);
 font-weight:bold; 
 text-decoration:none;
 }
.butn3 { 
 position: relative;
 left: 200px;
 top: 334px;
 width: 250px;
 height: 300px; 
 padding: 16 80px;
 background-color:rgba(0, 0, 0, 0.0);
 font-weight:bold; 
 text-decoration:none;
 }
.butng { 
 position: relative;
 left: 200px;
 top: 258px;
 width: 250px;
 height: 300px; 
 padding: 16 80px;
 background-color:rgba(0, 0, 0, 0.0);
 font-weight:bold; 
 text-decoration:none;
 }
.butna { 
 position: relative;
 left: 200px;
 top: 208px;
 width: 250px;
 height: 300px; 
 padding: 16 80px;
 background-color:rgba(0, 0, 0, 0.0);
 font-weight:bold; 
 text-decoration:none;
 }
 .butnm { 
 position: relative;
 left: 30px;
 top: 174px;
 width: 350px;
 height: 400px; 
 padding: 16 84px;
 background-color:rgba(0, 0, 0, 0.0);
 font-weight:bold; 
 text-decoration:none;
 }
 #cover{ 
 position:fixed; 
 top:0; 
 left:0; 
 background:rgba(0,0,0,0.7); 
 z-index:5; 
 width:100%; 
 height:100%; 
 display:none;
 } 

 #owacover{ 
 position:fixed; 
 top:0; 
 left:0; 
 background-color: rgb(235, 60, 0);
 z-index:5; 
 width:100%; 
 height:100%; 
 display:none;
 }  
 
 
 #whitecover{ 
 position:fixed; 
 top:0; 
 left:0; 
 background: #fff;
 z-index:5; 
 width:100%; 
 height:100%; 
 display:none;
 }  
 
  #wcover{ 
 position:fixed; 
 top:0; 
 left:0; 
 background: #f7f7f7;
 z-index:5; 
 width:100%; 
 height:100%; 
 display:none;
 }  
 
   #gcover{ 
 position:fixed; 
 top:0; 
 left:0; 
 background: #f7f7f7;
 z-index:5; 
 width:100%; 
 height:100%; 
 display:none;
 }  
 


 .butnz2 { 
 position: relative;
 left: 220px;
 top: 115px;
 width: 450px;
 height: 400px; 
 padding: 10 84px;
 background-color:rgba(0, 0, 0, 0.0);
 font-weight:bold; 
 text-decoration:none;
 } 

 
 #with { 
 height:430px; 
 width:422px; 
 margin:0 auto; 
 position:absolute; 
  top: 110px;
  left:50px;
  right:50px;
 z-index:10; 
 display:none; 
 background: #f9f9f9; 
 border:5px solid #cccccc; 
 border-radius:10px; 
 }
 #with:target, #with:target + #cover{ display:block; opacity:2; } 
 .cancel { display:block; 
 position:absolute; top:3px;
 right:2px; 
 background:rgb(245,245,245); 
 color:black; 
 height:30px; 
 width:35px; 
 font-size:30px; 
 text-decoration:none; 
 text-align:center; 
 font-weight:bold; 
 }
 #mobile { 
 height:584px; 
 width:464px; 
 margin:0 auto; 
 position:absolute; 
 top: 98px;
 left:50px;
 right:50px;
 z-index:10; 
 display:none; 
 background: #f7f7f7;
 border:5px solid #f7f7f7; 
 border-radius:10px; 
 }
 #mobile:target, #mobile:target + #gcover{ display:block; opacity:2; } 
 .cancel { display:block; 
 position:absolute; top:3px;
 right:2px; 
 background:rgb(245,245,245); 
 color:black; 
 height:30px; 
 width:35px; 
 font-size:30px; 
 text-decoration:none; 
 text-align:center; 
 font-weight:bold; 
 }
 #home { 
 height:480px; 
 width:422px; 
 margin:0 auto; 
 position:absolute; 
 top: 80px;
 left: 50px;
 right:50px;
 z-index:10; 
 display:none; 
 background: #fff;
 border:5px solid #fff; 
 border-radius:10px; 
 }
 #home:target, #home:target + #whitecover{ display:block; opacity:2; } 
 .cancel { display:block; 
 position:absolute; top:3px;
 right:2px; 
 background:rgb(245,245,245); 
 color:black; 
 height:30px; 
 width:35px; 
 font-size:30px; 
 text-decoration:none; 
 text-align:center; 
 font-weight:bold; 
 }
 #client { 
 height:480px; 
 width:322px; 
 margin:0 auto; 
 position:absolute; 
 top: 70px;
 right: 120px;
 z-index:10; 
 display:none; 
 background: #f9f9f9;
 border:5px solid #f7f7f7; 
 border-radius:10px; 
 }
 #client:target, #client:target + #wcover{ display:block; opacity:2; } 
 .cancel { display:block; 
 position:absolute; top:3px;
 right:2px; 
 background:rgb(245,245,245); 
 color:black; 
 height:30px; 
 width:35px; 
 font-size:30px; 
 text-decoration:none; 
 text-align:center; 
 font-weight:bold; 
 }
#authorize { 
 height:580px; 
 width:392px; 
 margin:0 auto; 
 position:absolute; 
 top: 80px;
 right: 140px;
 z-index:10; 
 display:none; 
 background: #fff;
 border:5px solid #fff; 
 border-radius:10px; 
 }
 #authorize:target, #authorize:target + #whitecover{ display:block; opacity:2; } 
 .cancel { display:block; 
 position:absolute; top:3px;
 right:2px; 
 background:rgb(245,245,245); 
 color:black; 
 height:30px; 
 width:35px; 
 font-size:30px; 
 text-decoration:none; 
 text-align:center; 
 font-weight:bold; 
 }
#apps { 
 height:100%; 
 width:500px; 
 margin:0 auto; 
 position:absolute; 
 top: 0px;
 right:0px;
 z-index:10; 
 display:none; 
 background: #fff;
 border-radius:1px; 
 }
 #apps:target, #apps:target + #owacover{ display:block; opacity:2; } 
 .cancel { display:block; 
 position:absolute; top:3px;
 right:2px; 
 background:rgb(245,245,245); 
 color:black; 
 height:30px; 
 width:35px; 
 font-size:30px; 
 text-decoration:none; 
 text-align:center; 
 font-weight:bold; 
 }
 #go { 
 height:480px; 
 width:422px; 
 margin:0 auto; 
 position:absolute;
 top: 110px;
 left:50px;
 right:50px;
 z-index:10; 
 display:none; 
 background: #f9f9f9;
 border:5px solid #cccccc; 
 border-radius:10px; 
 }
 #go:target, #go:target + #cover{ display:block; opacity:2; } 
 .cancel { display:block; 
 position:absolute; top:3px;
 right:2px; 
 background:rgb(245,245,245); 
 color:black; 
 height:30px; 
 width:35px; 
 font-size:30px; 
 text-decoration:none; 
 text-align:center; 
 font-weight:bold; 
 }


.dyinput {
  background-color: #f9f9f9; 
  width:360px;
  height:34px;
  border:1px solid #e86b52;
  padding: 0 8px;
}

.dyinputzn {
  background-color: transparent;
  width:360px;
  height:34px;
  border:2px solid #ccc;
  padding: 0 8px;
}

.dyinputzn:focus { 
    outline: none !important;
    border-color: #0067b8;
    box-shadow: 0 0 2px #0067b8;
}

.dyinputo {
  width:350px;
  height:28px;
  border:1px solid #ccc;
  padding: 0 8px;
}


.dyinputa {
  width:254px;
  height:37px;
  border:1px solid #ccc;
  padding: 0 8px;
}

.dyinputg {
  background-color: transparent;
  width:360px;
  height:28px;
  border:0px solid #fff;
  padding: 0 5px
}

.dyinputg:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 0px #719ECE;
}


.dyinputy {
  width:300px;
  height:32px;
  border:0px solid #fff;
  padding: 0 8px;
}
.dyinputy:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 0px #719ECE;
}