.awesometabs {
 backdrop-filter: blur(20px); 
}

.awesometabs .tp-tab { 
  opacity:1;      
  padding:0px;
  box-sizing:border-box;
  font-family: ##font##;
  border-bottom: 3px solid ##borderc##;
  background: transparent;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.awesometabs .tp-tab-image 
{ 
  width:70px;
  height:##size##px; 
    position: absolute;
    display: inline-block;
    margin: 0;
    right: 15px;
    left: auto;
    top: 10px;
	opacity: 0.5;
	border-radius: 4px 4px 0 0;
	transition: opacity 0.3s ease, right 0.3s ease;
}

.awesometabs .tp-tab.selected .tp-tab-image,
.awesometabs .tp-tab.selected.rs-touchhover .tp-tab-image  {
	opacity: 1;
	right: 25px;
}

.awesometabs .tp-tab.rs-touchhover .tp-tab-image  {
	opacity: 1;
	right: 15px;
}

.awesometabs .tp-tab-content 
{
    position:relative;
    padding:10px 0;
    left:15px;
    overflow:hidden;
    box-sizing:border-box;
    color:##color##;
    display: inline-block;
    width:100%;
    height:100%;
 position:absolute; }
 
.awesometabs .tp-tab-title
  {
  display:block;
  color: ##titlecolor##;
  font-weight:800;
  font-size:##titlesize##px;
  line-height:##titlesize##px !important;
  margin-bottom:0px;
  text-transform: uppercase;
    letter-spacing: 0px;
	transition: color 0.3s ease;
	margin-top: 8px;
  }
  
.awesometabs .tp-tab-param 
{
    display:block;  
    text-align:left;
    color:##titlecolor##;
    font-size:##datesize##px;
	line-height:##datesize##px !important;
    font-weight:300;
    text-transform:none;
    line-height:20px;
	transition: color 0.3s ease;
	margin-top: 5px;
}

.awesometabs .tp-tab.selected {
  background:##hbg##;
  border-bottom: 3px solid transparent !important;
  box-shadow: 5px 5px ##selected-border##;
  border-radius: 4px 4px 0 0;
}

.awesometabs .tp-tab.selected.rs-touchhover {
	 border-bottom: 3px solid transparent !important;
}

.awesometabs .tp-tab.selected .tp-tab-title, 
.awesometabs .tp-tab.selected.rs-touchhover .tp-tab-title
  {
  color: ##hover-title##;
  }
  
.awesometabs .tp-tab.selected .tp-tab-param,
.awesometabs .tp-tab.selected.rs-touchhover .tp-tab-param
{
    color: ##hover-title##;
}

.awesometabs .tp-tab.rs-touchhover .tp-tab-title
  {
  color: ##hover-color##;
  }
  
.awesometabs .tp-tab.rs-touchhover .tp-tab-param
{
    color: ##hover-color##;
}

.awesometabs .tp-tab.rs-touchhover
  {
  border-bottom: 3px solid ##hover-border##;
  }
  
.awesometabs .tp-tab-mask {
}


/* media queries */
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 768px) {

}