#nav {
    margin: 30px auto 0 auto; }
#nav ul { list-style: none; }
#nav li {
  list-style: none; }
#nav li ul li{
	display: block; }
#nav li a {
	display: block; padding: 10px 0 8px 0; text-decoration: none; border: 1px solid #dde8f1; border-radius: 5px; }
#nav li a:hover{
	display: block; background: #dde8f1;}
#nav li a h3{
	font-size: 16px; font-weight: 400; color: #5c8cad; letter-spacing: 0.5px; }
#nav li a:hover h3{
	color: #276189;}
#nav .sec {
	overflow: hidden; width:100%; max-height: 0; 
	background: #f0f4f8; transition: 1.5s ease; -webkit-transition: 1.5s ease;}
.no-js #nav .sec {
  display: block; }
#nav li { 
    display: block; padding: 0px; margin-bottom: 15px;}
#nav .sec.is-open {
	padding: 30px 0 20px 0; margin-bottom: 30px; max-height: 8000px; border-radius: 0 0 5px 5px;}
.tto{
	padding: 0 40px;}
.tto .neg{color: #6c7b84; margin-top: 30px;}
	
	
@media screen and (max-width: 520px) {
#nav li a {
	display: block; padding: 8px 0 6px 0; text-decoration: none; color: #000;}
#nav li a h2{
	font-size: 14px;}
.tto{
	padding: 0 20px;}
	}