@charset "utf-8";

.toggleWrap{
display: none;
}
@media screen and (max-width:480px){
.toggleWrap{
display: block;
}
}
@media screen and (max-width: 1100px){
.toggleWrap {
display: block;
position: absolute;
z-index: 9999;
top: 8px;
right: 4px;
cursor: pointer;
width: 50px;
height: 50px;
}
} .openbtn{
position: relative; cursor: pointer;
width: 50px;
height:50px;
} .openbtn span{
display: inline-block;
transition: all .4s; position: absolute;
left: 13px;
height: 1px;
border-radius: 2px;
background: #000000!important;
width: 45%;
}
.openbtn span:nth-of-type(1) {
top:15px; 
}
.openbtn span:nth-of-type(2) {
top:23px;
}
.openbtn span:nth-of-type(3) {
top:31px;
}
.openbtn::before {
content: "menu";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
font-size: 12px;
} .openbtn.active span:nth-of-type(1) {
top: 18px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 30%;
}
.openbtn.active span:nth-of-type(2) {
opacity: 0; }
.openbtn.active span:nth-of-type(3){
top: 30px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 30%;
} body{
background: #fff;
}
a{
color: #333;
text-decoration: none;
}
.lead{
margin:20px 0 0 0;
}
.btn-block{
width:200px;  
padding: 30px;
}