#online { width: 90%; margin: 0 5%; position: fixed; background: rgba(243,243,243,.9); box-shadow: 0 5px 10px rgba(0,0,0,.1); bottom: 0px; height: 50px; border-radius: 80px; z-index: 999; background: linear-gradient(180deg, #28292d, #202125 ); }

#online a { width: 33.333%; float: left; height: 100%; line-height: 50px; text-align: center; color: #ffffff; font-size: 15px; position: relative }

#online a:after { content: ""; position: absolute; right: 0; height: 100%; width: 1px; background: rgba(130,130,128,0.76) }

#online a:last-child:after { display: none }



.tab-hover .tab-nav{cursor:pointer}

.tab-hover-content>li.active,.tab-hover>li.active>.tab-content{display:block}

.tab-hover-content{position:absolute;top:60px;left:0;background:rgba(255,255,255,.98);width:100%;z-index:500}

.site-onliner{border:0;margin:auto;position:relative}

.site-onliner .dropdown-menu{margin:0;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}

.site-onliner .site-onliner-container{margin-left:auto;margin-right:auto;max-width:1230px;padding-top: 18%;}

@media (max-width:767px)

{.onlinebar-lg .onlinebar-onliner,.onlinebar-lg .onlinebar-nav>li{float:none}



.site-onliner{position:fixed;left:0;top:95%;right:0;z-index:999}