.responsive_tab .collapse {
display: none; 
}
.responsive_tab .collapse.in {
display: block;
}
.responsive_tab .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.responsive_tab .nav-tabs {
margin-top: 0;
margin-bottom: -1px;
padding-left: 0;
list-style: none;
display: flex;
-webkit-display: -webkit-flex;
}
.responsive_tab .nav-tabs.panel-center {
justify-content: center;
}
.responsive_tab .nav-tabs.panel-right {
justify-content: flex-end;
}
.responsive_tab .nav-tabs.panel-justify > li {
flex: 1;
}
.responsive_tab .nav-tabs > li {
margin-bottom: -1px;
position: relative;
display: block;
}
.responsive_tab .nav-tabs > li > a {
margin-right: -1px;
line-height: 1.8;
border: 1px solid transparent;
border-radius: 0px 0px 0 0;
position: relative;
display: block;
padding: 10px 15px;
}
.responsive_tab .nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.responsive_tab .nav-tabs > li > a:hover,
.responsive_tab .nav-tabs > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
outline: none;
}
.responsive_tab .nav-tabs > li.active > a,
.responsive_tab .nav-tabs > li.in-active > a,
.responsive_tab .nav-tabs > li.active > a:hover,
.responsive_tab .nav-tabs > li.active > a:focus {
color: #555555;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
text-decoration: none;
background-color: #eeeeee;
}
.responsive_tab .nav-tabs .accordion-icons{
display: none;
}
.responsive_tab .tab-content > .tab-pane {
display: none;
}
.responsive_tab .tab-content  {
border: 1px solid #dddddd;
padding: 15px;
overflow: auto;
}
.responsive_tab .tab-content .tab-pane.align-left,
.responsive_tab .panel-group .panel-body.align-left {
text-align: left;
}
.responsive_tab .tab-content .tab-pane.align-center,
.responsive_tab .panel-group .panel-body.align-center {
text-align: center;
}
.responsive_tab .tab-content .tab-pane.align-right,
.responsive_tab .panel-group .panel-body.align-right {
text-align: right;
}
.responsive_tab .tab-content > .active {
display: block;
} .responsive_tab .panel {
margin-bottom: 25px;
border-radius: 0px;
}
.responsive_tab .panel-body {
padding: 30px;
}
.responsive_tab .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: -1px;
border-top-left-radius: -1px;
}
.responsive_tab .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: inherit;
color: inherit;
}
.responsive_tab .panel-title > a {
color: inherit;
display: block;
}
.responsive_tab .panel-title > a:focus {
outline: none;
}
.responsive_tab .panel > .list-group {
margin-bottom: 0;
}
.responsive_tab .panel > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.responsive_tab .panel > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1px;
border-top-left-radius: -1px;
}
.responsive_tab .panel > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1px;
border-bottom-left-radius: -1px;
}
.responsive_tab .panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.responsive_tab .panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.responsive_tab .panel-group {
margin-bottom: 25px;
}
.responsive_tab .panel-group .panel {
margin-bottom: 0;
border-radius: 0px;
overflow: hidden;
}
.responsive_tab .panel .panel-body {
border: solid 1px #dddddd;
}
.responsive_tab .panel-group .panel + .panel {
margin-top: 5px;
}
.responsive_tab .panel-group .panel-heading {
color: #333333;
background-color: #f5f5f5;
border: solid 1px #dddddd;
position: relative;
z-index: 1;
}
.responsive_tab .panel-title .accordion-icons + span{
margin-right: 1em;
}
.responsive_tab.icon-left .panel-title .accordion-icons + span{
margin-right: 0;
}
.responsive_tab .panel-title .accordion-icons{
float: right;
text-align: center;  
width: 1em;
margin-right: 0;
margin-left: 15px;
}
.responsive_tab.icon-left .panel-title .accordion-icons{
float: left;  
margin-left: 0;
margin-right: 15px;
}
.responsive_tab .panel-title .accordion-icon i{
line-height: 0;
}
.responsive_tab .panel-group .panel-heading.openedup .accordion-icon.accordion-collapse,
.responsive_tab .panel-group .panel-heading:not(.openedup) .accordion-icon.accordion-open{
display: block;
}
.responsive_tab .panel-group .panel-heading.openedup .accordion-icon.accordion-open,
.responsive_tab .panel-group .panel-heading:not(.openedup) .accordion-icon.accordion-collapse{
display: none;
} .responsive_tab .nav-tabs:before,
.responsive_tab .nav-tabs:after,
.responsive_tab .panel-body:before,
.responsive_tab .panel-body:after
{
content: " ";
display: table;
}
.responsive_tab .nav-tabs:after,
.responsive_tab .panel-body:after
{
clear: both;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important; 
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.visible-sm {
display: block !important;
}
}
@media (min-width: 1025px) {
.visible-lg {
display: block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 1025px) {
.hidden-lg {
display: none !important;
}
}.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: #000000;		
}
.tf-tabs .tf-tabnav ul > li:hover {
background: #222222;
}
.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 transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000000;
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 #000000;
border-right: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;    
}
.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%);
}
}