.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 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.tf-tabs.vertical{display:flex}.tf-tabs.vertical .tf-tabnav ul>li{width:100%;justify-content:center}.tf-tabs.vertical .tf-tabnav{flex:0 0 auto}.tf-tabs.vertical .tf-tabnav ul{flex-wrap:wrap;flex-flow:column wrap}.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.icon-position-top .tf-tabnav ul>li .tab-title-text,.tf-tabs.icon-position-top .tf-tabnav ul>li .wrap-icon{flex:1 1 100%;line-height:1}.tf-tabs.icon-position-top .tf-tabnav ul>li{display:flex;flex-wrap:wrap;text-align:center}.tf-tabs.icon-position-right .tf-tabnav ul>li,.tf-tabs.icon-position-right .tf-tabnav ul>li img,.tf-tabs.icon-position-right .tf-tabnav ul>li svg,.tf-tabs.icon-position-right .tf-tabnav ul>li i,.tf-tabs.icon-position-right .tf-tabnav ul>li .tab-title-text{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.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.show-triger-yes .tf-tabnav>ul>li.active:after,.tf-tabs.show-triger-yes .tf-tabnav>ul>li.set-active-tab:after{display:block}.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 #fff0;border-right:10px solid #fff0;border-top:10px solid #000;border-bottom:0}.tf-tabs.vertical .tf-tabnav>ul>li.active:after,.tf-tabs.vertical .tf-tabnav>ul>li.set-active-tab:after{right:-10px;top:calc(50% - 10px);border-left:10px solid #000;border-right:0;border-top:10px solid #fff0;border-bottom:10px solid #fff0}.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-left .tf-tabnav{text-align:left}.tf-tabs.horizontal.nav-center .tf-tabnav{text-align:center}.tf-tabs.horizontal.nav-right .tf-tabnav{text-align:right}@media (max-width:767px){.tf-tabs.vertical{display:block}.tf-tabs .tf-tabnav ul{flex-wrap:wrap;flex-flow:row wrap}.tf-tabs .tf-tabnav ul>li{flex:1 1 auto;width:100%}.tf-tabs.vertical.show-triger-yes .tf-tabnav>ul>li.active:after,.tf-tabs.vertical.show-triger-yes .tf-tabnav>ul>li.set-active-tab:after{right:unset!important;top:100%!important;transform:rotate(90deg) translateX(-50%)}}