.wtbx_vc_tabs:not(.tabs-init) .wtbx_tabs_knob {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-ms-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.wtbx_vc_tabs .wtbx_tabs_nav {
padding: 0;
list-style: none;
}
.wtbx_vc_tabs .wtbx_tabs_nav .wtbx_tabs_nav_item {
display: inline-block;
text-align: center;
vertical-align: bottom;
}
.wtbx_vc_tabs .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
display: block;
font-size: 1.142857em;
line-height: 1.5;
font-weight: 400;
font-style: normal;
text-transform: none;
}
.wtbx_vc_tabs .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link .wtbx_vc_icon {
font-size: inherit;
line-height: inherit;
display: inline-block;
vertical-align: middle;
}
.wtbx_vc_tabs .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link .wtbx_tabs_nav_title {
display: inline-block;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
}
.wtbx_vc_tabs .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link *:last-child {
margin-left: .5em;
}
.wtbx_vc_tabs .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link *:first-child {
margin-left: 0;
}
.wtbx_vc_tabs .wtbx_tabs_nav .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link {
cursor: default;
}
.wtbx_vc_tabs .wtbx_tabs_content .wtbx_vc_tab .wtbx_tab_inner {
opacity: 0;
visibility: hidden;
height: 0;
}
.wtbx_vc_tabs .wtbx_tabs_content .wtbx_vc_tab .wtbx_tab_inner .wtbx_tab_wrapper {
padding-top: 15px;
display: none;
}
.wtbx_vc_tabs .wtbx_tabs_content .wtbx_vc_tab.active .wtbx_tab_inner {
height: auto;
opacity: 1;
visibility: visible;
}
.wtbx_vc_tabs .wtbx_tabs_content .wtbx_vc_tab.active .wtbx_tab_inner .wtbx_tab_wrapper {
display: block;
}
.wtbx_vc_tabs .wtbx_tabs_content .wtbx_vc_tab.active ~ .active .wtbx_tab_inner {
height: 0;
opacity: 0;
visibility: hidden;
}
.wtbx_vc_tabs.wtbx_nav_align_left .wtbx_tabs_nav {
text-align: left;
}
.wtbx_vc_tabs.wtbx_nav_align_right .wtbx_tabs_nav {
text-align: right;
}
.wtbx_vc_tabs.wtbx_nav_align_center .wtbx_tabs_nav {
text-align: center;
}
.wtbx_vc_tabs.wtbx_tab_anim_fade .wtbx_vc_tab.active .wtbx_tab_inner {
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
}
.wtbx_vc_tabs.wtbx_tab_anim_slide_hor .wtbx_vc_tab.prev .wtbx_tab_inner {
-moz-transform: translate3d(-15px, 0, 0);
-o-transform: translate3d(-15px, 0, 0);
-ms-transform: translate3d(-15px, 0, 0);
-webkit-transform: translate3d(-15px, 0, 0);
-webkit-transform: -webkit-translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
.wtbx_vc_tabs.wtbx_tab_anim_slide_hor .wtbx_vc_tab.next .wtbx_tab_inner {
-moz-transform: translate3d(15px, 0, 0);
-o-transform: translate3d(15px, 0, 0);
-ms-transform: translate3d(15px, 0, 0);
-webkit-transform: translate3d(15px, 0, 0);
-webkit-transform: -webkit-translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.wtbx_vc_tabs.wtbx_tab_anim_slide_hor .wtbx_vc_tab.active .wtbx_tab_inner {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
}
.wtbx_vc_tabs.wtbx_tab_anim_slide_vert .wtbx_vc_tab.prev .wtbx_tab_inner {
-moz-transform: translate3d(0, -15px, 0);
-o-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
-webkit-transform: translate3d(0, -15px, 0);
-webkit-transform: -webkit-translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
.wtbx_vc_tabs.wtbx_tab_anim_slide_vert .wtbx_vc_tab.next .wtbx_tab_inner {
-moz-transform: translate3d(0, 15px, 0);
-o-transform: translate3d(0, 15px, 0);
-ms-transform: translate3d(0, 15px, 0);
-webkit-transform: translate3d(0, 15px, 0);
-webkit-transform: -webkit-translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
.wtbx_vc_tabs.wtbx_tab_anim_slide_vert .wtbx_vc_tab.active .wtbx_tab_inner {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0.1s;
}
.wtbx_vc_tabs.wtbx_style_1 .wtbx_tabs_nav {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.wtbx_vc_tabs.wtbx_style_1 .wtbx_tabs_nav .wtbx_tabs_nav_item {
margin-right: 1.5em;
}
.wtbx_vc_tabs.wtbx_style_1 .wtbx_tabs_nav .wtbx_tabs_nav_item:last-child {
margin-right: 0;
}
.wtbx_vc_tabs.wtbx_style_1 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
padding: .5em 0;
position: relative;
}
.wtbx_vc_tabs.wtbx_style_1 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link:before {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
height: 1px;
display: block;
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_vc_tabs.wtbx_style_1 .wtbx_tabs_nav .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link:before {
opacity: 1;
}
.wtbx_vc_tabs.wtbx_style_1.wtbx_skin_dark .wtbx_tabs_nav {
border-color: rgba(255, 255, 255, 0.1);
}
.wtbx_vc_tabs.wtbx_style_1.wtbx_skin_dark .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
color: rgba(255, 255, 255, 0.4);
}
.wtbx_vc_tabs.wtbx_style_1.wtbx_skin_dark.wtbx_scheme_default .wtbx_tabs_nav_item:hover .wtbx_tabs_nav_link, .wtbx_vc_tabs.wtbx_style_1.wtbx_skin_dark.wtbx_scheme_default .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_1.wtbx_skin_dark.wtbx_scheme_colorful .wtbx_tabs_nav_item:hover:not(.active) .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_2 .wtbx_tabs_nav .wtbx_tabs_nav_item {
margin-right: 2em;
}
.wtbx_vc_tabs.wtbx_style_2 .wtbx_tabs_nav .wtbx_tabs_nav_item:last-child {
margin-right: 0;
}
.wtbx_vc_tabs.wtbx_style_2 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
padding: .5em 0;
position: relative;
}
.wtbx_vc_tabs.wtbx_style_2 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
-moz-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-webkit-transform: -webkit-translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
height: 2px;
width: 0;
max-width: 80%;
border-radius: 2px;
display: block;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_vc_tabs.wtbx_style_2 .wtbx_tabs_nav .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link:before {
width: 40px;
opacity: 1;
}
.wtbx_vc_tabs.wtbx_style_2.wtbx_skin_dark .wtbx_tabs_nav {
border-color: rgba(255, 255, 255, 0.1);
}
.wtbx_vc_tabs.wtbx_style_2.wtbx_skin_dark .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
color: rgba(255, 255, 255, 0.4);
}
.wtbx_vc_tabs.wtbx_style_2.wtbx_skin_dark.wtbx_scheme_default .wtbx_tabs_nav_item:hover .wtbx_tabs_nav_link, .wtbx_vc_tabs.wtbx_style_2.wtbx_skin_dark.wtbx_scheme_default .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_2.wtbx_skin_dark.wtbx_scheme_colorful .wtbx_tabs_nav_item:hover:not(.active) .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_3 .wtbx_tabs_nav {
position: relative;
}
.wtbx_vc_tabs.wtbx_style_3 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
padding: .7em 1.5em;
position: relative;
}
.wtbx_vc_tabs.wtbx_style_3 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
-moz-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-webkit-transform: -webkit-translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
height: 2px;
width: 0;
max-width: 80%;
border-radius: 2px;
display: block;
opacity: 0;
-webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_vc_tabs.wtbx_style_3 .wtbx_tabs_nav .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link:before {
width: 40px;
opacity: 1;
}
.wtbx_vc_tabs.wtbx_style_3 .wtbx_tabs_nav .wtbx_tabs_knob {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: -1;
-webkit-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), width 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), width 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), width 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), width 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), width 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_vc_tabs.wtbx_style_3.wtbx_skin_light .wtbx_tabs_knob {
background-color: #fff;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
}
.wtbx_vc_tabs.wtbx_style_3.wtbx_skin_dark .wtbx_tabs_nav {
border-color: rgba(255, 255, 255, 0.1);
}
.wtbx_vc_tabs.wtbx_style_3.wtbx_skin_dark .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
color: rgba(255, 255, 255, 0.4);
}
.wtbx_vc_tabs.wtbx_style_3.wtbx_skin_dark.wtbx_scheme_default .wtbx_tabs_nav_item:hover:not(.active) .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_3.wtbx_skin_dark .wtbx_tabs_knob {
background-color: #fff;
}
.wtbx_vc_tabs.wtbx_style_3.wtbx_scheme_colorful .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
padding: 2em;
text-align: center;
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
z-index: 1;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link:before {
content: '';
position: absolute;
left: 0;
top: 15px;
bottom: 15px;
width: 1px;
-webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
opacity: 0;
-moz-transform: scale3d(0.95, 0.95, 1);
-o-transform: scale3d(0.95, 0.95, 1);
-ms-transform: scale3d(0.95, 0.95, 1);
-webkit-transform: scale3d(0.95, 0.95, 1);
-webkit-transform: -webkit-scale3d(0.95, 0.95, 1);
transform: scale3d(0.95, 0.95, 1);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
z-index: -1;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link .wtbx_tabs_nav_title {
display: block;
margin: 0;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link .wtbx_vc_icon {
display: block;
font-size: 180%;
line-height: 1.5;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link .wtbx_vc_icon + .wtbx_tabs_nav_title {
margin-top: .5em;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item:first-child .wtbx_tabs_nav_link:before {
display: none;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link:before {
opacity: 0;
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link:after {
opacity: 1;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.wtbx_vc_tabs.wtbx_style_4 .wtbx_tabs_nav .wtbx_tabs_nav_item.active + .wtbx_tabs_nav_item .wtbx_tabs_nav_link:before {
opacity: 0;
}
.wtbx_vc_tabs.wtbx_style_4.wtbx_tabs_equal .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
padding: 2em 1em;
}
.wtbx_vc_tabs.wtbx_style_4.wtbx_scheme_colorful .wtbx_tabs_nav_item .wtbx_tabs_nav_link:after {
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
}
.wtbx_vc_tabs.wtbx_style_4.wtbx_scheme_colorful .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_4.wtbx_skin_dark .wtbx_tabs_nav {
border-color: rgba(255, 255, 255, 0.1);
}
.wtbx_vc_tabs.wtbx_style_4.wtbx_skin_dark .wtbx_tabs_nav .wtbx_tabs_nav_item .wtbx_tabs_nav_link {
color: rgba(255, 255, 255, 0.4);
}
.wtbx_vc_tabs.wtbx_style_4.wtbx_skin_dark.wtbx_scheme_default .wtbx_tabs_nav_item:hover .wtbx_tabs_nav_link {
color: #fff;
}
.wtbx_vc_tabs.wtbx_style_4.wtbx_skin_dark.wtbx_scheme_colorful .wtbx_tabs_nav_item:hover .wtbx_tabs_nav_link, .wtbx_vc_tabs.wtbx_style_4.wtbx_skin_dark.wtbx_scheme_colorful .wtbx_tabs_nav_item.active .wtbx_tabs_nav_link {
color: #fff;
}