.wtbx_vc_icon_el .wtbx_vc_el_inner {
position: relative;
display: inline-block;
}
.wtbx_vc_icon_el.wtbx_display_inline_block {
display: inline-block;
vertical-align: middle;
}
.wtbx_vc_icon_el .wtbx_vc_icon_wrapper {
position: relative;
display: inline-block;
overflow: hidden;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: transparent;
}
.wtbx_vc_icon_el .wtbx_vc_icon_wrapper:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.wtbx_vc_icon_el .wtbx_vc_icon_wrapper a {
display: block;
line-height: inherit;
height: 100%;
}
.wtbx_vc_icon_el .wtbx_vc_icon_wrapper a i {
display: inline-block;
line-height: inherit;
position: relative;
}
.wtbx_vc_icon_el .wtbx_vc_icon_wrapper .wtbx_vc_icon {
position: relative;
line-height: inherit;
display: inline-block;
}
.wtbx_vc_icon_el svg {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
padding: 2px;
}
.wtbx_vc_icon_el.wtbx_icon_simple .wtbx_vc_icon_wrapper {
border-width: 0;
}
.wtbx_vc_icon_el.wtbx_style_square .wtbx_vc_icon_wrapper, .wtbx_vc_icon_el.wtbx_style_rhombus .wtbx_vc_icon_wrapper {
border-radius: 0;
}
.wtbx_vc_icon_el.wtbx_style_square_sl_rounded .wtbx_vc_icon_wrapper, .wtbx_vc_icon_el.wtbx_style_rhombus_sl_rounded .wtbx_vc_icon_wrapper {
border-radius: 6px;
}
.wtbx_vc_icon_el.wtbx_style_square_rounded .wtbx_vc_icon_wrapper, .wtbx_vc_icon_el.wtbx_style_rhombus_rounded .wtbx_vc_icon_wrapper {
border-radius: 30%;
}
.wtbx_vc_icon_el.wtbx_style_circle .wtbx_vc_icon_wrapper {
border-radius: 50%;
}
.wtbx_vc_icon_el.wtbx_style_rhombus .wtbx_vc_icon_wrapper, .wtbx_vc_icon_el.wtbx_style_rhombus_sl_rounded .wtbx_vc_icon_wrapper, .wtbx_vc_icon_el.wtbx_style_rhombus_rounded .wtbx_vc_icon_wrapper {
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-webkit-transform: -webkit-rotate(45deg);
transform: rotate(45deg);
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.wtbx_vc_icon_el.wtbx_style_rhombus .wtbx_vc_icon_wrapper .wtbx_vc_icon, .wtbx_vc_icon_el.wtbx_style_rhombus_sl_rounded .wtbx_vc_icon_wrapper .wtbx_vc_icon, .wtbx_vc_icon_el.wtbx_style_rhombus_rounded .wtbx_vc_icon_wrapper .wtbx_vc_icon {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-webkit-transform: -webkit-rotate(-45deg);
transform: rotate(-45deg);
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.wtbx_vc_icon_el .icon_anim_container {
padding: 2px;
}
.wtbx_icon_predefined_1 .wtbx_vc_icon_wrapper {
border-radius: 6px;
border-width: 0;
}
.wtbx_icon_predefined_1 .wtbx_vc_icon_wrapper .wtbx_vc_icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .7;
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.wtbx_icon_predefined_1 .wtbx_vc_icon_wrapper .wtbx_vc_icon.double_icon {
-moz-transform: translate3d(0, 0, 0) scale(0);
-o-transform: translate3d(0, 0, 0) scale(0);
-ms-transform: translate3d(0, 0, 0) scale(0);
-webkit-transform: translate3d(0, 0, 0) scale(0);
-webkit-transform: -webkit-translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
opacity: 0;
}
.wtbx_icon_predefined_1 .wtbx_vc_icon_wrapper:hover .wtbx_vc_icon {
-moz-transform: translate3d(0, 100%, 0) scale(0.5);
-o-transform: translate3d(0, 100%, 0) scale(0.5);
-ms-transform: translate3d(0, 100%, 0) scale(0.5);
-webkit-transform: translate3d(0, 100%, 0) scale(0.5);
-webkit-transform: -webkit-translate3d(0, 100%, 0) scale(0.5);
transform: translate3d(0, 100%, 0) scale(0.5);
opacity: 0;
moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.wtbx_icon_predefined_1 .wtbx_vc_icon_wrapper:hover .wtbx_vc_icon.double_icon {
-moz-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.wtbx_icon_predefined_2 .wtbx_vc_icon_wrapper {
z-index: 1;
border-width: 4px;
overflow: visible;
-webkit-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
-moz-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
-ms-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
-o-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.wtbx_icon_predefined_2 .wtbx_vc_icon_wrapper a {
z-index: 1;
}
.wtbx_icon_predefined_2 .wtbx_vc_icon_wrapper .wtbx_vc_icon {
z-index: 1;
top: -4px;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0.3s;
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.wtbx_icon_predefined_2 .wtbx_vc_icon_wrapper:before {
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
z-index: -1;
-moz-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
-webkit-transform: -webkit-rotateY(90deg);
transform: rotateY(90deg);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
moz-transform-origin: center right;
-o-transform-origin: center right;
-ms-transform-origin: center right;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.wtbx_icon_predefined_2 .wtbx_vc_icon_wrapper:hover {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-webkit-transform: -webkit-rotate(90deg);
transform: rotate(90deg);
-webkit-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-moz-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-ms-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-o-transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
transition: transform 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
}
.wtbx_icon_predefined_2 .wtbx_vc_icon_wrapper:hover:before {
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-webkit-transform: -webkit-rotateY(0deg);
transform: rotateY(0deg);
}
.wtbx_icon_predefined_2 .wtbx_vc_icon_wrapper:hover .wtbx_vc_icon {
color: #fff;
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-webkit-transform: -webkit-rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-webkit-text-fill-color: unset;
}
.wtbx_icon_predefined_3 .wtbx_vc_icon_wrapper {
overflow: visible;
-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);
-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);
}
.wtbx_icon_predefined_3 .wtbx_vc_icon_wrapper a {
z-index: 1;
}
.wtbx_icon_predefined_3 .wtbx_vc_icon_wrapper .wtbx_vc_icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
border-width: 0;
border-radius: 50%;
}
.wtbx_icon_predefined_3 .wtbx_vc_icon_wrapper:before {
content: '';
position: absolute;
top: -6px;
bottom: -6px;
left: -6px;
right: -6px;
z-index: -1;
border-style: solid;
border-width: 1px;
border-radius: 50%;
-webkit-border-image: initial !important;
-moz-border-image: initial !important;
-o-border-image: initial !important;
border-image: initial !important;
border-image-slice: initial !important;
-moz-transform: scale3d(0.5, 0.5, 1);
-o-transform: scale3d(0.5, 0.5, 1);
-ms-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: -webkit-scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-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_icon_predefined_3 .wtbx_vc_icon_wrapper:hover {
-moz-transform: scale3d(0.9, 0.9, 1);
-o-transform: scale3d(0.9, 0.9, 1);
-ms-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: -webkit-scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
}
.wtbx_icon_predefined_3 .wtbx_vc_icon_wrapper:hover:before {
-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_icon_predefined_3 .wtbx_vc_icon_wrapper:hover .wtbx_vc_icon {
color: #fff;
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper {
overflow: visible;
-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);
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper a {
z-index: 1;
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper .wtbx_vc_icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
border-width: 0;
border-radius: 50%;
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper:before, .wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
border-width: 0;
border-radius: 50%;
-webkit-border-image: initial !important;
-moz-border-image: initial !important;
-o-border-image: initial !important;
border-image: initial !important;
border-image-slice: initial !important;
-moz-transform: scale3d(0.5, 0.5, 1);
-o-transform: scale3d(0.5, 0.5, 1);
-ms-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: -webkit-scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper:before {
-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);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper:after {
opacity: 0;
-moz-transform: scale3d(0.5, 0.5, 1);
-o-transform: scale3d(0.5, 0.5, 1);
-ms-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: scale3d(0.5, 0.5, 1);
-webkit-transform: -webkit-scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-moz-transform: rotate(180deg) scale3d(0.8, 0.8, 1);
-o-transform: rotate(180deg) scale3d(0.8, 0.8, 1);
-ms-transform: rotate(180deg) scale3d(0.8, 0.8, 1);
-webkit-transform: rotate(180deg) scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-rotate(180deg) scale3d(0.8, 0.8, 1);
transform: rotate(180deg) scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper:hover:before {
opacity: 0;
-moz-transform: scale3d(1.4, 1.4, 1);
-o-transform: scale3d(1.4, 1.4, 1);
-ms-transform: scale3d(1.4, 1.4, 1);
-webkit-transform: scale3d(1.4, 1.4, 1);
-webkit-transform: -webkit-scale3d(1.4, 1.4, 1);
transform: scale3d(1.4, 1.4, 1);
}
.wtbx_icon_predefined_4 .wtbx_vc_icon_wrapper:hover: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_icon_predefined_4 .wtbx_vc_icon_wrapper:hover .wtbx_vc_icon {
color: #fff;
}
.wtbx_icon_predefined_5 .wtbx_vc_icon_wrapper {
position: relative;
overflow: visible;
}
.wtbx_icon_predefined_5 .wtbx_vc_icon_wrapper:before, .wtbx_icon_predefined_5 .wtbx_vc_icon_wrapper:after {
content: '';
position: absolute;
}
.wtbx_icon_predefined_5 .wtbx_vc_icon_wrapper:after {
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.1);
-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-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);
z-index: -1;
}
.wtbx_icon_predefined_5 .wtbx_vc_icon_wrapper .wtbx_vc_icon {
-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);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
}
.wtbx_icon_predefined_5 .wtbx_vc_icon_wrapper:hover:after {
box-shadow: 0 12px 35px -7px rgba(9, 31, 67, 0.15);
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.wtbx_icon_predefined_5 .wtbx_vc_icon_wrapper:hover .wtbx_vc_icon {
-moz-transform: scale3d(1.05, 1.05, 1);
-o-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: -webkit-scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}