.tabs{width: 100%;text-align: center;}
.tabs-nav__list {margin: 0; padding: 0;}
.tabs-nav{margin:15px 0 5px;position:relative;z-index:1;font:bold 16px/1;}
.tabs-nav__item{margin:0;display:inline-block;vertical-align:middle;padding: 0;}
.tabs-nav__item.active .tabs-nav__link{color:#fff;text-decoration: none;} /* active tab */
.tabs-nav__link{height:auto;-webkit-transition:linear 0.2s;-ms-transition:linear 0.2s;transition:linear 0.2s;text-decoration: none;font-size: 15px;line-height: 1;font-weight: bold;color: #454545;text-transform: uppercase;text-align: center;letter-spacing: 1px; padding: 16px 20px;}
.tabs-nav__drag{position:absolute;border-bottom:0px solid #fc0;border-radius: 35px;background: rgb(133,199,75);background: linear-gradient(90deg, rgba(133, 199, 75, 0.95) 0%, rgba(0, 105, 173, 0.9) 100%);box-shadow: 0 2px 5px rgba(0,0,0,0.3);height: 54px;z-index: -1;margin: -15px 0 0 1px;} /* drag */
.tabs-nav__drag.active{-webkit-transition-timing-function:linear;-ms-transition-timing-function:linear;transition-timing-function:linear;}
.tabs-nav__link:hover{text-decoration: none;}
.tabs-content{margin:0 0 20px;position:relative;overflow:hidden;padding: 0 15px;text-align: left;} /* change overflow to visible if you need */
.tabs-content .tabs-content{margin:0;}
.tabs-content .tabs-nav{font-size:14px;}

.tab{width:100%;position:absolute;top:0;left:0;opacity:0;-webkit-transition-timing-function:linear;-ms-transition-timing-function:linear;transition-timing-function:linear;}
.tab.active{position:relative;opacity:1; z-index: 2;}
.tab.slide{display:none;opacity:1;}
.tab.slide.active{display:block;}
.tab.slide.moved{display:block;}


/* animation for "slide" type from animated.css library */
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;}
 to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}
@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
 to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}