#login{margin:100px auto; width:400px;}
#login input[type=text],#login input[type=password]{border-radius:20px; padding-left:50px;}

#login input[type=submit]{border-radius:5px; width:400px; height:50px; background:#575757; border:1px solid black; color:white; font-weight:bold; cursor:pointer;}
#login input[type=submit]:hover{opacity:0.8;}


#cont a{text-decoration:none;}
#cont{width:86%; padding:0px 7% 50px 7%;  color:#575757; font-size:14px;}
#cont h2{color:white; margin-bottom:40px; background:#4f84be; display:block; line-height:150px; text-align:center;}
#cont input[type=text],#cont input[type=password],#cont input[type=date],#cont select{width:400px; height:50px; background-color:#F4F4F4; border:1px solid #F4F4F4; margin-bottom:30px;margin-top:3px; padding-left:20px;}
#cont input[type=submit]{ border-radius:5px; width:400px; height:50px; background:#4f84be; border:1px solid #4f84be; color:white; font-weight:bold; cursor:pointer; }
#cont textarea{width:400px; height:200px; border:1px solid white; margin-bottom:30px; margin-top:3px; background-color:#F4F4F4;  border:1px solid #F4F4F4;}
#cont p{margin-bottom:40px;}

#article{width:82%; padding:120px 7% 50px 7%;  margin:0px auto 50px auto; height:auto; } 
#article h1{margin-bottom:30px;} 
#article img{float:right; width:44%;border-radius:20px;} 
#article .conty{float:left; width:48%; padding:50px 0px; color:#575757; font-size:14px;} 
#article a{display:block;  width:180px; background:#4f84be; color:white; font-size:16px; line-height:50px; margin:30px 0px; text-align:center;text-decoration:none; border-radius:25px;}

#faq .conty{float:right; width:48%; padding:0px 0px; color:#575757; font-size:14px;} 
#faq{width:82%; padding:120px 7%;  border-top:1px solid #E6E6E6; margin:0px auto 50px auto; height:auto; }
#faq img{float:left; width:43%;border-radius:20px;}
#faq span a{display:block;  padding:0px 4px; margin:-2px 10px 0px 0px ; border:2px solid #4f84be; color:#4f84be; float:left; border-radius:20px; font-weight:bold;} 
#faq span{
-webkit-user-select:none;-moz-user-select:none; 
	cursor:pointer;display:block; margin:25px 0px 10px 0px; padding:15px; background:#E6E6E6; border-radius:20px;}
#faq p{display:block; margin:0px 0px 0px 30px; display:none;}
	a{-webkit-user-select:none;-moz-user-select:none;}
#sect{width:100%; padding:100px 0; text-align:center; background:#F1F1F1;}
#sect img{width:70%; }

#calculat{width:86%; padding:80px 7% 80px 7%; text-align:center; background:#E2B2A2; }
#calculat input{width:120px; border:1px solid black; height:50px; padding-left:10px;}
#calculat table{width:80%; margin:10px auto;}
#calculat table td{ padding:10px;}
#calculat .ce{background:white;}


#section{width:86%; padding:100px 7% 100px 7%; text-align:center; background:#E2E2E2; }
#section  h2{margin:10px 0px 70px 0px; color:#4f84be; font-weight:normal; }
#section  p{margin:0px 10px;  }

#section b{margin:30px auto; display:block; color:#4f84be;}
#section a{display:block;  width:200px; background:#4f84be; color:white; font-size:16px; line-height:50px; margin:30px auto; text-decoration:none; border-radius:25px;}
#section img{width:100%;  border-radius:20px 20px  0px 0px;}
#section .box{width:22%; display:inline-block; vertical-align:top; background:white; text-align:center; font-size:17px; border-radius:20px; cursor:pointer;}

#section .ox{margin:0px 10%;}
#section .x, #section .y, #section .z{margin-top:50px}


@media (max-width:500px){
	#calculat table td{ padding:2px;}
	#cont h2{ line-height:70px;}
#login input[type=submit]{width:100%;}
	#section  h1{font-size:21px;}
	#section  h2{font-size:18px;}
	#login{width:100%;}
	#serv{width:80%; padding:30px 5%;  } 
	#section .box{width:100%; display:block; padding-bottom:20px;}
#section .ox{margin:50px 0px;}
#cont input[type=text],#cont input[type=password]{width:100%; }

#cont textarea{width:100%; }
#cont{width:90%; padding:0px 5% 50px 5%;}
#article img, #faq img{float:none; width:100%; border:0px;} 
#article .conty, #faq .conty{float:none;  width:94%; padding:10px 3%; } 
}