.container {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: white;
    margin: 6px 0;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 { background-color: red;
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 { 
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 { background-color: red;
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}

.spn{
	display: block;padding: 10px 10px 10px 30px;box-sizing: border-box;background: rgb(230,230,230);border-bottom: 1px solid rgba(0,0,0,.2);cursor:pointer;
	text-align: left;
}

.ky{ display: none;}

#anc{ background: rgb(50,180,10); width: 90%; height: auto; margin: 10px auto; padding: 15px; box-sizing: border-box; border-radius: 5px; 
text-align: center; color: white; font-weight: bold; font-size: 20pt; cursor: pointer; text-shadow: 2px 2px rgba(0,0,0,.7); }
.anc{ background: rgb(200,200,200); width: 100%; height: auto; margin: 2px auto; padding: 1px; box-sizing: border-box; border-radius: 5px; 
color: rgba(0,0,0,.8); font-weight: bold; font-size: 14pt; }
.anx{ width: 90%; height: auto; margin: 1px auto; padding: 0px; box-sizing: border-box; border-radius: 5px; 
color: rgba(0,0,0,.8); font-weight: bold; font-size: 12pt; } .cred{  background: rgb(200,0,0); } .cblu{  background: rgb(0,0,250); } 

.tx-al1{ text-align: left; } .tx-al2{ text-align: center; } .tx-al3{ text-align: right; } .tx-al4{ text-align: justify; }

.tc-row{ width: 90%; margin: 10px auto; } .tc-inline{ display: inline-block; } .tc-width-5{ width: 50%; } .tc-width-6{ width: 60%; } 
.tc-width-65{ width: 65%; } .tc-width-7{ width: 70%; }.tc-width-8{ width: 80%; }.tc-width-9{ width: 90%; } .tc-width-75{ width: 75%; }
.tc-width-x{ width: 99%; }

#ndv{ margin-bottom: 10pt; } #lstb{ width: 100%; margin: 10px auto; }
.exls{ width: 90%; margin: 3px auto; }
.ans{ display: none; border: 1px solid rgba(0,0,0,.2); margin: -5px 0 20px; padding: 5px; border-top: none; }
#inp,#inq{ width: 90%; margin: 1px auto; } .cmg,.cng{ margin: 2px 0; border-bottom: none; border: 1px solid rgba(0,0,0,.3); display: inline-block;}
.tc-span,.tc_span{ display:inline-block; padding: 3px 5px; vertical-align: top; } .flrt{ float: right; padding: 1px 10px; }

.edt{ width: 15%; padding: 5px; background: red; font-family: arial narrow; }
.txt{ width: 85%; padding: 5px; background: orange; } .clor{ padding: 5px; background: orange; }
.curs_p{ cursor: pointer; } .curs_d{  cursor: default; } .tc-pad33{ padding: 3px; }
.tc-pad11{ padding: 1px; } .tc-pad12{ padding: 1px 2px; } .tc-pad13{ padding: 1px 3px; } 
.tc-border-n{ border: none; }
.tc-border-a{ border: 1px solid rgba(0,0,0,.2); }
.tc-margin-a{ margin: 1px auto; } .tc-margin-tx{ margin-top: 10px; } .tc-margin-t3x{ margin-top: 30px; }
.imgl{ display: block; margin: 5px auto; }

.tc-height-3h{ height: 300px; } .tc-border-l{ border: 1px solid rgba(0,0,0,.2); }