.footerwh {font-family: english; display: block; line-height: 15px; position: fixed; left:0px; bottom:25px; height:40px; 
width:40%; padding: 5px; color: #ffffff; font-size: 16px; background:#34af23; text-align: center; margin-left:5px;
margin-right:30px; border-radius: 15px; box-sizing: border-box; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
animation: footer infinite linear 1s;
-webkit-transform: translate3d(30%,0,0);
transform: translate3d(30%,0,0);}

.footernm {display: block; line-height: 15px; position: fixed; left:0px; bottom:25px; height:46px; width:20%; margin-left:44%;
border-radius: 15px; }

.footerfb {font-family: english; display: block; line-height: 15px; position: fixed; right:0px; bottom:25px; height:40px; 
 
border-radius: 15px; box-sizing: border-box; padding: 5px; background:#000099;
color: #ffffff; font-size: 20px; text-align: center; position: fixed;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
animation: footer infinite linear 1s;
-webkit-transform: translate3d(30%,0,0);
transform: translate3d(30%,0,0);}

.footerwh :active,.footerfb :active {box-shadow: none}
@-webkit-keyframes footer {from {-webkit-transform: rotateZ(0)}
25% {-webkit-transform: rotateZ(1.5deg)}
50% {-webkit-transform: rotateZ(0deg)}
75% {-webkit-transform: rotateZ(-1.5deg)}
to {-webkit-transform: rotateZ(0)}}

#imagelist{ float:left; padding:2px; width:auto; margin: 0 5px 0 0; margin-top: 10px; }
.member{width:200px; height:120px; border-radius:10px; padding:4px; border-style: double; border-color:green;}
.banner{width:95%; border-radius:10px; padding:4px;}

.containerm {position: relative;  text-align: center;  color: white;}
.centered {position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%);}

.accordion {background-color: #eee;  color: #444;  cursor: pointer; width: 100%; padding:0px 0px 0px 10px; text-align: left;
 outline: none;  font-size: 15px;  transition: 0.4s; margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc;}
.accordion:after {content: '\002B';  color: #777;  font-weight: bold;  float: right;}
.active:after {content: "\2212";}
.panel {background-color: white;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;}


.sidenav {height: 100%;     width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111;
overflow-x: hidden; padding-top: 60px; transition: 0.5s;}

.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: white; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: yellow;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;} 
.topnav {background-color: #333; overflow: hidden; height:42px; margin-bottom:15px;}
.topnav a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 7px 8px; text-decoration: none; font-size: 17px;}
.topnav a:hover {background-color: #000; color: black;} 
.topnav a.active {background-color: #4CAF50; color: white;}
@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} }
a svg{transition:all .5s ease; &:hover{ #transform:rotate(180deg); }
#ico{display: none;}
.menu{background: #000; display: none; padding: 5px; width: 320px; @include border-radius(5px); #transition: all 0.5s ease;}
a{display: block; color: #fff; text-align: center; padding: 10px 2px; margin: 3px 0; text-decoration: none; background: #444;
&:nth-child(1){margin-top: 0; @include border-radius(3px 3px 0 0 );}
&:nth-child(5){margin-bottom: 0; @include border-radius(0 0 3px 3px);}
&:hover{background: #555;}


@media only screen and (max-width: 767px) {
}
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	body {
	}
}