nav#mainnavbar #socbtnwrap{opacity:0;position:absolute;left:0;will-change: transform;-webkit-transition: all 200ms ease-in; transition: all 200ms ease-in;}

.navbar-socbtn{width:92px;height:44px;text-align:center;margin-top:-3px !important;color:#fff;float:left;padding:6px 6px 0px 6px !important;border:1px rgba(255,255,255,0.2) solid !important;margin-left:12px;z-index:98;box-shadow:#3d1152 1px 1px 4px !important; border-radius:1px !important;line-height:47px;}
.navbar-socbtn:hover, .navbar-socbtn:focus{background-color:#ffb98e !important;transform: translateY(0px) !important;}

.navbar-socbtn.share1{background-color:#3b5998;}
.navbar-socbtn.share2{background-color:#55acee;}
.navbar-socbtn.share3{background-color:#C92228;}
.navbar-socbtn.share4{background-color:#666;width:46px !important;}
.navbar-socbtn.share4 i{padding-top:7px;}

#socialextra{height:70px;width:100%;background-image:linear-gradient(90deg, rgba(131,71,173, 1),rgba(234, 104, 82, 1)) !important;padding-left:0px;padding-top:8px;z-index:10004;position:fixed;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;display:none;}

#socialextra a.navbar-socbtn{margin-top:12px !important;-webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
#socialextra:not(.extraactive){transform:translateY(-70px);-webkit-transform: translateY(-70px); -ms-transform:translateY(-70px);}
#socialextra.extraactive{transform:translateY(0px);-webkit-transform: translateY(0px); -ms-transform:translateY(0px);}
/*#socialextra.extraactive a.navbar-socbtn{opacity:1;}*/
/*#socialextra:not(.extraactive) a.navbar-socbtn{opacity:0;}*/

nav#mainnavbar.extraactive{transform:translateY(69px) !important;-webkit-transform: translateY(69px); -ms-transform:translateY(69px);}
#mainnavbar.headroom--pinned:not(.extraactive) #socbtnwrap a.navbar-socbtn{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}


.topalert{position:fixed;top:0;left:0;width:100%;background-color:#76ea95;padding:9px;text-align:center;color:#000;font-weight:600;z-index:100090 !important;}

.navbar-socbtn.share5{background-color:#000;}
.navbar-socbtn.share6{background-color:#25D366;}
.navbar-socbtn.share7{background-color:#0084ff;}
.navbar-socbtn.share8{background-color:#ff4301;}
.navbar-socbtn.share9{background-color:#0077b5;}
.navbar-socbtn.share10{background-color:#E12828;}
.navbar-socbtn.share11{background-color:#666;}

#mainnavbar:not(.extraactive) a.share4{
transform: translate3d(0, 0, 0);
/*
backface-visibility: hidden;
perspective: 1000px;
will-change: transform;
*/
}

#mainnavbar:not(.extraactive) a.share4.shake{
animation: shake 7s cubic-bezier(.36,.07,.19,.97) both;
animation-iteration-count:1;
animation-delay:0s;
}

@keyframes shake {
  1%, 9% {
    transform: translate3d(-1px, 0, 0);
  }
  
  1%, 8% {
    transform: translate3d(2px, 0, 0);
  }

  3%, 5%, 7% {
    transform: translate3d(-3px, 0, 0);
  }

  4%, 6% {
    transform: translate3d(3px, 0, 0);
  }
  100%{
  	transform: translate3d(0, 0, 0);
  }
}

#sharefoot{display:block;position:relative;height:60px;text-align:center;padding-top:15px;}
#sharefoot a{float:none;}

@media (max-width: 767.98px) {
	nav#mainnavbar .navbar-socbtn, #socialextra .navbar-socbtn{margin-left:8px;}
	#socbtnwrap{left:6px;}
	#socialextra.extraactive{z-index:99999;height:60px;padding-top:1px;}
	nav#mainnavbar.extraactive{top:-10px;}
}

@media (max-width: 730px) {
	nav#mainnavbar .navbar-socbtn, #socialextra .navbar-socbtn{width:70px;height:40px;padding:6px 6px 0px 1px !important;font-size:11px;line-height:36px;}
	nav#mainnavbar.headroom .navbar-socbtn.share4{width:45px !important;padding-left:7px !important;}
	
	.topwrap #socialextra{padding-left:0;}
}

@media (max-width: 575.98px){
	#socialextra a.navbar-socbtn{width:50px !important;padding-left:0px !important;padding-right:0px !important;}
	#socialextra span.blbl{display:none;}
}

@media (max-width: 428px) {
	#socialextra a.navbar-socbtn{width:47px !important;}
}

@media (max-width: 400px) {
	nav#mainnavbar .navbar-socbtn{width:67px;}
	nav#mainnavbar.headroom .navbar-socbtn.share4{width:41px;}
	#socialextra {white-space: nowrap;overflow:hidden;}
	#socialextra i.fa-2x{font-size:1.6em;}
	#socialextra a.navbar-socbtn{width:42px !important;line-height:30px;}
}