.tf-tabs ul{list-style:none}.tf-tabs .tf-tabnav ul{position:relative;padding:0;margin:0;list-style-type:none;display:flex;justify-content:flex-start;align-items:center;z-index:1;max-width:100%}.tf-tabs .tf-tabnav ul>li{position:relative;padding:1em 1.5em;flex:1 1 auto;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#f7f7f7}.tf-tabs.horizontal .tf-tabnav{margin-left:auto;margin-right:auto}.tf-tabs .tf-tabnav ul>li,.tf-tabs .tf-tabnav ul>li span,.tf-tabs .tf-tabnav ul>li i,.tf-tabs .tf-tabnav ul>li svg,.tf-tabs .tf-tabnav>ul>li.active:after,.tf-tabs .tf-tabcontent .tf-tabcontent-inner,.tf-tabs .tf-tabcontent .tf-tabcontent-inner.active,.tf-tabs .tf-tabcontent .tf-tabcontent-inner.inactive{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tf-tabs .tf-tabcontent{display:flex;flex:1 1 auto}.tf-tabs .tf-tabcontent{padding:1em;overflow:hidden}.tf-tabs .tf-tabcontent .tf-tabcontent-inner{display:none;width:100%}.tf-tabcontent:before,.tf-tabcontent:after{display:table;content:""}.tf-tabcontent:after{clear:both}.tf-tabs .tf-tabnav ul>li.active,.tf-tabs .tf-tabnav ul>li.set-active-tab,.tf-tabs .tf-tabnav ul>li:hover{color:#fff;fill:#fff;background:#000}.tf-tabs .tf-tabnav ul>li:hover{background:#222}.tf-tabs .tf-tabnav ul>li:hover{z-index:1}.tf-tabs .tf-tabcontent .tf-tabcontent-inner.active,.tf-tabs .tf-tabcontent .tf-tabcontent-inner.set-active-tab{display:block}.tf-tabs .tf-tabnav>ul>li{position:relative}.tf-tabs .tf-tabnav>ul>li.active:after,.tf-tabs .tf-tabnav>ul>li.set-active-tab:after{content:"";position:absolute;z-index:2;width:0;height:0;display:none}.tf-tabs.horizontal .tf-tabnav>ul>li.active:after,.tf-tabs.horizontal .tf-tabnav>ul>li.set-active-tab:after{left:0;right:0;margin:0 auto;bottom:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #000;border-bottom:0}.tf-tabs.horizontal.nav-left .tf-tabnav>ul,.tf-tabs.horizontal.nav-center .tf-tabnav>ul,.tf-tabs.horizontal.nav-right .tf-tabnav>ul{display:inline-flex}.tf-tabs.horizontal.nav-center .tf-tabnav{text-align:center}@media (max-width:767px){.tf-tabs .tf-tabnav ul{flex-wrap:wrap;flex-flow:row wrap}.tf-tabs .tf-tabnav ul>li{flex:1 1 auto;width:100%}}