#more{position:absolute; z-index:2000; bottom:120px; left:70px;}
#join{display:block; color:white; position:fixed; text-align:center;  bottom:30px; left:70px; background:url('../img/zoom.jpg');  z-index:2000; height:80px; width:200px; border-radius:5px; opacity:0.9;line-height:130px; text-decoration:none; font-weight:bold; background-size:100%;}
#more a{display:inline-block; line-height:50px; padding:0px 20px; opacity:0.9;  color:white;text-decoration:none; font-weight:bold; letter-spacing:0px;}
#more a :hover{opacity:0.8;}
#more .morear {background:#B72400; color:white;}
#more .moabt{background:white; color:darkblue;}

#login{margin:100px auto; width:400px;}
#login input[type=submit], #conta input[type=submit], #conta input[type=button]{width:400px; height:50px; background:#575757; border:1px solid #575757; color:white; font-weight:bold; cursor:pointer; margin-bottom:30px;margin-top:3px;}
#login input[type=submit]:hover{opacity:0.8;}
.vote{width:28%; height:auto;  border:1px solid silver; border-radius:0px 0px 5px 5px ; display:inline-block; margin-left:4%; margin-bottom:60px;}
.subvote{margin:190px auto 0px auto; width:78%; padding:15px 20px; background:white; border-radius:5px;}
.subvote span{display:block; font-size:12px; margin:20px auto; padding-left:23px; background:url(../img/cal.png) no-repeat; background-size:15px;}
.fee{float:right; margin:10px 0px; font-size:25px;}
.viewc{margin:30px 0px; display:block;  width:150px;text-align:center; height:50px; line-height:45px; border:1px solid #353535; color:#353535;  border-radius:5px;}
.viewc:hover, .voteform input[type=submit]:hover, .voteform input[type=button]:hover{background: #353535; color:white;}
#search .cover{background-color:#F4F4F4;  width:700px; margin:0px auto;  height:55px;}
#search{text-align:center;width:80%; height:80px; background:white; padding-top:80px; margin:-80px auto 80px auto; border-radius:5px 5px 0px 0px;}
#search input[type=submit]{width:150px; height:50px; background: #353535; color:white; border:1px solid #353535; font-size:14px;}
#search input[type=text],#search input[type=date]{background:#F4F4F4; border:0px;}
#search input[type=text]{font-size:16px;}
.number{position:absolute; padding:5px; display:block; margin-top:-180px;background:white;}
.voteform{position:absolute; padding:20px;background:#F2F2F2; width:25% ;text-align:center; z-index:200; margin-top:-40px; display:none;}
.voteform input{width:100%; height:35px; margin-top:20px; border:0px; background:white; padding-left:10px; }
.voteform input[type=submit],.voteform input[type=button]{width:100%; height:40px; margin-top:20px; border:0px; background:#353535; color:white; cursor:pointer;}

.book{margin:100px 0px; height:auto;}
.parimg{width:10%; float:left;}
.para{float:right; width:90%; }
.book img{width:90%; }
.book a{padding:10px; border-radius:20px; border:1px solid grey; }
.book a:hover{padding:10px; border-radius:20px; color:white; background:grey; }
#conta{width:75%; padding:0px 14% 50px 14%;  color:#575757; font-size:14px;}
#cont{width:70%; padding:0px 15% 50px 15%;  color:#575757;  text-align:center; font-size:16px;}
#cont b{color:#FF6600; font-size:18px;}
#contesta{width:86%; padding:0px 7% 50px 7%;  color:#575757; }

#cont h2{ margin:0px 0px 40px 0px; width:140%; margin-left:-20%; display:block; font-size:30px;text-align:center; color:white; line-height:400px; }
#cont .about{background:url(../img/bible.jpeg) no-repeat; background-size:100%;}
#cont .loan{background:url(../img/paid.jpg) no-repeat; background-size:100%;}
#cont .current{background:url(../img/3.jpg) no-repeat; background-size:100%;}
#cont .savings{background:url(../img/1.jpeg) no-repeat; background-size:100%;}
#cont .card{background:url(../img/2.jpg) no-repeat; background-size:100%;}
#cont .mort{background:url(../img/mort.jpg) no-repeat; background-size:100%;}
#cont .insu{background:url(../img/3.jpg) no-repeat; background-size:100%;}
#cont .paid{background:url(../img/paid.jpg) no-repeat; background-size:100%;}
#cont .faq{background:url(../img/faq.jpg) no-repeat; background-size:100%;}
#cont .supp{background:url(../img/supp.jpeg) no-repeat; background-size:100%;}




#contesta input[type=text],#cont input[type=text],#conta input[type=text],#cont input[type=password],#conta input[type=password]{width:400px; height:50px; background-color:#F4F4F4; border:1px solid #F4F4F4; margin-bottom:30px;margin-top:3px; padding-left:20px;  padding-left:20px;}
#cont input[type=text]:focus,#conta input[type=text]:focus,,#conta input[type=password]:focus,#cont input[type=password]:focus{border-radius:5px;}
#cont textarea{width:400px; height:200px; border:1px solid white; margin-bottom:30px; margin-top:3px; }
#cont textarea{width:400px; height:200px; border:1px solid white; margin-bottom:30px; margin-top:3px; }
#conta textarea{width:400px; height:300px; border:1px solid white; margin-bottom:30px; margin-top:3px; background-color:#F4F4F4;}
#cont p{margin-bottom:40px;}
#conta .fir{float:left;}
#conta .sec{float:right;}

#article{width:86%; padding:150px 9% 70px 9%;  margin:0px auto 50px auto; height:auto; line-height:21px; background:#F1F1F1;} 
#article h1{margin-bottom:30px; line-height:28px; color:#17375E;} 
#article img{float:right; width:33%;border-radius:20px; margin-bottom:20px;} 
#article .conty{float:left; width:58%;  color:#575757; font-size:14px;} 
#article a, #downlo, #secti a{display:block;  width:180px; background:#B72400; color:white; font-size:16px; 
line-height:50px; margin:30px 0px; text-align:center;text-decoration:none;  border:1px solid #B72400; cursor:pointer;} 
#article a:hover{color:#B72400; border:1px solid #B72400; background:white;}

#faq .conty{ width:100%; padding:50px 0px;  font-size:14px; line-height:23px;} 
#faq .conty { text-decoration:none; } 


#faq span a{display:block;   margin:-2px 10px 0px 0px ; border:2px solid white; color:white; float:left; border-radius:20px; font-weight:bold; line-height:15px; line-height:15px; text-align:center; padding:0px 5px;} 
#faq span{ 
-webkit-user-select:none;-moz-user-select:none; 
	cursor:pointer;display:block; margin:25px 0px 10px 0px; padding:20px; background:#FF6600; border-radius:20px;  color:white;}
#faq p{display:block; margin:0px 0px 0px 30px; display:none;  }
	a{-webkit-user-select:none;-moz-user-select:none;}


#section{width:86%; padding:50px 7% 70px 7%; text-align:center;  font-size:14px; height:auto;}
#section h1{color:#17375E; margin-bottom:50px;}




#sect{width:94%; padding:150px 3% 100px 3%; text-align:center;  font-size:17px; line-height:28px;height:auto; background:url(../img/sect.png); margin-top:100px; background-size:100%;}
#sect .box{width:17%; margin:1%; display:inline-block; vertical-align:top; color:white;  font-size:14px;  }
#sect span{font-size:70px; margin-bottom:50px; display:block;}#sect span:hover{font-size:80px;color:gold;}
#sect b{display:block; color:gold; font-size:23px; margin:10px auto;}

#section b{ display:block; color:#17375E;  margin:20px auto;}
 #sect a{display:block;  width:180px; border: 1px solid #FF6600; color:#FF6600; font-size:16px; line-height:50px; margin:30px auto; text-decoration:none; border-radius:25px;}#sect a:hover{display:block;  width:180px; background:gold; border:0px;color:white; font-size:16px; line-height:50px; margin:30px auto; text-decoration:none; border-radius:25px;}
#section img{width:100%; margin:20px auto;  border-radius:20px 20px  0px 0px;}
#section .box{width:25%; padding:0px;display:inline-block; vertical-align:top; color:#666666; text-align:justified; font-size:14px;  border-radius:20px; cursor:pointer;}

#section .ox{margin:0px 10%;}

.bloimg {float:right; width:300px; margin-left:20px; margin-bottom:20px;}
#contesta .conte{width:40%; float:right; border-radius:5px 5px 0px 0px ;}
#contesta table{float:left;}
#contesta table td{vertical-align:top; font-size:14px;}
#contesta table img{width:120px; border-radius:5px 5px 0px 0px ; margin-right:50px;}
#contesta .fro{margin-left:50px;}
#contesta a{display:inline-block; width:40px; height:40px;  margin-top:20px;}
 .a{background:url(../img/face.jpg) no-repeat; background-size:40px;}
 .b{background:url(../img/insta.png) no-repeat; background-size:40px;}
 .c{background:url(../img/twitter.png) no-repeat; background-size:40px;}
 .d{background:url(../img/what.jpg) no-repeat; background-size:40px;}
 .e{background:url(../img/telegram.jpg) no-repeat; background-size:40px;}
 .f{background:url(../img/email.jpg) no-repeat; background-size:40px;}

#play{width:280px; height:40px;  margin:40px auto 0px auto; background:#353535; border:0px; color:white; font-size:15px; border-radius:5px; cursor:pointer;}

#start{width:120px; cursor:pointer; line-height:50px; color:white; text-align:center; background:#353535;  font-weight:bold; font-size:15px;}
#timer{width:120px; line-height:60px; color:white; text-align:center; background:#353535; float:right; font-weight:bold; font-size:20px;}
#ques{position:fixed; display:none;width:100%; height:100%; top:0px; background:rgb(0, 0, 0, 0.7);}
#ques .ques{ height:100%; top:0px; background:white; width:75%; margin:20px auto; height:80%; padding:30px 50px 50px 50px; overflow-y:scroll;}
#ques input, #ques p{ margin-top:20px;}
 #ques p{ font-weight:bold;}
#ques input[type=submit]{width:100px; height:40px; margin-top:20px; border:0px; background:#353535; color:white; cursor:pointer; }




#secti{width:90%; padding:150px 5% 100px 5%; text-align:center;  font-size:17px; height:auto; background:#2323B3; margin-top:50px; }
#secti .box{width:30%; margin:1%; display:inline-block; vertical-align:top; color:white;  font-size:14px;  }
#secti img{height:50px;}
#secti b{display:block; color:gold; font-size:27px; margin:20px auto;}
#secti a{margin:10px auto;}




@media (max-width:700px){

	#more{ bottom:50px; left:5px;}
#sect .box,#secti .box{width:90%; margin:0px auto 50px auto;}
.parimg{width:30%; float:left;}
.para{width:70%; }

	#search { padding-top:40px; margin-bottom:120px;}
	#search .cover{  width:95%; margin:0px auto 40px auto; }
#search input[type=date]{height:50px; width:100%; margin-top:-10px; padding-left:5px;}
#search input[type=text]{padding-left:5px; }

#section{width:86%; padding:0px 7% 80px 7%; text-align:center; background:#F2F2F2; }
#section  h1{margin:0px 0px 50px 0px; }
}
@media (max-width:500px){
    #cont h2{ width:100%; margin-left:0px;  line-height:200px; }
    
	#cont img {width:100%;}
	.bloimg {float:none; width:80%; margin:20px auto;}
	#contesta .fro{margin-left:5px;}
	#contesta .conte{width:90%; margin-left:5%; float:none; }
#contesta table{float:none; margin-top:30px;}
	#contesta table img{width:40px; margin-right:0px;}

	.vote{width:100%;  margin:0px auto 40px auto; }
	.voteform{width:69%; }
#conta .sec, #conta .fir{float:none; width:100%;}
#section{width:80%; padding:90px 10% ; text-align:center; background:white;  height:auto;}
	
#login input[type=submit], #conta input[type=submit]{width:100%;}
	#section  h1{font-size:18px;}
	#section  h2{font-size:15px;}
	#login{width:100%;}
	#serv{width:80%; padding:30px 5%;  } 
	#section .box{background:white;width:100%; display:block; padding-bottom:20px; font-size:14px;}
#section .ox{margin:50px 0px;}
#contesta input[type=text],#cont input[type=text],#cont input[type=password],#conta input[type=text],#conta textarea{width:100%; }

#cont textarea{width:100%; }
#cont, #conta, #ques{width:90%; padding:0px 5% 50px 5%;}
#article img, #faq img{float:none; width:100%; border:0px; margin-top:50px;} 
#article .conty, #faq .conty{float:none;  width:98%;} 
#article h1{line-height:35px;}
}
#article{ padding:50px 7%;}