.backbox{
background: #FEAC5E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
max-width: 100%;
padding: 4px 1px 7px 7px;

  
}



/* #aswift_0 {background: transparent; width: 100%; height: 200px !important; } */

/* HIDING ADS MONI LUKE  */

/* .adbox {display: none} */

/* HIDING ADS MONI LUKE  */


.tab-container {
  width: 100vw;
  /*line-height: 100px;*/
  text-align: center;
  z-index:9999;
  position: fixed;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.70);
  bottom: 0px!important;  /** for bottom tab **/
/**  top: 0px!important;  /** for top bar **/

}
.tab-container .menu{
  display: flex;
  position: relative;
}
.tab-container .menu li{
list-style: none;
flex: 1;
font-size: 25px;
cursor: pointer;
user-select: none;
margin-bottom: 0px;
}

.tab-container .menu li a {
  color: #ff8126;
  transition: color 0.3s ease;
  font-size: 25px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding-top:5px;
  padding-bottom:5px;
}

.tab-container .menu li a span {
  line-height: 40px;  
}
.tab-container .menu li:hover a{
  color: #f23b26;
  text-decoration: none;
}
.tab-container .menu li:first-child a{
  color: #f23b26;
}
.tab-container .menu .line{
  position: absolute;
  height: 5px;
  width: 20%;
  background: #ff8126;
  left: 0;
  bottom: 0;
  transition: all 0.3s ease;
}
.tab-container .menu li:nth-child(1):hover ~ .line {
  left: 0% !important;
}
#tab-1 .tab-container .menu li:nth-child(1) ~ .line {
  left: 0%;
}
.tab-container .menu li:nth-child(2):hover ~ .line {
  left: 20% !important;
}
#tab-2 .tab-container .menu li:nth-child(2) ~ .line {
  left: 20%;
}
.tab-container .menu li:nth-child(3):hover ~ .line {
  left: 40% !important;
}
#tab-3 .tab-container .menu li:nth-child(3) ~ .line{
  left: 40%;
}
.tab-container .menu li:nth-child(4):hover ~ .line {
  left: 60% !important;
}
#tab-4 .tab-container .menu li:nth-child(4) ~ .line{
  left: 60%;
}
.tab-container .menu li:nth-child(5):hover ~ .line {
  left: 80% !important;
}
#tab-5 .tab-container .menu li:nth-child(5) ~ .line {
  left: 80%;
}

.tab-container .menu li a, .tab-container .menu li a:hover {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
}