ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
      		float:left;
}
ul.tabs li:hover{
	background: #A229CE;
}
		ul.tabs li{
			/*background: #82ab06;*/
			color: #fff;
			display: block;
			padding: 12px 20px;
			cursor: pointer;
			border-radius:6px;
			margin: 9px;
			border: #fff solid 1px;
    		margin: 7px;
    		background: none;
    		font-size: 14px;
    		line-height: 14px;	
			float: left;
		}
		ul.tabs li.current{
			background: -webkit-linear-gradient(90deg, rgb(234, 159, 69), rgb(162, 41, 206));
            background: linear-gradient(90deg, rgb(234, 159, 69), rgb(162, 41, 206));
      		color: #fff;
		}
.tab-content{
    position:absolute;
    opacity: 0;
    visibility: hidden;
	margin: 0 auto; 
	text-align: center;
    /* [disabled]transition: opacity 3.5s; */
    color: #FFFFFF;
    /* [disabled]font-size: 21px; */
    /* [disabled]line-height: 2; */
    /*background: #f9ff9d;*/
    /*width: calc(100% - 216px);*/
    /*padding: 17px;*/
    /* [disabled]height: 264px; */
	/*box-shadow: 3px 5px 18px -3px #676767 inset;*/
	  position: absolute;
      top: 20px;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
}
.tab-content.current{
      opacity: 1;
	  visibility: visible;
		}