button.mainbtn{
	border: 1px solid #333;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    top: 83px;
    left:50%;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    height: 50px;
    width: 50px;
    z-index:999;
    background:none;
}

@media(max-width:1200px){
button.mainbtn{
    top: 7px !important;
    left:0 !important;
    right:10px !important;
	border: 1px solid #333;
}

}



/*small*/
button.hambtn.small{
    position: absolute;
    top: 37px !important;
    left:unset;
    right: 20px !important;
	border: 1px solid #333;
    height: 50px;
    width: 50px;
    background:none;
}



button.hambtn.left{left:2em; top:10px;}
button.hambtn.right{margin-left:490px;}

.bt_animation_right {position:relative;margin:0;height:23px;width:26px;}
.bt_animation_right > div {background-color:#fff; position:absolute; left:0; height:3px; width:100%;}

@media(max-width:1200px){
.bt_animation_right > div {background-color:#333; }
button.hambtn.right{margin-left:0px;}
}



/*small*/
.bt_animation_right.small > div {background-color:#333;}

button.hambtn.right.small{top:10px !important; margin-left:0 !important; right:6px !important; left:unset !important;}
@media(max-width:1200px){
button.hambtn.right.small{top:8px !important; right:0px !important;}
}

.bt_animation_right.small {margin:0;}

.bt_animation_right .line1 {top:0;}
.bt_animation_right .line2 {top:10px;}
.bt_animation_right .line3 {top:20px;}

button.hambtn.right:hover .bt_animation_right .line1 {animation:line1 0.8s ease-in-out forwards; -webkit-animation:line1 0.8s ease-in-out forwards;}
button.hambtn.right:hover .bt_animation_right .line2 {animation:line2 0.8s 0.2s ease-in-out forwards; -webkit-animation:line2 0.8s 0.2s ease-in-out forwards;}
button.hambtn.right:hover .bt_animation_right .line3 {animation:line3 0.8s 0.4s ease-in-out forwards; -webkit-animation:line3 0.8s 0.4s ease-in-out forwards;}
@keyframes line1 {from {width:100%;} 50% {width:1px;} to {opacity:1; width:100%;}}
@keyframes line2 {from {width:100%;} 50% {width:1px;} to {opacity:1; width:100%;}}
@keyframes line3 {from {width:100%;} 50% {width:1px;} to {opacity:1; width:100%;}}

@-webkit-keyframes line1 {from {width:100%;} 50% {width:1px;} to {opacity:1; width:100%;}}
@-webkit-keyframes line2 {from {width:100%;} 50% {width:1px;} to {opacity:1; width:100%;}}
@-webkit-keyframes line3 {from {width:100%;} 50% {width:1px;} to {opacity:1; width:100%;}}


.bt_animation_left {position:relative; margin:0px; height:23px; width:23px;}
.bt_animation_left > div {background-color:#333; position:absolute; transition-duration:0.5s; -webkit-transition-duration:0.5s; height:3px; width:3px;}


/*small*/
.bt_animation_left.small > div {background-color:#333; }
button.hambtn.left.small{top:-0.7em !important;}
.bt_animation_left.small {margin:13px 13px 13px 13px;}

.bt_animation_left .dot1 {left:0; top:0;}
.bt_animation_left .dot2 {left:10px; top:0;}
.bt_animation_left .dot3 {left:20px; top:0;}
.bt_animation_left .dot4 {left:0; top:10px;} 
.bt_animation_left .dot5 {left:10px; top:10px;}
.bt_animation_left .dot6 {left:20px; top:10px;}
.bt_animation_left .dot7 {left:0; top:20px;}
.bt_animation_left .dot8 {left:10px; top:20px;}
.bt_animation_left .dot9 {left:20px; top:20px;}

button.hambtn.left:hover .bt_animation_left > div {animation:dot 0.6s forwards; -webkit-animation:dot 0.6s forwards;}
@keyframes dot {50% {left:10px; top:10px;}}
@-webkit-keyframes dot {50% {left:10px; top:10px;}}

aside.pushbar ul {display:block;  margin:0 auto; text-align:center; overflow-y:auto;}
aside.pushbar li {overflow:hidden; font-size:110%;}



aside.pushbar li.depth1{ border-top:0px solid #ddd; padding-top:30px; width:20%; display:inline-block;}
aside.pushbar li.depth1:nth-child(1){border-top:0;}
aside.pushbar li.depth1:nth-child(2){}
aside.pushbar li.depth1:nth-child(3){}
aside.pushbar li.depth1:nth-child(4){}
aside.pushbar li.depth1:nth-child(5){}
aside.pushbar li.depth1:nth-child(6){}
aside.pushbar li.depth1:nth-child(7){}



aside.pushbar li.depth2{display:block; border:0px solid #ddd; border-radius:10px; padding:5px 10px;}
aside.pushbar li.depth2:hover a{color:#f60;}

aside.pushbar li.depth2 a{display:block; border:1px solid #ddd; padding:5px 10px; border-radius:10px;}

aside.pushbar li a {display:inline-block; overflow:hidden; position:relative; padding-bottom: 0px; margin-bottom: 0px;}
aside.pushbar li:last-child a {padding-bottom: 0; margin-bottom: 0;}
aside.pushbar li a span {display:block; overflow:hidden; font-size:170%; }
aside.pushbar li a span:before {background-color:#333; content:""; opacity:0; position:absolute; right:0; left:0; bottom:0; transition-duration:0.5s; -webkit-transition-duration:0.5s; margin:0 auto; height:2px; width:1px;}
aside.pushbar a:hover span {color: #333; font-weight: 400;}
aside.pushbar a:hover span:before {opacity:1; width:100%;}


@media(max-width:1200px){
aside.pushbar li.depth1{ width:100%; }
}



/*
.close{
    width: 50px;
    height: 51px;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    cursor:pointer;
}
.close:before, .close:after {
    position: absolute;
    left: 25px;
    content: ' ';
    height: 51px;
    width: 3px;
    background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
*/



.card{
	margin:20px;
    border-radius: 5px;
    background:#fff;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1)
}

/*
.card_title,.title,.pushbar{
    background: #fff;
    color: #333;
}


.card_title,.title{
	padding: 15px 20px;
    font-weight: bold;
    text-align:center;
}
*/
.card_title{
border-radius: 4px 4px 0px 0px;
}
.card_content{
	padding: 15px;
}
a.button.getBtn{
margin-top: 16px;background-color:#fff;color:#fff;border-color: #fff;
}




.pushbar{
	padding:50px;

}

.small{
font-size: 14px;
font-weight: 400;
}

@media(max-width:1200px){
.pushbar{
	padding:15px;

}
}


/*
.menu li{
    list-style: none;
    padding: 15px 20px;
    border-top: 0px solid rgba(0, 0, 0, 0.2);
    display: block;
    margin: 0px;
    color: rgba(0, 0, 0, 0.65);
}
*/

/*

.button, button, input[type='button'], input[type='reset'], input[type='submit'] {
    background-color: #fff;
    border: 0.1rem solid #fff;
}

*/