/* sidebar */
#sidebar	{ position:fixed; right:0; bottom: 0; width:100%;  z-index:200; transition: all 0.3s ease-in-out; height: auto; display: none;  background-color: #3A3A3A; }
#sidebar.fixed { display: block;}
#sidebar.fixed2 { position:fixed;	display: block; opacity: 1;}
#sidebar_wrap {display: flex; height: 50px;     align-items: center;    justify-content: space-around;}
#sidebar_wrap p {	margin: 0 0 0 15px;	padding: 0;	line-height: 18px;	position: relative;	width:33.3%; float: left; font-size: 18px; }
#sidebar_wrap p a.btn-default { position: relative;  color: white;    background-color: #3A3A3A;  padding: 0; margin: 0; line-height: 30px; width: auto; transition: 0.3s; font-size: 16px; border: 0; text-align: left;  box-shadow: none; font-weight: bold; }
#sidebar_wrap p a.btn-default img {  height: 20px; width: auto;  padding: 0 10px 0 5px;}
#sidebar_wrap p a.btn-default:hover {	right: 0; }


@media (min-width: 769px) {
    #sidebar	{ position:fixed; bottom:50%; width: 100px;}
    #sidebar_wrap {display: unset; height: unset;     align-items: center;    justify-content: center;}
    #sidebar_wrap p {	margin: 0; right: -60px;}
    #sidebar_wrap p a.btn-default {	position: absolute;  width: 190px; min-width: 80px;  right: -150px; 	padding: 0 0 0 10px;  margin-bottom: 0; line-height: 50px;      				text-align: left; border: 0; box-shadow: none; border-left: 0 solid white;}
    #sidebar_wrap p:nth-child(1) a.btn-default {	 right: -150px; padding: 0 0 0 10px;}
    #sidebar_wrap p:nth-child(2) a.btn-default {	 top: 65px; 	}
    #sidebar_wrap p a.btn-default:hover {	right: 0; }
}