@font-face {
font-family: 'FinestIcon';
src: url(//barawave.com/wp-content/plugins/finest-core/assets/fonts/fd.eot);
src: url(//barawave.com/wp-content/plugins/finest-core/assets/fonts/fd.eot) format('embedded-opentype'), url(//barawave.com/wp-content/plugins/finest-core/assets/fonts/fd.woff2) format('woff2'), url(//barawave.com/wp-content/plugins/finest-core/assets/fonts/fd.woff) format('woff'), url(//barawave.com/wp-content/plugins/finest-core/assets/fonts/fd.ttf) format('truetype'), url(//barawave.com/wp-content/plugins/finest-core/assets/fonts/fd.svg) format('svg');
font-weight: normal;
font-style: normal;
} .fd {
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-family: 'FinestIcon';
color: inherit;
flex-shrink: 0;
speak: none;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  .fd-sm {
font-size: 0.8em;
}
.fd-lg {
font-size: 1.2em;
} .fd-16 {
font-size: 16px;
}
.fd-32 {
font-size: 32px;
} .fd-is-spinning {
animation: fd-spin 1s infinite linear;
}
@keyframes fd-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .fd-rotate-90 {
transform: rotate(90deg);
}
.fd-rotate-180 {
transform: rotate(180deg);
}
.fd-rotate-270 {
transform: rotate(270deg);
}
.fd-flip-y {
transform: scaleY(-1);
}
.fd-flip-x {
transform: scaleX(-1);
} .fd-cloud-download-95::before {
content: "\ea02";
}
.fd-home-minimal::before {
content: "\ea03";
}
.fd-single-04::before {
content: "\ea04";
}
.fd-users-mm::before {
content: "\ea05";
}
.fd-webpage::before {
content: "\ea06";
}
.fd-layout-25::before {
content: "\ea07";
}
.fd-analytics::before {
content: "\ea08";
}
.fd-chart-pie-36::before {
content: "\ea09";
}
.fd-chart-bar-33::before {
content: "\ea0a";
}
.fd-single-copy-06::before {
content: "\ea0b";
}
.fd-home::before {
content: "\ea0c";
}
.fd-single-content-03::before {
content: "\ea0d";
}
.fd-bell-53::before {
content: "\ea0e";
}
.fd-email-84::before {
content: "\ea0f";
}
.fd-send::before {
content: "\ea10";
}
.fd-at-sign::before {
content: "\ea11";
}
.fd-edit-72::before {
content: "\ea13";
}
.fd-tail-right::before {
content: "\ea14";
}
.fd-minimal-right::before {
content: "\ea15";
}
.fd-tail-left::before {
content: "\ea16";
}
.fd-minimal-left::before {
content: "\ea17";
}
.fd-tail-up::before {
content: "\ea18";
}
.fd-minimal-up::before {
content: "\ea19";
}
.fd-minimal-down::before {
content: "\ea1a";
}
.fd-tail-down::before {
content: "\ea1b";
}
.fd-settings-gear-64::before {
content: "\ea1c";
}
.fd-settings::before {
content: "\ea1d";
}
.fd-menu-dots::before {
content: "\ea1e";
}
.fd-funnel-40::before {
content: "\ea20";
}
.fd-filter::before {
content: "\ea21";
}
.fd-preferences-circle::before {
content: "\ea22";
}
.fd-check-2::before {
content: "\ea23";
}
.fd-cart-simple::before {
content: "\ea24";
}
.fd-cart-9::before {
content: "\ea25";
}
.fd-card-update::before {
content: "\ea26";
}
.fd-basket::before {
content: "\ea27";
}
.fd-check-circle-07::before {
content: "\ea28";
}
.fd-simple-remove::before {
content: "\ea29";
}
.fd-circle-remove::before {
content: "\ea2a";
}
.fd-alert-circle-exc::before {
content: "\ea2b";
}
.fd-bug::before {
content: "\ea2c";
}
.fd-share-66::before {
content: "\ea2d";
}
.fd-time::before {
content: "\ea2f";
}
.fd-coffee::before {
content: "\ea30";
}
.fd-smile::before {
content: "\ea31";
}
.fd-sad::before {
content: "\ea32";
}
.fd-broken-heart::before {
content: "\ea33";
}
.fd-pin-3::before {
content: "\ea35";
}
.fd-marker-3::before {
content: "\ea36";
}
.fd-globe-2::before {
content: "\ea37";
}
.fd-world-2::before {
content: "\ea38";
}
.fd-phone-2::before {
content: "\ea39";
}
.fd-check-square-11::before {
content: "\ea3a";
}
.fd-wallet-90::before {
content: "\ea3b";
}
.fd-credit-card::before {
content: "\ea3c";
}
.fd-payment::before {
content: "\ea3d";
}
.fd-tag::before {
content: "\ea3e";
}
.fd-tag-cut::before {
content: "\ea3f";
}
.fd-tag-content::before {
content: "\ea40";
}
.fd-flag-diagonal-33::before {
content: "\ea41";
}
.fd-triangle-right-17::before {
content: "\ea47";
}
.fd-puzzle-10::before {
content: "\ea48";
}
.fd-triangle-right-17-2::before {
content: "\ea49";
}
.fd-btn-play::before {
content: "\ea4a";
}
.fd-btn-play-2::before {
content: "\ea4b";
}
.fd-menu-34::before {
content: "\ea4c";
}
.fd-menu-left-2::before {
content: "\ea4d";
}
.fd-heart-2-2::before {
content: "\ea4e";
}
.fd-l-settings::before {
content: "\ea51";
}
.fd-book-open-2::before {
content: "\ea52";
}
.fd-layers-3::before {
content: "\ea53";
}
.fd-google::before {
content: "\ea57";
}
.fd-logo-pinterest::before {
content: "\ea58";
}
.fd-logo-dribbble::before {
content: "\ea5a";
}
.fd-tablet-mobile::before {
content: "\ea5b";
}
.fd-house-search-engine::before {
content: "\ea5c";
}
.fd-house-pricing::before {
content: "\ea5d";
}
.fd-pulse-chart::before {
content: "\ea5e";
}
.fd-plug::before {
content: "\ea5f";
}
.fd-app-store::before {
content: "\ea60";
}
.fd-power-level::before {
content: "\ea61";
}
.fd-window-add::before {
content: "\ea62";
}
.fd-form::before {
content: "\ea63";
}
.fd-folder-15::before {
content: "\ea64";
}
.fd-lock::before {
content: "\ea65";
}
.fd-unlocked::before {
content: "\ea66";
}
.fd-e-reader::before {
content: "\ea67";
}
.fd-layout-grid::before {
content: "\ea68";
}
.fd-single-copies::before {
content: "\ea69";
}
.fd-bag::before {
content: "\ea6a";
}
.fd-shield::before {
content: "\ea6b";
}
.fd-security::before {
content: "\ea6c";
}
.fd-system-update::before {
content: "\ea6d";
}
.fd-privacy::before {
content: "\ea6e";
}
.fd-translation::before {
content: "\ea6f";
}
.fd-credit-locked::before {
content: "\ea70";
}
.fd-apartment::before {
content: "\ea71";
}
.fd-eye-17::before {
content: "\ea72";
}
.fd-bookmark-2::before {
content: "\ea73";
}
.fd-pantone::before {
content: "\ea74";
}
.fd-trash-simple::before {
content: "\ea75";
}
.fd-phone-call-end::before {
content: "\ea76";
}
.fd-phone-call::before {
content: "\ea77";
}
.fd-call-doctor::before {
content: "\ea78";
}
.fd-swap-vertical::before {
content: "\ea79";
}
.fd-swap-horizontal::before {
content: "\ea7a";
}
.fd-simple-add::before {
content: "\ea7b";
}
.fd-reload::before {
content: "\ea7c";
}
.fd-loop-83::before {
content: "\ea7d";
}
.fd-c-question::before {
content: "\ea7e";
}
.fd-alert::before {
content: "\ea7f";
}
.fd-cloud-download-93::before {
content: "\ea80";
}
.fd-migration::before {
content: "\ea81";
}
.fd-cloud-upload-96::before {
content: "\ea82";
}
.fd-archive::before {
content: "\ea83";
}
.fd-archive-content::before {
content: "\ea84";
}
.fd-calendar-60::before {
content: "\ea85";
}
.fd-opening-times::before {
content: "\ea86";
}
.fd-calendar-check-62::before {
content: "\ea87";
}
.fd-camera::before {
content: "\ea88";
}
.fd-ungroup::before {
content: "\ea89";
}
.fd-share-2::before {
content: "\ea8a";
}
.fd-world::before {
content: "\ea8b";
}
.fd-sound::before {
content: "\ea8c";
}
.fd-volume-mute::before {
content: "\ea8d";
}
.fd-sound-wave::before {
content: "\ea8e";
}
.fd-preferences-circle-rotate::before {
content: "\ea8f";
}
.fd-link-72::before {
content: "\ea90";
}
.fd-link-broken-70::before {
content: "\ea91";
}
.fd-link-69::before {
content: "\ea92";
}
.fd-newsletter::before {
content: "\ea93";
}
.fd-trend-up::before {
content: "\ea94";
}
.fd-trend-down::before {
content: "\ea95";
}
.fd-c-info::before {
content: "\ea96";
}
.fd-shape-arrow::before {
content: "\ea97";
}
.fd-circle-simple-up::before {
content: "\ea98";
}
.fd-circle-simple-right::before {
content: "\ea99";
}
.fd-circle-simple-left::before {
content: "\ea9a";
}
.fd-circle-simple-down::before {
content: "\ea9b";
}
.fd-check-circle-08::before {
content: "\ea9c";
}
.fd-circle-add::before {
content: "\ea9d";
}
.fd-zoom-in::before {
content: "\ea9e";
}
.fd-zoom-out::before {
content: "\ea9f";
}
.fd-zoom-2::before {
content: "\eaa0";
}
.fd-a-star::before {
content: "\eaa1";
}
.fd-a-security::before {
content: "\eaa2";
}
.fd-a-add::before {
content: "\eaa3";
}
.fd-data-download::before {
content: "\eaa4";
}
.fd-data-upload::before {
content: "\eaa5";
}
.fd-attach-87-1::before {
content: "\eaa6";
}
.fd-print::before {
content: "\eaa7";
}
.fd-round-dollar::before {
content: "\eaa8";
}
.fd-currency-dollar::before {
content: "\eaa9";
}
.fd-select-84::before {
content: "\eaaa";
}
.fd-chat-round-content::before {
content: "\eaab";
}
.fd-chat-round::before {
content: "\eaac";
}
.fd-chat-33::before {
content: "\eaad";
}
.fd-chat-content::before {
content: "\eaae";
}
.fd-sun::before {
content: "\eaaf";
}
.fd-moon::before {
content: "\eab0";
}
.fd-code::before {
content: "\eab1";
}
.fd-lightning::before {
content: "\eab2";
}
.fd-camera-flash::before {
content: "\eab3";
}
.fd-edit-brightness::before {
content: "\eab4";
}
.fd-a-remove::before {
content: "\eab5";
}
.fd-a-delete::before {
content: "\eab6";
}
.fd-dock-top::before {
content: "\eab7";
}
.fd-board-2::before {
content: "\eab8";
}
.fd-corner-left-round::before {
content: "\eab9";
}
.fd-bulb-63::before {
content: "\eaba";
}
.fd-document::before {
content: "\eabb";
}
.fd-chart-growth::before {
content: "\eabd";
}
.fd-logout::before {
content: "\eabe";
}
.fd-key-26::before {
content: "\eabf";
}
.fd-bag-09::before {
content: "\eac0";
}
.fd-basket-simple::before {
content: "\eac1";
}
.fd-basket-simple-add::before {
content: "\eac2";
}
.fd-cursor-48::before {
content: "\eac3";
}
.fd-microphone::before {
content: "\eac4";
}
.fd-notification-69::before {
content: "\eac5";
}
.fd-pc::before {
content: "\eac6";
}
.fd-phone-camera-front::before {
content: "\eac7";
}
.fd-p-check::before {
content: "\eac8";
}
.fd-e-reader-1::before {
content: "\eac9";
}
.fd-microsoft::before {
content: "\eaca";
}
.fd-layout-11::before {
content: "\eacb";
}
.fd-row-table::before {
content: "\eacc";
}
.fd-shape-star::before {
content: "\eacd";
}
.fd-star::before {
content: "\eacf";
}
.fd-js-console::before {
content: "\ead0";
}
.fd-folder-chart-bar::before {
content: "\ead1";
}
.fd-chart-bars::before {
content: "\ead2";
}
.fd-chart-bar-32::before {
content: "\ead3";
}
.fd-menu-right::before {
content: "\ead4";
}
.fd-diag-top-left::before {
content: "\ead5";
}
.fd-gps::before {
content: "\ead6";
}
.fd-double-right::before {
content: "\ead7";
}
.fd-double-left::before {
content: "\ead8";
}
.fd-energy::before {
content: "\ead9";
}
.fd-flame::before {
content: "\eada";
}
.fd-like-2::before {
content: "\eadb";
}
.fd-thumb-down::before {
content: "\eadc";
}
.fd-tool-hand::before {
content: "\eadd";
}
.fd-screen-touch::before {
content: "\eade";
}
.fd-stretch::before {
content: "\eadf";
}
.fd-pinch::before {
content: "\eae0";
}
.fd-move-05::before {
content: "\eae1";
}
.fd-upload-data::before {
content: "\eae2";
}
.fd-music-note::before {
content: "\eae3";
}
.fd-spaceship::before {
content: "\eae4";
}
.fd-send-2::before {
content: "\eae5";
}
.fd-send-1::before {
content: "\eae6";
}
.fd-wifi::before {
content: "\eae7";
}
.fd-server-rack::before {
content: "\eae8";
}
.fd-dresser-3::before {
content: "\eae9";
}
.fd-cloud-25::before {
content: "\eaea";
}
.fd-database::before {
content: "\eaeb";
}
.fd-file-archive::before {
content: "\eaec";
}
.fd-file-download-3::before {
content: "\eaed";
}
.fd-drawer::before {
content: "\eaee";
}
.fd-block::before {
content: "\eaef";
}
.fd-calculator::before {
content: "\eaf0";
}
.fd-wand-11::before {
content: "\eaf1";
}
.fd-cupcake::before {
content: "\eaf2";
}
.fd-muffin::before {
content: "\eaf3";
}
.fd-popcorn::before {
content: "\eaf4";
}
.fd-video::before {
content: "\eaf5";
}
.fd-shuffle-98::before {
content: "\eaf6";
}
.fd-bill::before {
content: "\eaf7";
}
.fd-receipt-list-43::before {
content: "\eaf8";
}
.fd-signal-2::before {
content: "\eaf9";
}
.fd-book::before {
content: "\eafa";
}
.fd-agenda-bookmark::before {
content: "\eafb";
}
.fd-books::before {
content: "\eafc";
}
.fd-book-open-2-1::before {
content: "\eafd";
}
.fd-pencil-47::before {
content: "\eafe";
}
.fd-chef-hat::before {
content: "\eaff";
}
.fd-simple-delete::before {
content: "\eb00";
}
.fd-logo-linkedin::before {
content: "\eb01";
}
.fd-logo-facebook::before {
content: "\eb02";
}
.fd-logo-fb-simple-1::before {
content: "\eb03";
}
.fd-logo-twitter-1::before {
content: "\eb04";
}
.fd-logo-instagram-1::before {
content: "\eb05";
}
.fd-logo-pinterest-1::before {
content: "\eb06";
}
.fd-box-3d-50::before {
content: "\eb07";
}
.fd-delivery::before {
content: "\eb08";
}
.fd-h-dashboard::before {
content: "\eb09";
}
.fd-power-level-1::before {
content: "\eb0a";
}
.fd-time-3-1::before {
content: "\eb0b";
}
.fd-hourglass::before {
content: "\eb0c";
}
.fd-biochemistry::before {
content: "\eb0d";
}
.fd-cpu::before {
content: "\eb0e";
}
.fd-ai::before {
content: "\eb0f";
}
.fd-app-store-1::before {
content: "\eb10";
}
.fd-questionnaire::before {
content: "\eb11";
}
.fd-bicep::before {
content: "\eb12";
}
.fd-expand::before {
content: "\eb13";
}
.fd-transform-2d::before {
content: "\eb14";
}
.fd-maximize::before {
content: "\eb15";
}
.fd-window-maximize::before {
content: "\eb16";
}
.fd-floor::before {
content: "\eb17";
}
.fd-floors::before {
content: "\eb18";
}
.fd-water-surface::before {
content: "\eb19";
}
.fd-wallet-43::before {
content: "\eb1a";
}
.fd-analytics-88::before {
content: "\eb1b";
}
.fd-favourite-add-32::before {
content: "\eb1c";
}
.fd-survey::before {
content: "\eb1d";
}
.fd-face-recognition::before {
content: "\eb1e";
}@media only screen and (min-width: 1350px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1316px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 768px !important;
}
.elementor-lightbox .elementor-video-container {
width: 75% !important;
}
}
@media only screen and (max-width: 767px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 390px !important;
}
.elementor-lightbox .elementor-video-container {
width: 90% !important;
}
}
.elementor-custom-embed-image-overlay img {
object-fit: cover;
}
.elementor-element {
--widgets-spacing: 0px !important;
}
.elementor-widget:not(:last-child) {
margin-bottom: 0px !important;
}
#colophon {
background-color: initial;
}
.elementor-custom-embed-play svg {
filter: none;
}
.elementor-custom-embed-play i {
text-shadow: none;
} .fbth-paragraph-editor ul li {
list-style: initial;
}
.fbth-paragraph-editor ul {
margin: 0px;
padding-left: 20px;
} .fbth-addons-title:after {
content: "";
position: absolute;
}
span.popup-menubar {
cursor: pointer;
display: inline-block;
padding: 14px 20px;
background-color: #222;
color: #fff;
border-radius: 3px;
}
span.popup-menubar i {
font-size: 30px;
}
.fbth-addons-popup-content {
position: fixed;
height: 100vh;
top: 0;
z-index: 9999999;
opacity: 0;
visibility: hidden;
right: -30%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: var(--accent-color);
-webkit-box-shadow: 0 13px 35px -12px rgb(35 35 35 / 15%);
box-shadow: 0 13px 35px -12px rgb(35 35 35 / 15%);
}
.fbth-addons-popup-content.show {
opacity: 1;
visibility: visible;
right: 0;
}
.fbth-addons-popup-content #offset-menu-close-btn {
position: fixed;
right: 30px;
font-size: 28px;
color: #fff;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 9;
top: 40px;
} .elementor-icon-list-icon {
align-items: center;
justify-content: center;
}
.fbth-addons-feature-box-item .fbth-addons-feature-btn {
display: flex;
align-items: center;
}
.fbth-addons-feature-box-item {
padding: 30px;
border-radius: 3px;
transition: 0.4s;
}
.fbth-addons-feature-box-item .icon-background-yes .fbth-addons-feature-icon {
width: 70px;
height: 70px;
display: flex;
text-align: center;
line-height: 70px;
font-size: 30px;
background-color: var(--accent-color);
border-radius: 0px;
color: #fff;
align-items: center;
justify-content: center;
}
.fbth-addons-feature-box-item .icon-background-yes .fbth-addons-feature-icon svg {
width: 35px;
}
span.fbth-addons-feature-icon.icon-type-image img {
object-fit: cover;
}
.fbth-addons-feature-icon-wrap {
margin-bottom: 20px;
display: flex;
justify-content: center;
}
.fbth-addons-feature-title {
font-weight: 600;
font-size: 24px;
line-height: 28px;
color: #02021e;
}
.fbth-addons-feature-content p {
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #617686;
margin-bottom: 0px;
}
.fbth-addons-feature-box-item.fbth-addons-icon-position-left {
display: inline-flex;
text-align: left;
}
.fbth-addons-feature-box-item.fbth-addons-icon-position-right {
display: flex;
text-align: right;
flex-direction: row-reverse;
}
.fbth-addons-feature-box-item.fbth-addons-feature-icon-center {
text-align: center;
}
.fbth-addons-feature-box-item.fbth-addons-feature-icon-left {
text-align: left;
}
.fbth-addons-feature-box-item.fbth-addons-feature-icon-left .fbth-addons-feature-icon-wrap {
justify-content: flex-start;
}
.fbth-addons-feature-box-item.fbth-addons-feature-icon-right .fbth-addons-feature-icon-wrap {
justify-content: flex-end;
}
.fbth-addons-feature-box-item.fbth-addons-feature-icon-right {
text-align: right;
}
.fbth-addons-feature-icon-wrap i,
.fbth-addons-feature-icon-wrap svg,
.fbth-addons-feature-icon {
transition: 0.3s ease-in-out;
}
.fbth-addons-feature-box-item .icon-background-no .fbth-addons-feature-icon svg {
max-height: 118px;
}
.fbth-addons-feature-box-item .fbth-addons-feature-icon i {
font-size: 25px;
}
.fbth-addons-feature-box-number {
font-size: 22px;
letter-spacing: -0.73px;
font-weight: 700;
color: #ffffff;
}
.fbth-addons-feature-box-number span {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.16);
} .fbth-css-transform-yes {
-webkit-transition-duration: var(--fbth-tfx-transition-duration, 0.2s);
transition-duration: var(--fbth-tfx-transition-duration, 0.2s);
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: translate(var(--fbth-tfx-translate-x, 0), var(--fbth-tfx-translate-y, 0))
scale(var(--fbth-tfx-scale-x, 1), var(--fbth-tfx-scale-y, 1))
skew(var(--fbth-tfx-skew-x, 0), var(--fbth-tfx-skew-y, 0)) rotateX(var(--fbth-tfx-rotate-x, 0))
rotateY(var(--fbth-tfx-rotate-y, 0)) rotateZ(var(--fbth-tfx-rotate-z, 0));
transform: translate(var(--fbth-tfx-translate-x, 0), var(--fbth-tfx-translate-y, 0))
scale(var(--fbth-tfx-scale-x, 1), var(--fbth-tfx-scale-y, 1))
skew(var(--fbth-tfx-skew-x, 0), var(--fbth-tfx-skew-y, 0)) rotateX(var(--fbth-tfx-rotate-x, 0))
rotateY(var(--fbth-tfx-rotate-y, 0)) rotateZ(var(--fbth-tfx-rotate-z, 0));
}
.fbth-css-transform-yes:hover {
-webkit-transform: translate(
var(--fbth-tfx-translate-x-hover, var(--fbth-tfx-translate-x, 0)),
var(--fbth-tfx-translate-y-hover, var(--fbth-tfx-translate-y, 0))
)
scale(
var(--fbth-tfx-scale-x-hover, var(--fbth-tfx-scale-x, 1)),
var(--fbth-tfx-scale-y-hover, var(--fbth-tfx-scale-y, 1))
)
skew(
var(--fbth-tfx-skew-x-hover, var(--fbth-tfx-skew-x, 0)),
var(--fbth-tfx-skew-y-hover, var(--fbth-tfx-skew-y, 0))
)
rotateX(var(--fbth-tfx-rotate-x-hover, var(--fbth-tfx-rotate-x, 0)))
rotateY(var(--fbth-tfx-rotate-y-hover, var(--fbth-tfx-rotate-y, 0)))
rotateZ(var(--fbth-tfx-rotate-z-hover, var(--fbth-tfx-rotate-z, 0)));
transform: translate(
var(--fbth-tfx-translate-x-hover, var(--fbth-tfx-translate-x, 0)),
var(--fbth-tfx-translate-y-hover, var(--fbth-tfx-translate-y, 0))
)
scale(
var(--fbth-tfx-scale-x-hover, var(--fbth-tfx-scale-x, 1)),
var(--fbth-tfx-scale-y-hover, var(--fbth-tfx-scale-y, 1))
)
skew(
var(--fbth-tfx-skew-x-hover, var(--fbth-tfx-skew-x, 0)),
var(--fbth-tfx-skew-y-hover, var(--fbth-tfx-skew-y, 0))
)
rotateX(var(--fbth-tfx-rotate-x-hover, var(--fbth-tfx-rotate-x, 0)))
rotateY(var(--fbth-tfx-rotate-y-hover, var(--fbth-tfx-rotate-y, 0)))
rotateZ(var(--fbth-tfx-rotate-z-hover, var(--fbth-tfx-rotate-z, 0)));
} .fbth--contactform-wraper.absolute {
position: relative;
}
.fbth--contactform-wraper.absolute input[type="submit"],
.fbth--contactform-wraper.absolute button[type="submit"] {
position: absolute;
top: 0;
right: 0;
}
span.wpcf7-list-item label {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
}
span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-exclusive-checkbox {
width: 100%;
}
form.wpcf7-form input[type="“checkbox”"],
form.wpcf7-form [type="“radio”"] {
margin-right: 10px;
}
--------------------------------------------------------------*/ .fbth-contact-from input[type="text"],
.fbth-contact-from input[type="email"],
.fbth-contact-from input[type="url"],
.fbth-contact-from input[type="tel"],
.fbth-contact-from input[type="date"],
.fbth-contact-from input[type="number"],
.fbth-contact-from textarea {
background: #fff;
box-shadow: none;
-webkit-box-shadow: none;
float: none;
height: auto;
margin: 0;
outline: 0;
}
textarea {
width: 100%;
max-height: 140px;
}
.wpcf7-form-control-wrap {
display: block;
position: relative;
}
.fbth-contact-from input:not([type="checkbox"]) {
height: 70px;
padding: 20px;
border-radius: 10px;
max-width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
form.wpcf7-form input {
width: 100%;
}
.fbth-contact-from input[type="submit"],
.fbth-contact-from button[type="submit"] {
background-color: #6a26da;
color: #fff;
font-weight: 600;
height: 70px;
width: 172px;
padding: 0px;
transition: all 0.4s ease-in-out;
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.fbth-contact-from input[type="submit"],
.fbth-contact-from input[type="button"] {
transition: all 0.25s linear 0s;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-ms-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
}
.fbth-contact-from.placeholder-hide input::-webkit-input-placeholder,
.fbth-contact-from.placeholder-hide textarea::-webkit-input-placeholder {
opacity: 0;
visibility: hidden;
}
.fbth-contact-from.placeholder-hide input::-moz-placeholder,
.fbth-contact-from.placeholder-hide textarea::-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.fbth-contact-from.placeholder-hide input:-ms-input-placeholder,
.fbth-contact-from.placeholder-hide textarea:-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.fbth-contact-from.placeholder-hide input:-moz-placeholder,
.fbth-contact-from.placeholder-hide textarea:-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.fbth-custom-radio-checkbox input[type="checkbox"],
.fbth-custom-radio-checkbox input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
border-style: solid;
border-width: 0;
outline: none;
min-width: 1px;
width: 15px;
height: 15px;
background: #ddd;
padding: 3px;
}
.fbth-custom-radio-checkbox input[type="checkbox"]:before,
.fbth-custom-radio-checkbox input[type="radio"]:before {
content: "";
width: 100%;
height: 100%;
padding: 0;
margin: 0;
display: block;
}
.fbth-custom-radio-checkbox input[type="checkbox"]:checked:before,
.fbth-custom-radio-checkbox input[type="radio"]:checked:before {
background: #999;
transition: all 0.25s linear 0s;
-webkit-transition: all 0.25s linear 0s;
-moz-transition: all 0.25s linear 0s;
-ms-transition: all 0.25s linear 0s;
-o-transition: all 0.25s linear 0s;
}
.fbth-custom-radio-checkbox input[type="radio"] {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.fbth-custom-radio-checkbox input[type="radio"]:before {
border-radius: 50%;
}
.fbth--contactform-wraper .form-content-area h2 {
margin: 0px;
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 35px;
text-align: center;
color: #12141d;
margin-bottom: 15px;
}
.fbth--contactform-wraper .form-content-area p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: center;
color: rgba(18, 20, 29, 0.7);
}
.fbth--contactform-wraper .form-content-area {
padding-left: 100px;
padding-right: 100px;
margin-bottom: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.fbth--contactform-wraper .form-content-area {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 40px;
}
.menu-style-flyout .main-navigation ul.navbar-nav > li {
display: inline-block;
}
}
form.wpcf7-form .nice-select {
display: flex;
align-items: center;
}
form.wpcf7-form .nice-select .current {
color: var(--white-color);
overflow: hidden;
width: 100%;
font-size: 16px;
}
form.wpcf7-form input.wpcf7-form-control {
outline: 0px;
}
form.wpcf7-form .nice-select:after {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
height: 7px;
right: 20px;
width: 7px;
}
form.wpcf7-form .nice-select:after {
border-color: #fff;
right: 15px;
}
form.wpcf7-form .nice-select li.option {
color: #3f527a;
} .fbth-dual-button {
display: table;
}
.fbth-dual-button.fbth-dual-button-align-left {
margin-right: auto;
}
.fbth-dual-button.fbth-dual-button-align-center {
margin-left: auto;
margin-right: auto;
}
.fbth-dual-button.fbth-dual-button-align-right {
margin-left: auto;
}
.fbth-dual-button-action {
display: inline-block;
text-decoration: none;
}
.fbth-dual-button-primary {
position: relative;
}
.fbth-dual-button-wrapper {
display: flex;
align-items: center;
}
.fbth-dual-button-primary {
display: flex;
align-items: center;
}
.fbth-dual-button-secondary {
display: flex;
align-items: center;
}
.fbth-dual-button-connector {
position: absolute;
top: 50%;
right: 0;
transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
z-index: 10;
}
.fbth-dual-button-connector span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .fbth-dual-button-primary.effect-1,
.fbth-dual-button-secondary.effect-1,
.fbth-dual-button-primary.effect-2,
.fbth-dual-button-secondary.effect-2,
.fbth-dual-button-primary.effect-3,
.fbth-dual-button-secondary.effect-3,
.fbth-dual-button-primary.effect-4,
.fbth-dual-button-secondary.effect-4,
.fbth-dual-button-primary.effect-6,
.fbth-dual-button-secondary.effect-6 {
position: relative;
transition: all 0.3s ease;
}
.fbth-dual-button-primary.effect-1::before,
.fbth-dual-button-secondary.effect-1::before {
position: absolute;
content: "";
height: 100%;
width: 0;
top: 0;
left: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fbth-dual-button-primary.effect-1:hover,
.fbth-dual-button-secondary.effect-1:hover {
z-index: 1;
}
.fbth-dual-button-primary.effect-1:hover::before,
.fbth-dual-button-secondary.effect-1:hover::before {
width: 100%;
z-index: -1;
} .fbth-dual-button-primary.effect-2::before,
.fbth-dual-button-secondary.effect-2::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fbth-dual-button-primary.effect-2:hover,
.fbth-dual-button-secondary.effect-2:hover {
z-index: 1;
}
.fbth-dual-button-primary.effect-2:hover::before,
.fbth-dual-button-secondary.effect-2:hover::before {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: -1;
} .fbth-dual-button-primary.effect-3::before,
.fbth-dual-button-secondary.effect-3::before {
position: absolute;
content: "";
height: 0;
width: 100%;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fbth-dual-button-primary.effect-3:hover,
.fbth-dual-button-secondary.effect-3:hover {
z-index: 1;
}
.fbth-dual-button-primary.effect-3:hover::before,
.fbth-dual-button-secondary.effect-3:hover::before {
height: 100%;
z-index: -1;
} .fbth-dual-button-primary.effect-4::before,
.fbth-dual-button-secondary.effect-4::before {
position: absolute;
content: "";
top: 50%;
bottom: 50%;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fbth-dual-button-primary.effect-4:hover,
.fbth-dual-button-secondary.effect-4:hover {
z-index: 1;
}
.fbth-dual-button-primary.effect-4:hover::before,
.fbth-dual-button-secondary.effect-4:hover::before {
top: 0;
bottom: 0;
opacity: 1;
z-index: -1;
} .fbth-dual-button-primary.effect-5,
.fbth-dual-button-secondary.effect-5 {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
} .fbth-dual-button-primary.effect-6::before,
.fbth-dual-button-secondary.effect-6::before {
position: absolute;
content: "";
height: 100%;
width: 0;
top: 0;
right: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.fbth-dual-button-primary.effect-6:hover,
.fbth-dual-button-secondary.effect-6:hover {
z-index: 1;
}
.fbth-dual-button-primary.effect-6:hover::before,
.fbth-dual-button-secondary.effect-6:hover::before {
width: 100%;
z-index: -1;
}
.fbth-dual-button-secondary span {
transition: 0.03s;
}
.fbth-dual-button-primary span {
transition: 0.03s;
} .fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper {
padding: 5px;
}
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-description {
line-height: 26px;
margin: 30px 0 0 0;
padding: 10px;
font-weight: 400;
}
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-icon {
display: inline-block;
}
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-icon i {
font-size: 36px;
}
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-title {
font-size: 36px;
margin-top: 10px;
}
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-title {
font-size: 30px;
line-height: 0px;
color: #132c47;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-title .first-heading,
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-title .second-heading {
padding: 15px 10px;
}
.fbth-addons-dual-heading .fbth-addons-dual-heading-wrapper .fbth-addons-dual-heading-title span {
color: #132c47;
}
.fbth-dual-button-primary,
.fbth-dual-button-secondary {
font-weight: 700;
} ul.fbth-breadcrumbs {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
ul.fbth-breadcrumbs li {
display: inline-block;
margin-right: 15px;
}
ul.fbth-breadcrumbs li:last-fbth {
margin: 0;
}
ul.fbth-breadcrumbs li a,
ul.fbth-breadcrumbs li span.fbth-breadcrumbs-text,
ul.fbth-breadcrumbs li span.fbth-breadcrumbs-separator-icon {
display: block;
}
ul.fbth-breadcrumbs li span.fbth-breadcrumbs-text {
-webkit-transition: all 0.4s;
transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
}
span.fbth-breadcrumbs-home-icon {
margin-right: 10px;
} .morphext > .animated {
display: inline-block;
}
.fbth-animated-text-align-left {
text-align: left;
}
.fbth-animated-text-align-center {
text-align: center;
}
.fbth-animated-text-align-right {
text-align: right;
}
.fbth-typed-strings {
margin: 0;
}
.fbth-animated-text-pre-heading,
.fbth-animated-text-animated-heading,
.fbth-animated-text-post-heading {
font-size: 30px;
font-weight: 600;
} .fbth-pricing-list-wrapper.border_bottom .fbth-pricing-list-item:last-fbth {
border-bottom: none !important;
}
.fbth-pricing-list-item.yes {
display: flex;
}
.fbth-pricing-list-item-thumbnail {
overflow: hidden;
}
.fbth-pricing-list-item-thumbnail img {
height: 100% !important;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.fbth-pricing-title {
display: flex;
align-items: center;
}
.fbth-pricing-title .fbth-pricing-list-item-price {
margin-left: auto;
}
.fbth-addons-pricing-table-action .price_btn {
transition: all 0.4s ease-in-out;
}
.fbth-pricing-list-item-content-title {
display: flex;
font-size: 20px;
font-weight: bold;
}
.fbth-pricing-list-item-content-description {
margin: 0;
}
.fbth-pricing-list-item-price span {
display: block;
font-size: 20px;
line-height: 20px;
}
.fbth-pricing-list-item-content-action {
display: inline-block;
transition: all 0.3s ease;
}
.fbth-pricing-list-item-content-conntector {
border-bottom: 1px dashed;
height: 1px;
flex-grow: 1;
align-self: center;
margin: 0 15px;
}
ul.fbth-addons-pricing-table-features {
margin: 0;
padding: 0;
list-style: none;
}
.fbth-addons-pricing-table-price-subtitle {
display: inline-block;
}
.fbth-addons-pricing-table-action span {
display: inline-block;
}
a.fbth-addons-pricing-table-action .price_btn {
display: flex;
align-items: center;
}
a.fbth-addons-pricing-table-action {
align-items: center;
display: flex;
}  .left {
text-align: left;
}
.left .fbth-pricing-table-features li {
justify-content: flex-start;
}
.left .price-box {
margin-right: auto;
}
.center {
text-align: center;
}
.center.fbth-pricing-table-features li {
justify-content: center;
}
.center .price-box {
margin: 0 auto;
}
.right {
text-align: right;
}
.right .fbth-pricing-table-features li {
justify-content: flex-end;
}
.right .price-box {
margin-left: auto;
}
.fbth-pricing-table-header {
position: relative;
z-index: -1;
}
.fbth-pricing-table-header .fbth-pricing-table-header-curved svg {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
}
.fbth-pricing-table-title {
margin: 0 0 16px 0;
font-size: 20px;
font-weight: 400;
}
.fbth-pricing-table-subtitle {
margin: 0 0 10px 0;
}
.price-box {
position: relative;
}
.fbth-pricing-table-price {
position: relative;
}
.fbth-pricing-table-price.fbth-discount-price-yes {
display: inline-flex;
align-items: flex-end;
}
.fbth-pricing-table-price.fbth-discount-price-yes .fbth-pricing-table-regular-price {
text-decoration: line-through;
font-size: 20px;
color: #e5e5e5;
line-height: 2.1em;
}
.fbth-pricing-table-price svg {
position: absolute;
}
.fbth-pricing-table-wrapper .fbth-pricing-table-price p.fbth-pricing-table-new-price {
font-size: 48px;
font-weight: 600;
letter-spacing: -3.2px;
}
.fbth-pricing-table-wrapper .fbth-pricing-table-price span.fbth-price-period {
font-size: 20px;
font-weight: 600;
letter-spacing: 0px;
}
.fbth-pricing-table-price p {
margin: 0;
}
.price-box p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: 100%;
}
.fbth-pricing-table-features {
margin: 0;
padding: 0;
}
.fbth-pricing-table-features li {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0px;
}
.list-border-bottom li:not(:last-fbth) {
border-bottom: 1px solid #ff5985;
}
.fbth-pricing-table-features li .fbth-pricing-li-icon {
margin-right: 7px;
}
.fbth-pricing-table-action {
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
display: inline-block;
}
.fbth-pricing-table-badge-wrapper {
position: relative;
overflow: hidden;
z-index: 1;
transition: all 0.3s ease;
}
.fbth-pricing-table-wrapper {
transition: all 0.3s ease;
}
.fbth-pricing-table-wrapper.transition_top {
transition: all 0.3s ease;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.fbth-pricing-table-wrapper.transition_top:hover {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
.fbth-pricing-table-wrapper.transition_bottom {
transition: all 0.3s ease;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.fbth-pricing-table-wrapper.transition_bottom:hover {
transform: translateY(10px);
-webkit-transform: translateY(10px);
}
.fbth-pricing-table-wrapper.transition_zoom {
transition: all 0.3s ease;
transform: scale(1);
-webkit-transform: scale(1);
}
.fbth-pricing-table-wrapper.transition_zoom:hover {
transform: scale(1.02);
-webkit-transform: scale(1.02);
}
.fbth-pricing-table-wrapper .text-badge {
position: absolute;
top: 0;
right: 0;
background: #13c83a;
padding: 13px 50px;
width: 160px;
text-align: center;
-webkit-transform: rotate(45deg) translate(40px, -22px);
transform: rotate(45deg) translate(40px, -22px);
color: #ffffff;
font-size: 12px;
font-weight: bold;
z-index: 2;
}
.fbth-pricing-table-wrapper .icon-badge {
position: absolute;
padding: 15px 10px;
border-radius: 0 0 40px 40px;
background: #13c83a;
right: 30px;
top: 0;
z-index: 2;
}
.fbth-pricing-table-promo-label {
display: block;
}
.fbth-pricing-table-currency {
position: relative;
}
.fbth-pricing-table-price-subtitle {
display: block;
}
.fbth-pricing-area .fbth-pricing-item ul {
list-style: none;
padding: 0;
margin: 0;
}
.fbth-addons-pricing-table-features li {
display: flex;
align-items: flex-start;
} .left {
text-align: left;
}
.left .fbth-pricing-table-features li {
justify-content: flex-start;
}
.left .price-box {
margin-right: auto;
}
.center {
text-align: center;
}
.center.fbth-pricing-table-features li {
justify-content: center;
}
.center .price-box {
margin: 0 auto;
}
.right {
text-align: right;
}
.right .fbth-pricing-table-features li {
justify-content: flex-end;
}
.fbth-pricing-table-features li:last-fbth {
padding-bottom: 0px !important;
}
.right .price-box {
margin-left: auto;
}
.fbth-pricing-table-header {
position: relative;
z-index: -1;
}
.fbth-pricing-table-header .fbth-pricing-table-header-curved svg {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
}
.fbth-pricing-table-title {
margin: 0 0 16px 0;
font-size: 20px;
font-weight: 400;
}
.fbth-pricing-table-subtitle {
margin: 0 0 10px 0;
}
.fbth-pricing-features ul li {
display: flex;
align-items: start;
}
.price-box {
position: relative;
}
.fbth-pricing-table-price {
position: relative;
}
.fbth-pricing-table-price.fbth-discount-price-yes {
display: inline-flex;
align-items: flex-end;
}
.fbth-pricing-table-price.fbth-discount-price-yes .fbth-pricing-table-regular-price {
text-decoration: line-through;
font-size: 20px;
color: #e5e5e5;
line-height: 2.1em;
}
.fbth-pricing-table-price svg {
position: absolute;
}
.fbth-pricing-table-wrapper .fbth-pricing-table-price p.fbth-pricing-table-new-price {
font-size: 48px;
font-weight: 600;
letter-spacing: -3.2px;
}
.fbth-pricing-table-wrapper .fbth-pricing-table-price span.fbth-price-period {
font-size: 20px;
font-weight: 600;
letter-spacing: 0px;
}
.fbth-pricing-table-price p {
margin: 0;
}
.price-box p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: 100%;
}
.fbth-pricing-table-features {
margin: 0;
padding: 0;
}
.fbth-pricing-table-features li {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0px;
}
.list-border-bottom li:not(:last-fbth) {
border-bottom: 1px solid #ff5985;
}
.fbth-pricing-table-features li .fbth-pricing-li-icon {
margin-right: 7px;
}
.fbth-pricing-table-action {
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.fbth-pricing-table-badge-wrapper {
position: relative;
overflow: hidden;
z-index: 1;
transition: all 0.3s ease;
}
.fbth-pricing-table-wrapper {
transition: all 0.3s ease;
}
.fbth-pricing-table-wrapper.transition_top {
transition: all 0.3s ease;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.fbth-pricing-table-wrapper.transition_top:hover {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
.fbth-pricing-table-wrapper.transition_bottom {
transition: all 0.3s ease;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.fbth-pricing-table-wrapper.transition_bottom:hover {
transform: translateY(10px);
-webkit-transform: translateY(10px);
}
.fbth-pricing-table-wrapper.transition_zoom {
transition: all 0.3s ease;
transform: scale(1);
-webkit-transform: scale(1);
}
.fbth-pricing-table-wrapper.transition_zoom:hover {
transform: scale(1.02);
-webkit-transform: scale(1.02);
}
.fbth-pricing-table-wrapper .text-badge {
position: absolute;
top: 0;
right: 0;
background: #13c83a;
padding: 13px 50px;
width: 160px;
text-align: center;
-webkit-transform: rotate(45deg) translate(40px, -22px);
transform: rotate(45deg) translate(40px, -22px);
color: #ffffff;
font-size: 12px;
font-weight: bold;
z-index: 2;
}
.fbth-pricing-table-wrapper .icon-badge {
position: absolute;
padding: 15px 10px;
border-radius: 0 0 40px 40px;
background: #13c83a;
right: 30px;
top: 0;
z-index: 2;
}
.fbth-pricing-table-promo-label {
display: block;
}
.fbth-pricing-table-currency {
position: relative;
}
.fbth-pricing-table-price-subtitle {
display: block;
}
.fbth-pricing-area .fbth-pricing-item ul {
list-style: none;
padding: 0;
margin: 0;
}
a.fbth-btn.yearly-btn {
display: none;
}
[data-value-active="yearly"] a.fbth-btn.yearly-btn {
display: inline-flex;
}
[data-value-active="yearly"] a.fbth-btn.monthly-btn {
display: none;
}
.fbth-pricing-area .fbth-pricing-item {
border: 1px solid #e7e9ed;
color: var(--text-color);
padding: 35px 50px 35px;
background-color: #ffffff;
border-radius: 10px;
position: relative;
}
.fbth-pricing-area .fbth-pricing-title {
display: block;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.63px;
color: var(--accent-color);
text-transform: uppercase;
margin-bottom: 24px;
}
div#pricing-dynamic-deck--head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fbth-pricing-area .fbth-pricing-features {
margin-bottom: 30px;
color: var(--text-color);
font-size: 17px;
font-weight: 300;
letter-spacing: -0.2px;
line-height: 29px;
}
.fbth-pricing-features img {
margin-right: 10px;
}
.fbth-pricing-area .fbth-pricing-features p {
margin-bottom: 15px;
}
.fbth-pricing-area .fbth-pricing-item .fbth-price h2 {
font-size: 60px;
color: var(--heading-color);
font-weight: 700;
letter-spacing: -2px;
display: inline-block;
margin: 0px;
}
.fbth-pricing-area .fbth-pricing-item .fbth-price {
font-weight: 400;
}
.fbth-pricing-area .fbth-price.fbth-price-yearly {
display: none;
}
.fbth-pricing-item span.price-currency {
font-size: 24px;
letter-spacing: -0.8px;
}
.fbth-pricing-item a.fbth-btn.btn-type-boxed {
background-color: rgb(71 59 240 / 0.08);
color: var(--accent-color);
font-size: 17px;
font-weight: 700;
letter-spacing: -0.6px;
padding: 19.5px 20px;
line-height: 1;
border-radius: 8px;
}
.fbth-pricing-item a.fbth-btn.btn-type-boxed i {
margin-left: 40px;
}
.fbth-pricing-item a.fbth-btn.btn-type-boxed:hover {
-webkit-transform: translatey(-8px);
transform: translatey(-8px);
-moz-transform: translatey(-8px);
-ms-transform: translatey(-8px);
-o-transform: translatey(-8px);
}
.fbth-pricing-item.focused {
z-index: 1;
}
.fbth-price-wrap span.price-subtitle.dynamic-value {
color: var(--text-color);
font-size: 15px;
font-weight: 400;
letter-spacing: -0.1px;
line-height: 26px;
display: block;
}
.fbth-pricing-area .fbth-pricing-tabs {
color: var(--heading-color);
font-size: 19px;
letter-spacing: -0.2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 55px;
flex-wrap: wrap;
}
span.fbth-price-offer {
font-size: 13px;
color: var(--accent-color);
font-weight: 700;
letter-spacing: 1.63px;
line-height: inherit;
background-color: rgb(71 59 240 / 0.1);
padding: 0.5px 13px;
border-radius: 30px;
margin-left: 0px;
text-transform: uppercase;
}
#pricing-dynamic-deck--head .btn-toggle.active {
background-color: rgb(22 28 45 / 0.15);
}
#pricing-dynamic-deck--head .btn-toggle {
width: 70px;
height: 33px;
border-radius: 17px;
position: relative;
display: inline-block;
margin: 0;
}
#pricing-dynamic-deck--head .btn-toggle.active span {
right: calc(100% - 27px);
}
#pricing-dynamic-deck--head .btn-toggle span {
width: 20px;
height: 20px;
background-color: #ffffff;
position: absolute;
right: 7px;
margin-left: 6px;
top: 50%;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
border-radius: 500px;
pointer-events: none;
}
.fbth-pricing-duration {
color: var(--heading-color);
font-size: 17px;
letter-spacing: -0.09px;
line-height: 29px;
margin-top: 15px;
}
.fbth-pricing-area .fbth-pricing-features strong {
color: #161c2d;
}
.fbth-pricing-tabs.style-2 .fbth-pricing-tab {
border-radius: 22px;
border: 1px solid #e5e5e5;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.fbth-pricing-tabs.style-2 .fbth-pricing-tab a {
color: #666666;
font-size: 13px;
border-radius: 17px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-align: center;
text-transform: uppercase;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
-ms-border-radius: 17px;
-o-border-radius: 17px;
}
.fbth-pricing-tabs.style-2 .fbth-pricing-tab a.active {
background-color: var(--accent-color);
color: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.fbth-pricing-tabs.style-2 {
position: relative;
}
.fbth-btn-wrapper .fbth-btn {
display: flex;
align-items: center;
justify-content: center;
} [data-pricing-dynamic][data-value-active="yearly"] .dynamic-value:after {
display: inline-block;
content: attr(data-yearly);
}
[data-pricing-dynamic][data-value-active="monthly"] .dynamic-value:after {
display: inline;
content: attr(data-monthly);
}
.dynamic-value:after {
display: inline-block;
content: attr(data-active);
}
.static-value:before {
display: inline-block;
content: attr(data-active);
}
.fbth-price-wrap span.fbth-pricing-badge {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
width: 100%;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
} .pricing-table {
width: 100%;
border: none;
}
.fbth-pricing-item .fbth-btn-wrapper {
display: flex;
} .heading-top {
width: 100%;
}
.pricing-table td.pricing-list:last-fbth {
border-right: 1px solid transparent;
}
tr.pricing-feature.table-main-title:first-fbth .pricing-list-heading,
tr.pricing-feature.table-main-title:first-fbth td {
border-right: 1px solid transparent;
padding-top: 0 !important;
}
@media only screen and (min-width: 1000px) {
tr.pricing-header th.pricing-heading:first-fbth {
width: 500px !important;
}
}
@media only screen and (max-width: 767px) {
.pricing-table,
.pricing-table th,
.pricing-table td,
.pricing-table tr,
.pricing-table tbody {
display: block;
width: 100%;
text-align: left;
border-right: 1px solid transparent;
}
.pricing-table th,
.pricing-table td {
position: relative;
text-align: right;
border-right: 1px solid transparent !important;
}
.pricing-table th:before,
.pricing-table td:before {
position: absolute;
content: attr(data-label);
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.heading-top {
width: 100%;
display: inline-block;
}
.table-main-title th {
text-align: left;
}
.table-main-title td {
display: none;
}
tr.pricing-header th.pricing-heading:first-fbth {
width: auto !important;
}
.heading-wrapper {
display: flex !important;
justify-content: space-between;
}
.heading-empty {
display: none !important;
}
.elementor-1630 .elementor-element.elementor-element-d31a103 .pricing-heading {
width: 25%;
}
.pricing-header h3 {
font-size: 12px;
line-height: 20px;
}
} .ldBar {
position: relative;
}
.ldBar.label-center > .ldBar-label {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-shadow: 0 0 3px #ffffff;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.fbth-progress-bar .ldBar-label:after {
content: "%";
display: inline;
position: absolute;
}
.ldBar.no-percent .ldBar-label:after {
content: "";
}
[class*="fbth-progress-bar-"].line {
position: relative;
}
[class*="fbth-progress-bar-"].line .ldBar-label {
position: absolute;
top: -12px;
right: 0;
}
[class*="fbth-progress-bar-"].line-bubble {
position: relative;
}
[class*="fbth-progress-bar-"].line-bubble .ldBar-label {
position: absolute;
left: 0;
top: 0%;
width: 50px;
height: 50px;
-webkit-transform: translate(-50%, 25%);
transform: translate(-50%, 25%);
background-color: #ccc;
line-height: 27px;
}
[class*="fbth-progress-bar-"].circle {
position: relative;
}
[class*="fbth-progress-bar-"].circle .ldBar-label {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[class*="fbth-progress-bar-"].circle h3 {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[class*="fbth-progress-bar-"].fan {
position: relative;
}
[class*="fbth-progress-bar-"].fan svg {
margin-top: -40%;
}
[class*="fbth-progress-bar-"].fan h3 {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[class*="fbth-progress-bar-"].fan .ldBar-label {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -20%);
transform: translate(-50%, -20%);
font-size: 30px;
bottom: 7%;
}
[class*="fbth-progress-bar-"].fan .left-title {
position: absolute;
left: 0;
bottom: -10px;
}
[class*="fbth-progress-bar-"].fan .right-title {
position: absolute;
bottom: -10px;
right: 0;
}
.fbth-progress-bar svg:not(:root) {
overflow: hidden;
height: inherit;
}
.fbth-progress-bar-title {
font-size: 16px;
font-weight: 600;
} .navbar.menu-style-flyout.mobile-menu-style-2 .navbar-inner {
right: auto;
left: 0;
transform: translatex(calc(-1 * (-20px + 100%)));
width: 300px;
max-width: 100%;
padding: 0 20px;
}
.mobile-menu-style-2 .main-navigation {
padding: 0;
}
.offcanvas--open #page:before {
visibility: visible;
opacity: 0.7;
}
.menu-style-flyout.mobile-menu-style-2.navbar.active .navbar-inner {
transform: translatex(0);
} .mobile-menu-style-3.menu-style-flyout .navbar-inner {
position: absolute;
height: fit-content;
top: 100%;
transform: translate(0) scaley(0);
transition: all 0.4s;
transform-origin: top;
padding: 26px 0;
}
.mobile-menu-style-4 a.fbth-menu-logo {
width: 100px;
height: 40px;
background-size: contain;
position: absolute;
top: 30px;
display: inline-block;
z-index: 9;
left: 51px;
}
.admin-bar .mobile-menu-style-4 a.fbth-menu-logo {
top: 60px;
}
.menu-style-flyout .navbar-toggler-icon {
color: var(--heading-color);
}
@media only screen and (min-width: 1025px) {
.menu-item-has-children.fbth-mega-menu {
position: relative;
}
.sub-menu li a:after {
display: none;
}
.menu-item-has-children:hover > a:after {
opacity: 1;
}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
.fbth-header-buttons {
display: none !important;
}
} .fbth-modal-button .fbth-modal-image-action {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: all 0.3s ease;
position: relative;
text-align: center;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.top-to-middle {
-webkit-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.fbth-modal-item.modal-vimeo.bottom-to-middle {
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
-o-transform: translate(-50%, -30%);
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.fbth-modal-item.active.modal-vimeo.bottom-to-middle {
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.fbth-modal-item.modal-vimeo.right-to-middle {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate(-30%, -50%);
transform: translate(-30%, -50%);
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.fbth-modal-item.active.modal-vimeo.right-to-middle {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999;
}
.fbth-modal-item.modal-vimeo.left-to-middle {
-webkit-transform: translate(-70%, -50%);
transform: translate(-70%, -50%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fbth-modal-item.active.modal-vimeo.left-to-middle {
z-index: 9999;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fbth-modal-item.modal-vimeo.zoom-in {
-webkit-transform: translate(-50%, -50%) scale(0.5);
transform: translate(-50%, -50%) scale(0.5);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fbth-modal-item.active.modal-vimeo.zoom-in {
z-index: 9999;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.fbth-modal-item.modal-vimeo.zoom-out {
-webkit-transform: translate(-50%, -50%) scale(1.5);
transform: translate(-50%, -50%) scale(1.5);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.fbth-modal-item.active.modal-vimeo.zoom-out {
z-index: 9999;
display: block;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.fbth-modal-item.modal-vimeo.left-rotate {
opacity: 0;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translate(-50%, -50%) rotateX(90deg);
transform: translate(-50%, -50%) rotateX(90deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.fbth-modal-item.active.modal-vimeo.left-rotate {
opacity: 1;
z-index: 9999;
-webkit-transform: translate(-50%, -50%) rotateX(0);
transform: translate(-50%, -50%) rotateX(0);
}
.fbth-modal-item.modal-vimeo .fbth-modal-content .fbth-close-btn {
position: absolute;
top: -40px;
right: -40px;
cursor: pointer;
height: 40px;
width: 40px;
border-radius: 50%;
}
.fbth-modal-item.modal-vimeo .fbth-modal-content .fbth-close-btn span {
display: block;
height: 100%;
width: 100%;
position: absolute;
}
.fbth-modal-item.modal-vimeo .fbth-modal-content .fbth-close-btn span::before {
content: "";
position: absolute;
height: 2px;
width: 20px;
background: #fff;
transform: translate(-50%, -50%) rotate(45deg);
top: 50%;
left: 50%;
}
.fbth-modal-item.modal-vimeo .fbth-modal-content .fbth-close-btn span::after {
content: "";
position: absolute;
height: 20px;
width: 2px;
background: #fff;
transform: translate(-50%, -50%) rotate(45deg);
top: 50%;
left: 50%;
}
.fbth-modal-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease;
display: none;
}
.fbth-modal-overlay.active {
opacity: 1;
z-index: 1000;
display: block;
transition: all 0.3s ease;
}
.fbth-modal-item.image-gallery .fbth-modal-element {
display: flex;
flex-wrap: wrap;
}
.fbth-modal-item.image-gallery .fbth-modal-element.column-one .fbth-modal-element-card {
width: 100%;
}
.fbth-modal-item.image-gallery .fbth-modal-element.column-two .fbth-modal-element-card {
width: 50%;
}
.fbth-modal-item.image-gallery .fbth-modal-element.column-three .fbth-modal-element-card {
width: 33.33%;
}
.fbth-modal-item.image-gallery .fbth-modal-element.column-four .fbth-modal-element-card {
width: 25%;
}
.fbth-modal-item.image-gallery .fbth-modal-element.column-five .fbth-modal-element-card {
width: 20%;
}
.fbth-modal-item.image-gallery .fbth-modal-element.column-six .fbth-modal-element-card {
width: 16.66%;
}
.fbth-modal-item {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.fbth-modal-item.modal-vimeo {
opacity: 0;
-webkit-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
height: auto;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
visibility: hidden;
}
@media (max-width: 991px) {
.fbth-modal-item.modal-vimeo {
height: 100%;
}
.fbth-modal-item.modal-vimeo::-webkit-scrollbar {
display: none;
}
}
.fbth-modal-item.modal-vimeo .fbth-modal-content .fbth-modal-element img {
display: block;
width: 100%;
}
.fbth-modal-item.modal-vimeo
.fbth-modal-content
.fbth-modal-element
.fbth-modal-element-card
.fbth-modal-element-card-body
p {
margin: 0;
}
.fbth-modal-item.modal-vimeo .fbth-modal-content .fbth-modal-element .fbth-modal-element-card img {
display: block;
width: 100%;
}
.fbth-modal-item.modal-vimeo .fbth-modal-content {
position: relative;
}
.fbth-modal-item .fbth-modal-content .fbth-modal-element iframe {
display: block;
height: 100%;
width: 100%;
}
.fbth-modal-item.active.modal-vimeo {
opacity: 1;
z-index: 2000;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: visible;
}
.fbth-modal-wrapper .fbth-modal-item.fbth-content-overflow-x- {
overflow-x: hidden;
}
.fbth-modal-wrapper .fbth-modal-item.fbth-content-overflow-y- {
overflow-y: scroll;
}
.fbth-modal-wrapper .fbth-modal-btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
.fbth-video-btn {
display: inline-block;
transition: 0.4s;
} .fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title {
position: relative;
display: flex;
overflow: hidden;
align-items: center;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title h3 {
width: 100%;
font-size: 15px;
}
.fbth-accordion-single-item h3 {
font-weight: 600;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title:hover {
cursor: pointer;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title .fbth-active-inactive-icon.right {
position: relative;
margin-left: 15px;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title span.fbth-tab-title-icon {
position: relative;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title .fbth-active-icon.right i,
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title .fbth-inactive-icon.right i,
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title span.fbth-tab-title-icon.right i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title .fbth-active-icon.right svg,
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title .fbth-inactive-icon.right svg,
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title span.fbth-tab-title-icon.right svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title.active .fbth-inactive-icon,
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title .fbth-active-icon {
display: none;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title.active .fbth-active-icon {
display: block;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-content {
display: none;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-title .fbth-active-inactive-icon.right {
width: 70px;
margin-left: auto;
}
.fbth-active-inactive-icon.left {
width: 5%;
}
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-content .fbth-accordion-content-wrapper {
display: flex;
}
.fbth-accordion-items
.fbth-accordion-single-item
.fbth-accordion-content
.fbth-accordion-content-wrapper.has-image-yes
.fbth-accordion-text {
width: 60%;
}
.fbth-accordion-items
.fbth-accordion-single-item
.fbth-accordion-content
.fbth-accordion-content-wrapper.has-image-yes
.fbth-accordion-image {
width: 40%;
}
.fbth-accordion-items
.fbth-accordion-single-item
.fbth-accordion-content
.fbth-accordion-content-wrapper.has-image-yes.image-position-left
.fbth-accordion-text {
order: 2;
}
.fbth-accordion-items
.fbth-accordion-single-item
.fbth-accordion-content
.fbth-accordion-content-wrapper.has-image-yes.image-position-left
.fbth-accordion-image {
order: 1;
}
.fbth-accordion-items
.fbth-accordion-single-item
.fbth-accordion-content
.fbth-accordion-content-wrapper
.fbth-accordion-button
a {
display: inline-block;
}
@media only screen and (max-width: 767px) {
.fbth-accordion-items .fbth-accordion-single-item .fbth-accordion-content .fbth-accordion-content-wrapper {
flex-direction: column;
}
.fbth-accordion-items
.fbth-accordion-single-item
.fbth-accordion-content
.fbth-accordion-content-wrapper.has-image-yes
.fbth-accordion-text,
.fbth-accordion-items
.fbth-accordion-single-item
.fbth-accordion-content
.fbth-accordion-content-wrapper.has-image-yes
.fbth-accordion-image {
width: 100%;
}
}
.fbth-accordion-items .fbth-accordion-single-item:last-fbth {
border-bottom: 0 !important;
}
.fbth-accordion-number span {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background-color: #222;
margin: 10px;
border-radius: 50%;
color: #fff;
} .fbth-search-form-container {
display: flex;
overflow: hidden;
}
.fbth-search-button-wrapper input[type="search"] {
border: 0;
padding: 10px;
cursor: pointer;
border-radius: 0;
transition: all 0.5s;
box-sizing: border-box;
outline: none;
}
.fbth-search-button-wrapper button {
border: none;
border-radius: 0;
padding: 0;
}
.fbth-search-button-wrapper input[type="search"]:focus {
cursor: auto;
border: none;
box-shadow: none;
}
.fbth-search-icon-toggle input:-moz-placeholder,
.fbth-search-icon-toggle input::-webkit-input-placeholder {
color: transparent;
}
.fbth-search-button-wrapper.fbth-input-focus {
display: flex;
}
.fbth-search-form-container .fbth-search-submit {
min-width: 3%;
position: relative;
}
.fbth-search-form-container button#clear,
.fbth-search-icon-toggle button#clear {
visibility: hidden;
position: absolute;
right: 0;
top: 0;
padding: 0 8px;
font-style: normal;
user-select: none;
cursor: pointer;
bottom: 0;
margin-right: 10px;
background-color: transparent;
}
.fbth-search-button-wrapper input[type="search"]::-webkit-search-decoration,
.fbth-search-button-wrapper input[type="search"]::-webkit-search-cancel-button,
.fbth-search-button-wrapper input[type="search"]::-webkit-search-results-button,
.fbth-search-button-wrapper input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.fbth-search-form-container button#clear-with-button {
visibility: hidden;
position: absolute;
top: 0;
padding: 0 8px;
font-style: normal;
font-size: 1.2em;
user-select: none;
cursor: pointer;
bottom: 0;
background-color: transparent;
}
.fbth-search-button-wrapper,
.fbth-search-form-container,
.fbth-search-icon-toggle,
.fbth-search-button-wrapper .fbth-search-icon-toggle i,
.fbth-search-button-wrapper .fbth-search-icon-toggle i:before {
position: relative;
}
.fbth-search-button-wrapper .fbth-search-icon-toggle .fbth-search-form-input {
position: absolute;
width: 0;
right: 0;
background-color: transparent;
}
.fbth-search-icon-toggle {
width: 100% !important;
}
.fbth-search-button-wrapper.fbth-input-focus .fbth-search-icon-toggle .fbth-search-form-input {
position: absolute;
width: 250px;
right: 0;
}
.fbth-search-type-text .fbth-search-form-container,
.fbth-search-type-icon_text .fbth-search-form-container,
.fbth-search-type-text .fbth-search-form-container .fbth-search-form-input,
.fbth-search-type-icon_text .fbth-search-form-container .fbth-search-form-input {
width: 100%;
}
.fbth-search-icon-toggle {
line-height: 1.5;
}
.fbth-search-button-wrapper {
display: none;
}
#search_icon i {
cursor: pointer;
}
#search_icon {
display: flex;
}
.search-main-wrapper.cross-menu #search_icon {
display: none;
}
.fbth-search-overly {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease;
display: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.fbth-search-overly.search-body-bg {
opacity: 1;
z-index: 2;
display: block;
transition: all 0.3s ease;
}
.cross-icon {
display: none;
}
.cross-menu .cross-icon {
display: block;
}
#cross_icon {
position: fixed;
right: 23%;
top: 32%;
z-index: 99;
}
#cross_icon i {
font-size: 20px;
color: #fff;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
form.fbth-search-button-wrapper.fbth-search-type-text {
position: fixed;
width: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
}
form.fbth-search-button-wrapper {
z-index: 99;
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
form.fbth-search-button-wrapper.fbth-search-type-text {
width: 90%;
}
} .fbth-testimonial__name h4.fbth-testimonial__decription {
margin: 0px;
}
.fbth-testimonial__position p.fbth-testimonial__decription {
margin: 0px;
}
.fbth-testimonial__position p {
margin: 0px;
}
.fbth-testimonial__single {
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
}
.fbth-testimonial-slider-arrow {
position: absolute;
width: 100%;
}
.fbth-testimonial:focus {
outline: none;
box-shadow: none;
}
.fbth-testimonial ul.fbth-testimonial-slider-dot-list {
margin-top: 25px;
text-align: center;
display: flex;
justify-content: center;
}
.fbth-testimonial ul.fbth-testimonial-slider-dot-list {
list-style: none;
left: 0;
bottom: 0;
margin-bottom: 0px;
padding: 0;
position: absolute;
left: 40px;
}
.fbth-testimonial ul.fbth-testimonial-slider-dot-list li.slick-active {
width: 10px !important;
height: 10px !important;
background: #2c4bff !important;
opacity: 1;
transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
}
.fbth-testimonial ul.fbth-testimonial-slider-dot-list li {
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 4px;
background: #1e3d59;
cursor: pointer;
}
.fbth-testimonial ul.fbth-testimonial-slider-dot-list li button {
display: none;
}
.fbth-testimonial__name p {
margin-bottom: 0px;
}
@media (min-width: 1200px) {
.fbth-testimonial ul.fbth-testimonial-slider-dot-list {
margin-top: 40px;
}
} .fbth-testimonial-slider-arrow .slick-prev:before,
.fbth-testimonial-slider-arrow .slick-next:before {
display: none;
}
.fbth-testimonial-slider-arrow.slick-active {
color: #1d263a;
}
.fbth-testimonial-slider-arrow .prev {
position: absolute;
left: 0;
bottom: 0px;
}
.fbth-testimonial-slider-arrow .next {
position: absolute;
right: 0;
bottom: 0px;
}
.fbth-testimonial-slider-arrow .slick-active {
background: #2c4bff;
color: #fff;
}
.fbth-testimonial-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 20px;
color: #1d263a;
cursor: pointer;
height: 50px;
width: 50px;
background: rgba(44, 71, 255, 0.6);
text-align: center;
display: inline-block;
padding: 0;
}
.fbth-testimonial-slider-arrow button:hover {
background-color: #1d263a;
color: #fff;
} .fbth-testimonial .style-one .col-xl-4:last-fbth .fbth-testimonial__single {
border-right: 0 !important;
border-bottom: 0 !important;
}
.fbth-testimonial-v3-slider .fbth-testimonial__meta-content {
display: flex;
flex-wrap: wrap;
}
.fbth-testimonial-v3-slider .testimonial-content {
width: 75%;
}
.fbth-testimonial-v3-slider .user-image {
width: 25%;
}
.fbth-testimonial-v3-slider .user-identity {
display: flex;
flex-wrap: wrap;
}
p.tm-bottom-text {
margin-bottom: 0px;
}
.testimonial-two-top-meta .right-content {
margin-left: 55px;
margin-bottom: 23px;
}
.fbth-testimonial__single.style-eight p.fbth-testimonial__decription.fbth-size-default {
text-align: center;
}
.fbth-testimonial__single.style-eight .fbth-testimonial__meta-content {
justify-content: center;
} .fbth-main-menu-wrap .navbar-inner {
display: flex;
flex: 0 0 100%;
align-items: center;
}
.fbth-main-menu-wrap .fbth-header-buttons {
min-width: fit-content;
display: flex;
align-items: center;
} .fbth-tab-content-single {
display: none;
}
.fbth-tab-content-single.current {
display: block;
}
.fbth--tab-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.fbth--tab-menu ul li {
display: flex;
color: rgba(0, 0, 0);
font-size: 18px;
line-height: 30px;
transition: 0.4s;
padding: 15px;
font-weight: 600;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
cursor: pointer;
}
.fbth-tab-icon {
margin-right: 10px;
color: rgba(0, 0, 0);
}
.fbth--tab-menu ul li:last-fbth {
margin-bottom: 0px !important;
}
.fbth--tab-menu ul li.current,
.fbth--tab-menu ul li:hover {
color: #2b59ff;
border-radius: 10px;
}
.fbth--tab-menu ul li.current .fbth-tab-icon,
.fbth--tab-menu ul li:hover .fbth-tab-icon {
color: #ff5722;
transition: 0.4s ease-in-out;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
}
.fbth-tab-icon {
margin-right: 10px;
}
.fbth--tab-content h2 {
font-size: 60px;
line-height: 1.1;
color: rgba(0, 0, 0);
margin-bottom: 60px;
font-weight: 400;
letter-spacing: -2px;
}
.fadeInUp {
animation-name: fadeInUp;
}
.fbth--tab-content h3 {
color: #000;
font-weight: 600;
line-height: 34px;
font-size: 21px;
margin-bottom: 23px;
}
.fbth--tab-content p {
font-size: 18px;
line-height: 30px;
color: rgba(0, 0, 0);
margin-bottom: 0px;
} .style-two.fbth--tab-menu ul li {
margin: 0;
}
.fbth--tab-menu.style-two ul {
display: flex;
justify-content: space-between;
border-bottom: 2px solid #8650e1;
}
.fbth--tab-menu.style-two ul li {
background-color: transparent;
font-size: 18px;
font-weight: 600;
line-height: 30px;
border-radius: 0;
}
.fbth--tab-menu.style-two ul li.current,
.fbth--tab-menu.style-two ul li:hover {
color: #f166;
}
.fbth--tab-menu.style-two ul li.current {
border-bottom: 2px solid #f166;
}
.fbth--tab-menu.style-two ul li {
border-bottom: 2px solid transparent;
}
.fbth--tab-menu.style-two {
margin-bottom: 120px;
}
.fbth-tab-big-heading h2 {
font-size: 58px;
color: #000;
line-height: 70px;
letter-spacing: -2px;
margin-bottom: 58px;
}
.style-two .fbth--tab-content {
display: flex;
margin-bottom: 27px;
}
.style-two .fbth-tab-icon {
width: 70px;
height: 70px;
line-height: 70px;
background: #ff8d52;
text-align: center;
border-radius: 50%;
color: #000;
font-size: 30px;
margin-right: 27px;
flex: 0 0 70px;
}
.style-two .fbth-tab-icon svg {
max-width: 100%;
width: 40px;
}
.fbth--tab-content:last-fbth {
margin-bottom: 0;
}
.fbth--tab-content:last-fbth .fbth-tab-icon {
background: #15cda8;
}
.fbth--tab-content .fbth-icon-content h3 {
font-size: 21px;
margin-bottom: 8px;
line-height: 34px;
font-weight: 600;
}
.fbth-icon-content p {
font-size: 16px;
}
.fbth-tab-content-iconbox {
margin: 0px 50px;
}
.style-two .fbth-icon-content {
flex: 0 0 64%;
} .fbt-tab-content-single {
display: none;
}
.fbth-tab-content-single.current {
display: block;
position: relative;
}
.fbth--tab-menu ul.tabs {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: space-between;
width: 856px;
border-bottom: 2px solid rgb(0 28 128 / 20%);
flex-wrap: wrap;
}
.fbth--tab-menu ul.tabs > li {
display: inline-flex;
font-style: normal;
font-weight: 1.3;
font-size: 20px;
color: #2b59ff;
position: relative;
padding: 20px 0;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
transition: 0.3s;
cursor: pointer;
}
.fbth--tab-menu ul.tabs > li .fbth-tab-icon {
margin-right: 8px;
font-size: 18px;
width: 18px;
}
.fbth--tab-menu {
text-align: center;
}
.fbth--tab-menu ul.tabs > li.current {
border-color: #ddd;
color: #000;
}
.fbth-elm-edit-popup .mfp-content {
max-width: 80vw;
max-height: 80vh;
}
.fbth-elm-edit-wrap {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
border: 1px solid #ffa500d9;
transition: 0.3s;
}
a.fbth-elm-edit {
transform: translatey(-100%);
background: #ffa500d9;
color: #fff;
padding: 0 13px;
}
.toggle-password {
cursor: pointer;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
color: rgba(73, 100, 136, 0.5);
} ul.brand-slick-slide-dot-list {
display: flex;
}
ul.brand-slick-slide-dot-list li {
display: inline-block;
margin: 0 5px;
width: 8px;
height: 8px;
background: #432cf3;
border-radius: 50%;
cursor: pointer;
}
ul.brand-slick-slide-dot-list li button {
display: none;
}
ul.brand-slick-slide-dot-list li.slick-active {
transition: 0.5s;
} .sticky-wrapper {
width: 100%;
}
.sticky-wrapper.is-sticky > .sticky-header {
position: absolute;
opacity: 0;
transform: translateY(-50%);
}
.sticky-wrapper.is-sticky > .sticky-header.reveal-header {
position: fixed;
width: 100%;
left: 0;
opacity: 1;
transform: translate(0px);
transition: all 0.3s;
background-color: #fff;
box-shadow: 0px 12px 24px 0px rgb(0 0 0 / 14%);
}
.sticky-wrapper.is-sticky > .sticky-header.reveal-header.sticky-shadow-off {
box-shadow: unset;
} .brand-slider-arrow .brand-slick-prev:before,
.brand-slider-arrow .brand-slick-next:before {
display: none;
}
.brand-slider-arrow.slick-active {
color: #1d263a;
}
.brand-slider-arrow .prev {
position: absolute;
left: 0;
bottom: 0px;
}
.brand-slider-arrow .next {
position: absolute;
right: 0;
bottom: 0px;
}
.brand-slider-arrow .slick-active {
background: #2c4bff;
color: #fff;
}
.brand-slider-arrow button {
transition: all 0.4s ease-in-out;
font-size: 20px;
color: #1d263a;
cursor: pointer;
height: 50px;
width: 50px;
background: rgba(44, 71, 255, 0.6);
text-align: center;
display: inline-block;
padding: 0;
}
.brand-slider-arrow button:hover {
background-color: #1d263a;
color: #fff;
} .fbth-left {
text-align: left;
}
.fbth-left .fbth-team-member-thumb {
margin-right: auto;
}
.fbth-center {
text-align: center;
}
.fbth-center .fbth-team-member-thumb {
margin: 0 auto;
}
.fbth-right {
text-align: right;
}
.fbth-right .fbth-team-member-thumb {
margin-left: auto;
}
.fbth-top-background {
clear: both;
}
.fbth-team-item .fbth-team-member.fbth-position-left,
.fbth-team-item .fbth-team-member.fbth-position-right {
display: flex;
}
.fbth-position-left .fbth-team-member-thumb {
width: 50%;
}
.fbth-position-right .fbth-team-member-thumb {
width: 50%;
order: 2;
}
.fbth-position-right .fbth-team-member-content {
order: 1;
}
.fbth-team-item .fbth-team-member.fbth-position-left .fbth-team-member-thumb img,
.fbth-team-item .fbth-team-member.fbth-position-right .fbth-team-member-thumb img {
height: 100%;
object-fit: cover;
}
.fbth-team-member-thumb {
overflow: hidden;
}
.elementor .fbth-team-member-thumb img {
height: 100%;
width: 100%;
transition: all 0.5s;
}
.fbth-team-member-cta {
text-decoration: none;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}
.fbth-team-member-social {
margin: 0;
padding: 0;
}
.fbth-team-member-social li {
list-style: none;
display: inline-block;
}
.fbth-team-member-social li a {
display: block;
position: relative;
transition: all 0.3s ease;
text-decoration: none;
}
.fbth-team-member-social li a i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fbth-team-member-thumb img {
display: block;
object-fit: cover;
-o-object-fit: cover;
}
.fbth-team-member-name {
margin: 0 0 20px 0;
}
.fbth-team-member-designation {
margin: 0 0 20px 0;
display: block;
}
.fbth-team-member-about {
margin: 0 0 20px 0;
line-height: 1.5em;
}
.fbth-team-item.style-one {
position: relative;
overflow: hidden;
}
.fbth-team-item.style-one .fbth-team-member-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(0deg, #07070e 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 0px 0px 15px 15px !important;
transition: all 0.4s ease-in-out;
transform: translateY(140px);
}
.fbth-team-item.style-one:hover .fbth-team-member-content {
transform: translateY(0);
} .fbth-woocommer-top-righ-wraper ul {
list-style: none;
display: flex;
margin: 0;
padding: 0;
align-items: center;
justify-content: end;
}
.fbth-woocommer-top-righ-wraper ul li a {
position: relative;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.fbth-woocommer-top-righ-wraper ul li a span {
background-color: #222;
color: #fff;
width: 20px;
text-align: center;
line-height: 20px;
height: 20px;
font-size: 12px;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
font-weight: 700;
transform: translate(25px, 9px);
-webkit-transform: translate(25px, 9px);
-moz-transform: translate(25px, 9px);
-ms-transform: translate(25px, 9px);
-o-transform: translate(25px, 9px);
}
.fbth-woocommer-top-righ-wraper ul li a svg path {
stroke: transparent !important;
}
.elementor-button {
display: inline-flex !important;
justify-content: center;
align-items: center;
}
.quote-single-filed {
padding-right: 10px;
padding-left: 10px;
}
.quote-form-wrapper {
margin-left: -10px;
margin-right: -10px;
}
.style-five .fbth-testimonial__meta-content {
display: flex;
align-items: center;
}
.style-five .testimonial-content {
width: 60%;
}
.style-five .user-image {
width: 40%;
}
.style-five .user-identity {
display: flex;
align-items: center;
}
.style-one .testimonial-image-wrapper {
justify-content: space-between;
}
.quote-form-wrapper .wpcf7-spinner {
display: none;
}
@media only screen and (max-width: 768px) {
.style-one .testimonial-image-wrapper {
flex-wrap: wrap;
justify-content: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 767px) {
.style-five .fbth-testimonial__meta-content {
flex-wrap: wrap;
}
.style-five .user-image {
width: 100%;
}
.style-five .testimonial-content {
width: 100%;
}
.style-one .testimonial-image-wrapper {
flex-wrap: wrap;
justify-content: start;
align-items: flex-start;
}
} @media only screen and (max-width: 1024px) {
.fbth-main-menu-wrap .navbar-inner {
display: none;
}
.fbth-team-item .fbth-team-member.fbth-position-left,
.fbth-team-item .fbth-team-member.fbth-position-right {
flex-wrap: wrap;
}
.fbth-position-left .fbth-team-member-thumb {
width: 100%;
}
.sticky-wrapper.is-sticky > .sticky-header.reveal-header.sticky-mobile-off {
position: relative;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.testimonial-wrapper {
display: block;
}
.testimonial-image-wrapper {
width: 100%;
}
.testimonial-content-wrapper {
width: 100%;
}
.testimonial-two-top-meta.d-flex {
display: initial;
}
.testimonial-two-top-meta .right-content {
margin-left: 0;
margin-top: 20px;
}
.fbth-team-item .fbth-team-member.fbth-position-left,
.fbth-team-item .fbth-team-member.fbth-position-right {
flex-wrap: wrap;
}
.fbth-position-left .fbth-team-member-thumb {
width: 100%;
}
}.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover .ui-icon {
color: var(--accent-color) !important;
}
.ui-datepicker .ui-datepicker-header .ui-icon {
font-size: 14px !important;
transition: .4s;
top: 50%;
transform: translatey(-4px);
}
div#ui-datepicker-div {
border: blanchedalmond;
width: 239px;
border-radius: 0px;
overflow: hidden;
padding: 0 10px;
}
.ui-datepicker-header.ui-widget-header {
background-color: #EFF0F4 !important;
border-bottom: none !important;
}
td.ui-datepicker-days-cell-over.ui-datepicker-today,
td.ui-datepicker-days-cell-over.ui-datepicker-today a {
background-color: #EFF0F4 !important;
}
td.ui-datepicker-days-cell-over.ui-datepicker-today a.ui-state-highlight {
border: none;
}
td a.ui-state-default {
font-size: 11px;
}
a.ui-state-default.ui-state-hover {
background-color: transparent !important;
}
.ui-datepicker-calendar tbody td:hover {
background: #EFF0F4;
}
.ui-datepicker th {
font-size: 12px;
}
.ui-datepicker .ui-datepicker-title {
font-size: 12px;
}
.ui-datepicker .ui-datepicker-header .ui-icon:before {
margin-bottom: 6px;
display: block;
}
.ui-datepicker table {
margin-bottom: 0 !important;
border-top: none !important;
}
.ui-datepicker .ui-datepicker-header {
border-radius: 0px !important;
overflow: hidden;
border: 0px !important;
}
table.ui-datepicker-calendar tr:first-child {
border-top: none !important;
}
.ui-widget-content tr {
height: 35px !important;
} .elementor-counter .elementor-counter-number-prefix,
.elementor-counter .elementor-counter-number-suffix {
flex-grow: unset;
} .elementor-custom-embed-play i.eicon-play:before {
content: "\f04b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
div.elementor-custom-embed-play i {
font-size: 14px;
}
.elementor-custom-embed-play {
width: 92px;
height: 92px;
line-height: 92px;
text-align: center;
background-color: var(--white-color);
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.elementor-wrapper.elementor-open-lightbox {
position: relative;
}
.elementor-wrapper.elementor-open-lightbox:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
content: "";
border-radius: 10px;
z-index: 1;
opacity: 0.2;
}
.elementor-custom-embed-play {
z-index: 2;
} .elementor-open-lightbox {
z-index: 99;
}
.elementor-custom-embed-play:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
background: #FFFFFF;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.elementor-icon {
display: inline-flex !important;
}
.elementor-widget-text-editor .elementor-drop-cap {
line-height: 0;
} .fbth-addons-feature-icon.icon-type-text .gradient {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}.fbth-creative-btn-wrap {
display: inline-block;
--fbth-ctv-btn-bg-clr: #fff;
--fbth-ctv-btn-bg-hvr-clr: #4243DC;
--fbth-ctv-btn-border-clr: #4243DC;
--fbth-ctv-btn-border-hvr-clr: #4243DC;
--fbth-ctv-btn-txt-clr: #4243DC;
--fbth-ctv-btn-txt-hvr-clr: #fff;
}
.fbth-creative-btn-wrap .fbth-creative-btn {
position: relative;
z-index: 0;
display: inline-block;
padding: 15px 25px;
max-width: 100%;
border-color: var(--fbth-ctv-btn-border-clr);
border-radius: 5px;
background: var(--fbth-ctv-btn-bg-clr);
color: var(--fbth-ctv-btn-txt-clr);
text-align: center;
text-decoration: none;
font-size: 14px;
line-height: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.fbth-creative-btn-wrap .fbth-creative-btn:hover {
border-color: var(--fbth-ctv-btn-border-hvr-clr);
background: var(--fbth-ctv-btn-bg-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--estilo {
padding: 25px 80px;
border-width: 3px;
border-style: solid;
border-radius: 0;
cursor: pointer;
}
.fbth-creative-btn-wrap .fbth-stl--estilo:after {
position: absolute;
z-index: -1;
background: var(--fbth-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.fbth-creative-btn-wrap .fbth-stl--estilo:active,
.fbth-creative-btn-wrap .fbth-stl--estilo:hover {
background: var(--fbth-ctv-btn-bg-clr);
color: var(--fbth-ctv-btn-txt-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--dissolve:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--dissolve:active,
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--dissolve:hover,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen:hover,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen:active,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen:hover {
color: var(--fbth-ctv-btn-txt-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--dissolve:active:after,
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--dissolve:hover:after {
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-down:after {
top: 0;
left: 0;
width: 100%;
height: 0;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-down:active:after,
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-down:hover:after {
height: 100%;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-right:after {
top: 0;
left: 0;
width: 0;
height: 100%;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-right:active:after,
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-right:hover:after {
width: 100%;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--cross-slider,
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-x,
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-y {
overflow: hidden;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-x:after {
top: 50%;
left: 50%;
width: 0;
height: 103%;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-x:hover:after {
width: 90%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-x:active:after {
width: 101%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--cross-slider:after {
top: 50%;
left: 50%;
width: 100%;
height: 0;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--cross-slider:hover:after {
height: 260%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--cross-slider:active:after {
height: 400%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-y:after {
top: 50%;
left: 50%;
width: 101%;
height: 0;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-y:hover:after {
height: 75%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--estilo.fbth-eft--slide-y:active:after {
height: 130%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--estilo,
.fbth-creative-btn-wrap .fbth-stl--iconica,
.fbth-creative-btn-wrap .fbth-stl--symbolab {
display: inline-block;
overflow: hidden;
outline: none;
background: var(--fbth-ctv-btn-bg-clr);
color: var(--fbth-ctv-btn-txt-clr);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab {
border-width: 3px;
border-style: solid;
padding: 25px 80px;
border-radius: 50px;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--wapasha:hover,
.fbth-creative-btn-wrap .fbth-stl--symbolab:active,
.fbth-creative-btn-wrap .fbth-stl--symbolab:hover {
background: var(--fbth-ctv-btn-bg-hvr-clr);
color: var(--fbth-ctv-btn-txt-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--symbolab > i {
position: absolute;
top: 50%;
-webkit-transition: left 0.3s, right 0.3s;
transition: left 0.3s, right 0.3s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-in-right i {
left: 130%;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-in-right:active i,
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-in-right:hover i {
left: 80%;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-in-left i {
left: -50%;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-in-left:active i,
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-in-left:hover i {
left: 10%;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-out-right i {
left: 70%;
opacity: 0;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-out-right:active i,
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-out-right:hover i {
left: 80%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-out-left i {
left: 30%;
opacity: 0;
}
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-out-left:active i,
.fbth-creative-btn-wrap .fbth-stl--symbolab.fbth-eft--back-out-left:hover i {
left: 10%;
opacity: 1;
}
.fbth-creative-btn-wrap .fbth-stl--iconica {
padding: 0 !important;
border-radius: 0;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fbth-creative-btn-wrap .fbth-stl--iconica:active,
.fbth-creative-btn-wrap .fbth-stl--iconica:hover {
border-color: var(--fbth-ctv-btn-border-hvr-clr);
background: var(--fbth-ctv-btn-bg-hvr-clr);
color: var(--fbth-ctv-btn-txt-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--iconica > span {
display: inline-block;
padding: 25px 80px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.fbth-creative-btn-wrap .fbth-stl--iconica > i {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-down:hover > span {
-webkit-transform: translateY(300%);
-ms-transform: translateY(300%);
transform: translateY(300%);
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-down > i {
top: -100%;
left: 0;
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-down:hover > i,
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-top:hover > i {
top: 0;
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-top:hover > span {
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
transform: translateY(-300%);
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-top > i {
top: 100%;
left: 0;
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-right:hover > span {
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-right > i {
top: 0;
left: -100%;
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-left:hover > i,
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-right:hover > i {
left: 0;
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-left:hover > span {
-webkit-transform: translateX(-200%);
-ms-transform: translateX(-200%);
transform: translateX(-200%);
}
.fbth-creative-btn-wrap .fbth-stl--iconica.fbth-eft--slide-in-left > i {
top: 0;
left: 100%;
}
.fbth-creative-btn-wrap .fbth-stl--iconica,
.fbth-creative-btn-wrap .fbth-stl--montino {
border-width: 3px;
border-style: solid;
border-color: var(--fbth-ctv-btn-border-clr);
}
.fbth-creative-btn-wrap .fbth-stl--montino:active,
.fbth-creative-btn-wrap .fbth-stl--montino:hover {
border-color: var(--fbth-ctv-btn-border-hvr-clr);
color: var(--fbth-ctv-btn-txt-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--winona {
z-index: 1;
overflow: hidden;
padding: 0 !important;
outline: none;
border-radius: 0;
background: var(--fbth-ctv-btn-bg-clr);
cursor: pointer;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--winona::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--winona > span {
padding: 25px 80px;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--winona > span {
display: block;
vertical-align: middle;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--winona::after {
position: absolute;
top: 0;
left: 0;
background: var(--fbth-ctv-btn-bg-hvr-clr);
content: attr(data-text);
opacity: 0;
-webkit-transform: translate(0, 25%);
-ms-transform: translate(0, 25%);
transform: translate(0, 25%);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--winona:hover > span {
opacity: 0;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--winona:hover::after {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen::before {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
background: var(--fbth-ctv-btn-bg-hvr-clr);
content: attr(data-text);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
padding: 25px 80px;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen::before,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen::before,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen > span {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen > span {
display: block;
padding: 25px 80px;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen:hover::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen:hover::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen:hover::before,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--rayen:hover > span {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen {
z-index: 1;
overflow: hidden;
padding: 25px 80px;
outline: none;
border-radius: 0;
background: var(--fbth-ctv-btn-bg-clr);
cursor: pointer;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen::before {
position: absolute;
bottom: 100%;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
content: "";
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen::before {
background: var(--fbth-ctv-btn-bg-hvr-clr);
opacity: 0.7;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina:hover {
background: var(--fbth-ctv-btn-bg-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--aylen:hover::after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--wapasha {
z-index: 1;
padding: 25px 80px;
outline: none;
border-width: 0;
border-radius: 0;
background: var(--fbth-ctv-btn-bg-clr);
cursor: pointer;
--fbth-ctv-btn-bg-clr: #4243DC;
--fbth-ctv-btn-bg-hvr-clr: #fff;
--fbth-ctv-btn-border-clr: #fff;
--fbth-ctv-btn-border-hvr-clr: #4243DC;
--fbth-ctv-btn-txt-clr: #fff;
--fbth-ctv-btn-txt-hvr-clr: #4243DC;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--wapasha::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-radius: inherit;
content: "";
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--wapasha:hover::before {
border-color: var(--fbth-ctv-btn-border-hvr-clr);
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina {
overflow: hidden;
padding: 25px 80px;
background: var(--fbth-ctv-btn-bg-clr);
color: var(--fbth-ctv-btn-txt-clr);
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::before,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina::before,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina > span {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina > span {
display: inline-block;
color: var(--fbth-ctv-btn-txt-clr);
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::before,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina::before {
position: absolute;
top: 0;
left: 0;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina::before {
padding: 25px 80px;
content: attr(data-text);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina:hover::before {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--nina:hover > span {
color: var(--fbth-ctv-btn-txt-hvr-clr);
opacity: 1;
-webkit-transition-delay: var(--delay, 0.045s);
transition-delay: var(--delay, 0.045s);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman {
padding: 25px 80px;
border-width: 0;
background: var(--fbth-ctv-btn-bg-hvr-clr);
--fbth-ctv-btn-bg-clr: #4243DC;
--fbth-ctv-btn-bg-hvr-clr: #fff;
--fbth-ctv-btn-border-clr: #fff;
--fbth-ctv-btn-border-hvr-clr: #4243DC;
--fbth-ctv-btn-txt-clr: #fff;
--fbth-ctv-btn-txt-hvr-clr: #4243DC;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::after,
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::before {
z-index: -1;
border-radius: inherit;
content: "";
pointer-events: none;
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::before {
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-color: var(--fbth-ctv-btn-border-hvr-clr);
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman::after {
width: 100%;
height: 100%;
background: var(--fbth-ctv-btn-bg-clr);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman:hover::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--antiman:hover::after {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--sacnite {
overflow: hidden;
padding: 25px 80px;
background: var(--fbth-ctv-btn-bg-clr);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--sacnite::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border-radius: inherit;
background: var(--fbth-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--sacnite:hover::before {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.fbth-creative-btn-wrap .fbth-stl--montino.fbth-eft--sacnite > span {
pointer-events: none;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa {
padding: 25px 80px;
color: var(--fbth-ctv-btn-txt-clr);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa:active,
.fbth-creative-btn-wrap .fbth-stl--hermosa:hover {
color: var(--fbth-ctv-btn-txt-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa::after,
.fbth-creative-btn-wrap .fbth-stl--hermosa::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--expandable {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
padding: 20px 25px;
border-width: 2px;
border-style: solid;
border-radius: 0;
background: var(--fbth-ctv-btn-bg-clr);
color: var(--fbth-ctv-btn-txt-clr);
font-weight: 700;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--expandable span {
position: relative;
display: inline-block;
overflow: hidden;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--expandable span.text {
width: 0;
white-space: nowrap;
-webkit-transition: width 0.2s;
transition: width 0.2s;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--expandable:hover span.text {
margin-right: 10px;
width: auto;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--upward {
overflow: hidden;
border-width: 2px;
border-style: solid;
border-radius: 3em;
font-weight: 700;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--upward span {
position: relative;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie::before,
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--upward::before {
background: var(--fbth-ctv-btn-bg-clr);
content: "";
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1),
-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--upward:hover::before {
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie {
overflow: hidden;
padding: 25px 80px;
border-width: 2px;
border-style: solid;
font-weight: 500;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie span {
position: relative;
display: block;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie > span,
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie > span > span {
overflow: hidden;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie:hover > span > span {
-webkit-animation: HaCtvBtn_Newbie_MoveUpInitial 0.2s forwards,
HaCtvBtn_Newbie_MoveUpEnd 0.2s forwards 0.2s;
animation: HaCtvBtn_Newbie_MoveUpInitial 0.2s forwards,
HaCtvBtn_Newbie_MoveUpEnd 0.2s forwards 0.2s;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie::before {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--newbie:hover::before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--render {
overflow: hidden;
border-width: 2px;
border-style: solid;
border-color: var(--fbth-ctv-btn-border-clr);
border-radius: 0.5em;
background: var(--fbth-ctv-btn-bg-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--render > span {
position: relative;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--render::before {
left: -10%;
width: 120%;
background: var(--fbth-ctv-btn-bg-clr);
content: "";
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1),
-webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
-webkit-transform: skew(30deg);
-ms-transform: skew(30deg);
transform: skew(30deg);
}
.fbth-creative-btn-wrap
.fbth-stl--hermosa.fbth-eft--downhill:hover
.fbth-creative-btn-wrap
.fbth-stl--hermosa.fbth-eft--downhill:active,
.fbth-creative-btn-wrap
.fbth-stl--hermosa.fbth-eft--exploit:hover
.fbth-creative-btn-wrap
.fbth-stl--hermosa.fbth-eft--exploit:active,
.fbth-creative-btn-wrap
.fbth-stl--hermosa.fbth-eft--render:hover
.fbth-creative-btn-wrap
.fbth-stl--hermosa.fbth-eft--render:active {
border-color: var(--fbth-ctv-btn-border-hvr-clr);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--render:hover::before {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--reshape {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 1.5em 3em;
width: 175px;
height: 120px;
background: 0 0;
--fbth-ctv-btn-bg-clr: #4243DC;
--fbth-ctv-btn-bg-hvr-clr: #562dd4;
--fbth-ctv-btn-txt-clr: #fff;
--fbth-ctv-btn-txt-hvr-clr: #fff;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--reshape::before {
background: var(--fbth-ctv-btn-bg-clr);
content: "";
-webkit-transition: background 0.5s ease,
-webkit-clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
transition: clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55),
background 0.5s ease;
transition: clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55),
background 0.5s ease,
-webkit-clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
-webkit-clip-path: path(
"M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z"
);
clip-path: path(
"M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z"
);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--reshape:hover::before {
background: var(--fbth-ctv-btn-bg-hvr-clr);
-webkit-clip-path: path(
"M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z"
);
clip-path: path(
"M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z"
);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--reshape::after {
top: 5%;
z-index: -1;
width: 97%;
height: 86%;
border-width: 1px;
border-style: solid;
border-color: var(--fbth-ctv-btn-bg-clr);
border-radius: 58% 42% 55% 45%/56% 45% 55% 44%;
content: "";
-webkit-transition: -webkit-transform 0.5s
cubic-bezier(0.585, 2.5, 0.645, 0.55);
transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55),
-webkit-transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--reshape:hover::after {
border-color: var(--fbth-ctv-btn-bg-hvr-clr);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--reshape > span {
z-index: 1;
display: block;
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--reshape:hover span {
-webkit-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
transform: translate(0, -10px);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit {
overflow: hidden;
border-width: 2px;
border-style: solid;
border-color: var(--fbth-ctv-btn-border-clr);
border-radius: 0.85em;
background: var(--fbth-ctv-btn-bg-clr);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit > span {
position: relative;
z-index: 10;
display: block;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit:hover span {
-webkit-animation: HaCtvBtn_Exploit_MoveScaleUpInitial 0.3s forwards,
HaCtvBtn_Exploit_MoveScaleUpEnd 0.3s forwards 0.3s;
animation: HaCtvBtn_Exploit_MoveScaleUpInitial 0.3s forwards,
HaCtvBtn_Exploit_MoveScaleUpEnd 0.3s forwards 0.3s;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit::before {
top: -110%;
left: -10%;
padding-bottom: 120%;
width: 120%;
height: 0;
border-radius: 50%;
background: var(--fbth-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit::after,
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit:hover::before {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1),
-webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit:hover::before {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit::after {
background: var(--fbth-ctv-btn-bg-hvr-clr);
content: "";
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--exploit:hover::after {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 0.05s;
transition-duration: 0.05s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--downhill {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
padding: 0;
width: 100px;
height: 100px;
border-width: 2px;
border-style: solid;
border-color: var(--fbth-ctv-btn-border-clr);
border-radius: 50%;
font-weight: 500;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--downhill span {
position: relative;
display: block;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--downhill > span {
overflow: hidden;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--downhill:hover > span > span {
-webkit-animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--downhill::before {
padding-bottom: 100%;
width: 100%;
height: 0;
border-radius: 50%;
background: var(--fbth-ctv-btn-bg-clr);
content: "";
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--downhill:hover::before {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom {
padding: 0 !important;
border-width: 0 !important;
background: 0 0;
--fbth-ctv-btn-bg-clr: #4243DC;
--fbth-ctv-btn-bg-hvr-clr: #fff;
--fbth-ctv-btn-txt-clr: #fff;
--fbth-ctv-btn-txt-hvr-clr: #4243DC;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom div,
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom:hover div::before {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1),
-webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom div {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-color: var(--fbth-ctv-btn-border-clr);
border-radius: 0.85em;
background: var(--fbth-ctv-btn-bg-clr);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom:hover div {
border-color: var(--fbth-ctv-btn-border-hvr-clr);
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom div::after,
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom div::before {
position: absolute;
background: var(--fbth-ctv-btn-bg-hvr-clr);
content: "";
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom div::before {
top: 50%;
left: 50%;
padding-bottom: 110%;
width: 110%;
height: 0;
border-radius: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom:hover div::before {
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom div::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom:hover div::after {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition-duration: 0.01s;
transition-duration: 0.01s;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--bloom span {
position: relative;
display: block;
padding: 1.5em 3em;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--roundup {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
width: 120px;
height: 120px;
border-width: 0 !important;
background: 0 0;
font-weight: 700;
--fbth-ctv-btn-border-clr: #e8e8e8;
--fbth-ctv-btn-border-hvr-clr: #4243DC;
--fbth-ctv-btn-stroke-width: 1px;
--fbth-ctv-btn-txt-clr: #4243DC;
--fbth-ctv-btn-txt-hvr-clr: #4243DC;
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--roundup .progress {
position: absolute;
top: 50%;
left: 50%;
width: calc(120px - ((120px / 100) * 20));
height: calc(120px - ((120px / 100) * 20));
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1),
-webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--roundup:hover .progress {
-webkit-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1);
transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--roundup .progress__circle {
fill: none;
stroke: var(--fbth-ctv-btn-border-clr);
stroke-width: var(--fbth-ctv-btn-stroke-width, 1px);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--roundup .progress__path {
fill: none;
stroke-width: var(--fbth-ctv-btn-stroke-width, 1px);
}
.fbth-creative-btn-wrap
.fbth-stl--hermosa.fbth-eft--roundup:focus-visible
.progress__circle {
fill: rgba(252, 196, 63, 0.4);
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--roundup .progress__path {
-webkit-transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
stroke: var(--fbth-ctv-btn-border-hvr-clr);
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.fbth-creative-btn-wrap .fbth-stl--hermosa.fbth-eft--roundup:hover .progress__path {
stroke-dashoffset: 0;
}
@-webkit-keyframes HaCtvBtn_Newbie_MoveUpInitial {
to {
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0);
}
}
@keyframes HaCtvBtn_Newbie_MoveUpInitial {
to {
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0);
}
}
@-webkit-keyframes HaCtvBtn_Newbie_MoveUpEnd {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes HaCtvBtn_Newbie_MoveUpEnd {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes HaCtvBtn_Exploit_MoveScaleUpInitial {
to {
opacity: 0;
-webkit-transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
}
}
@keyframes HaCtvBtn_Exploit_MoveScaleUpInitial {
to {
opacity: 0;
-webkit-transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
}
}
@-webkit-keyframes HaCtvBtn_Exploit_MoveScaleUpEnd {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes HaCtvBtn_Exploit_MoveScaleUpEnd {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}.fbth-link-hover {
font-size: 16px;
--color-bg: #fff;
--color-link: #1352d1;
--color-link-hover: #1352d1;
--color-number: #999;
--color-text: #111;
}
.fbth-link-hover *,
.fbth-link-hover ::after,
.fbth-link-hover ::before {
box-sizing: border-box;
}
.fbth-link-hover a {
outline: none;
color: var(--color-link);
text-decoration: none;
}
.fbth-link-hover a:hover {
outline: none;
color: var(--color-link-hover);
}
.fbth-link-hover a:focus {
outline: none;
background: #d3d3d3;
}
.fbth-link-hover a:focus:not(:focus-visible) {
background: 0 0;
}
.fbth-link-hover a:focus-visible {
outline: 2px solid red;
background: 0 0;
}
.fbth-link-hover .fbth_content__item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
}
.fbth-link-hover .fbth-link {
position: relative;
color: var(--color-text);
white-space: nowrap;
font-size: 18px;
font-family: "Roboto", sans-serif;
cursor: pointer;
}
.fbth-link-hover .fbth-link::after,
.fbth-link-hover .fbth-link::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: currentColor;
pointer-events: none;
}
.fbth-link-hover .fbth-link::before {
content: "";
}
.fbth-link-hover .fbth-link--metis {
text-transform: lowercase;
}
.fbth-link-hover .fbth-link--io::after,
.fbth-link-hover .fbth-link--io::before,
.fbth-link-hover .fbth-link--metis::before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.fbth-link-hover .fbth-link--metis::before {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.fbth-link-hover .fbth-link--io:hover::after,
.fbth-link-hover .fbth-link--io:hover::before,
.fbth-link-hover .fbth-link--metis:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.fbth-link-hover .fbth-link--io::after,
.fbth-link-hover .fbth-link--io::before {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1),
-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}
.fbth-link-hover .fbth-link--io:hover::after,
.fbth-link-hover .fbth-link--io:hover::before {
-webkit-transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);
}
.fbth-link-hover .fbth-link--io::after {
top: calc(100% + 4px);
content: "";
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.fbth-link-hover .fbth-link--io:hover::after {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.fbth-link-hover .fbth-link--thebe {
text-transform: uppercase;
}
.fbth-link-hover .fbth-link--thebe::before {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1),
-webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}
.fbth-link-hover .fbth-link--thebe:hover::before {
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.fbth-link-hover .fbth-link--leda::before,
.fbth-link-hover .fbth-link--thebe::after,
.fbth-link-hover .fbth-link--thebe::before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.fbth-link-hover .fbth-link--thebe::after {
content: "";
-webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1),
-webkit-transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
top: calc(100% + 4px);
}
.fbth-link-hover .fbth-link--thebe:hover::after,
.fbth-link-hover .fbth-link--thebe:hover::before {
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}
.fbth-link-hover .fbth-link--leda {
overflow: hidden;
font-weight: 700;
line-height: 2;
}
.fbth-link-hover .fbth-link--leda::before {
top: calc(100% - 5px);
height: 2px;
}
.fbth-link-hover .fbth-link--leda:hover::before,
.fbth-link-hover .fbth-link--thebe:hover::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.fbth-link-hover .fbth-link--leda span,
.fbth-link-hover .fbth-link--leda::after,
.fbth-link-hover .fbth-link--leda::before {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1),
-webkit-transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}
.fbth-link-hover .fbth-link--leda::after {
top: 0;
height: 100%;
background: 0 0;
content: attr(data-text);
-webkit-transform: translate3d(150%, 0, 0);
transform: translate3d(150%, 0, 0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.fbth-link-hover .fbth-link--leda:hover::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fbth-link-hover .fbth-link--leda span {
display: inline-block;
}
.fbth-link-hover .fbth-link--leda:hover span {
-webkit-transform: translate3d(-150%, 0, 0);
transform: translate3d(-150%, 0, 0);
}
.fbth-link-hover .fbth-link--ersa {
padding: 0 10px;
text-indent: 1px;
text-transform: uppercase;
letter-spacing: 1px;
}
.fbth-link-hover .fbth-link--ersa span,
.fbth-link-hover .fbth-link--ersa::before {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1),
-webkit-transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);
}
.fbth-link-hover .fbth-link--ersa::before {
top: 50%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.fbth-link-hover .fbth-link--ersa:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.fbth-link-hover .fbth-link--ersa span {
display: inline-block;
}
.fbth-link-hover .fbth-link--ersa:hover span {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.fbth-link-hover .fbth-link--elara::before {
-webkit-transition: -webkit-clip-path 0.3s,
-webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1),
-webkit-clip-path 0.3s,
-webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-clip-path: polygon(0% 0%,
0% 100%,
0 100%,
0 0,
100% 0,
100% 100%,
0 100%,
0 100%,
100% 100%,
100% 0%);
clip-path: polygon(0% 0%,
0% 100%,
0 100%,
0 0,
100% 0,
100% 100%,
0 100%,
0 100%,
100% 100%,
100% 0%);
}
.fbth-link-hover .fbth-link--elara:hover::before {
-webkit-transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);
transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);
-webkit-clip-path: polygon(0% 0%,
0% 100%,
50% 100%,
50% 0,
50% 0,
50% 100%,
50% 100%,
0 100%,
100% 100%,
100% 0%);
clip-path: polygon(0% 0%,
0% 100%,
50% 100%,
50% 0,
50% 0,
50% 100%,
50% 100%,
0 100%,
100% 100%,
100% 0%);
}
.fbth-link-hover .fbth-link--elara span {
display: inline-block;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1),
-webkit-transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}
.fbth-link-hover .fbth-link--elara:hover span {
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.fbth-link-hover .fbth-link--dia::after,
.fbth-link-hover .fbth-link--dia::before {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform: translate3d(0, 3px, 0);
transform: translate3d(0, 3px, 0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.fbth-link-hover .fbth-link--dia:hover::after,
.fbth-link-hover .fbth-link--dia:hover::before {
opacity: 1;
-webkit-transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fbth-link-hover .fbth-link--dia::after {
top: calc(100% + 4px);
left: 15%;
width: 70%;
content: "";
}
.fbth-link-hover .fbth-link--dia::before,
.fbth-link-hover .fbth-link--dia:hover::after {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fbth-link-hover .fbth-link--dia:hover::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.fbth-link-hover .fbth-link--kale {
text-transform: lowercase;
font-weight: 600;
}
.fbth-link-hover .fbth-link--kale::before {
top: 100%;
height: 10px;
opacity: 0;
}
.fbth-link-hover .fbth-link--kale:hover::before {
opacity: 1;
-webkit-animation: lineUp 0.3s ease forwards;
animation: lineUp 0.3s ease forwards;
}
@-webkit-keyframes lineUp {
0% {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
51% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
to {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
}
@keyframes lineUp {
0% {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
51% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
to {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
}
.fbth-link-hover .fbth-link--kale::after {
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.fbth-link-hover .fbth-link--kale:hover::after {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.fbth-link-hover .fbth-link--carpo {
text-transform: uppercase;
font-weight: 700;
}
.fbth-link-hover .fbth-link--carpo::after,
.fbth-link-hover .fbth-link--carpo::before {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.fbth-link-hover .fbth-link--carpo::before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.fbth-link-hover .fbth-link--carpo:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.fbth-link-hover .fbth-link--carpo::after {
top: calc(100% + 4px);
content: "";
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.fbth-link-hover .fbth-link--carpo:hover::after {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.fbth-link-hover .fbth-link--helike {
font-weight: 700;
}
.fbth-link-hover .fbth-link--helike:hover span {
-webkit-animation: glitchText 0.4s linear;
animation: glitchText 0.4s linear;
}
@-webkit-keyframes glitchText {
0% {
opacity: 1;
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes glitchText {
0% {
opacity: 1;
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
-webkit-transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
transform: translate3d(-10px, 0, 0) scale3d(-1, -1, 1);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
.fbth-link-hover .fbth-link--helike::before {
height: 2px;
opacity: 0;
}
.fbth-link-hover .fbth-link--helike:hover::before {
opacity: 1;
-webkit-animation: glitchLine 0.4s steps(2, start) forwards;
animation: glitchLine 0.4s steps(2, start) forwards;
}
@-webkit-keyframes glitchLine {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
20% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
30% {
-webkit-transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
40% {
-webkit-transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
}
50% {
-webkit-transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
}
60% {
-webkit-transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
}
70% {
-webkit-transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
}
80% {
-webkit-transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
90% {
-webkit-transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
to {
opacity: 1;
}
}
@keyframes glitchLine {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
20% {
-webkit-transform: translate3d(0, 4px, 0);
transform: translate3d(0, 4px, 0);
}
30% {
-webkit-transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
transform: scale3d(0.1, 1.4, 1) translate3d(0, -25px, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
40% {
-webkit-transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
transform: scale3d(1, 0.3, 1) translate3d(0, 25px, 0);
}
50% {
-webkit-transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
transform: scale3d(0.5, 0.3, 1) translate3d(-100px, -80px, 0);
}
60% {
-webkit-transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
transform: scale3d(1, 1.25, 1) translate3d(10px, -5px, 0);
}
70% {
-webkit-transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
transform: scale3d(0.5, 0.5, 1) translate3d(0, 20px, 0);
}
80% {
-webkit-transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
transform: translate3d(-30, 10px, 0) scale3d(1, 0.4, 1);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
90% {
-webkit-transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
transform: scale3d(1, 0.5, 1) translate3d(0, -15px, 0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
to {
opacity: 1;
}
}
.fbth-link-hover .fbth-link--mneme {
text-transform: uppercase;
}
.fbth-link-hover .fbth-link--mneme::before {
top: 0;
height: 100%;
opacity: 0;
}
.fbth-link-hover .fbth-link--mneme:hover::before {
opacity: 1;
-webkit-animation: coverUp 0.3s ease forwards;
animation: coverUp 0.3s ease forwards;
}
@-webkit-keyframes coverUp {
0% {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
51% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
to {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
}
@keyframes coverUp {
0% {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
51% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
to {
-webkit-transform: scale3d(1, 0.045, 1);
transform: scale3d(1, 0.045, 1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
}
.fbth-link-hover .fbth-link--mneme::after {
content: "";
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fbth-link-hover .fbth-link--mneme:hover::after {
opacity: 0;
}
.fbth-link-hover .fbth-link--iocaste {
overflow: hidden;
padding: 7px 0;
}
.fbth-link-hover .fbth_link__graphic {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
fill: none;
stroke: currentColor;
stroke-width: 1px;
}
.fbth-link-hover .fbth_link__graphic--slide {
top: -3px;
-webkit-transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
stroke-width: 2px;
}
.fbth-link-hover .fbth-link:hover .fbth_link__graphic--slide {
-webkit-transform: translate3d(-66.6%, 0, 0);
transform: translate3d(-66.6%, 0, 0);
}
.fbth-link-hover .fbth-link--herse {
font-weight: 700;
}
.fbth-link-hover .fbth-link--carme::before,
.fbth-link-hover .fbth-link--herse::before {
display: none;
}
.fbth-link-hover .fbth_link__graphic--stroke path {
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.fbth-link-hover .fbth-link:hover .fbth_link__graphic--stroke path {
stroke-dashoffset: 0;
}
.fbth-link-hover .fbth_link__graphic--arc {
top: 73%;
left: -23%;
}
.fbth-link-hover .fbth_link__graphic--arc path {
-webkit-transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.fbth-link-hover .fbth-link:hover .fbth_link__graphic--arc path,
.fbth-link-hover .fbth-link:hover .fbth_link__graphic--scribble path {
-webkit-transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
transition-timing-function: cubic-bezier(0.8, 1, 0.7, 1);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.fbth-link-hover .fbth_link__graphic--scribble {
top: 100%;
}
.fbth-link-hover .fbth_link__graphic--scribble path {
-webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
transition: stroke-dashoffset 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.fbth-link-hover .fbth-link--eirene {
font-weight: 700;
}
.fbth-link-hover .fbth-link--eirene::before {
height: 7px;
border-radius: 20px;
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
transition-timing-function: cubic-bezier(0.2, 0.57, 0.67, 1.53);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.fbth-link-hover .fbth-link--eirene:hover span,
.fbth-link-hover .fbth-link--eirene:hover::before {
-webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
transition-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.fbth-link-hover .fbth-link--eirene:hover::before {
opacity: 1;
-webkit-transform: scale3d(1.2, 0.1, 1);
transform: scale3d(1.2, 0.1, 1);
}
.fbth-link-hover .fbth-link--eirene span {
display: inline-block;
-webkit-transition: -webkit-transform 0.2s 0.05s cubic-bezier(0.2, 0.57, 0.67, 1.53);
transition: transform 0.2s 0.05s cubic-bezier(0.2, 0.57, 0.67, 1.53);
transition: transform 0.2s 0.05s cubic-bezier(0.2, 0.57, 0.67, 1.53),
-webkit-transform 0.2s 0.05s cubic-bezier(0.2, 0.57, 0.67, 1.53);
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
.fbth-link-hover .fbth-link--eirene:hover span {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}* {
box-sizing: border-box;
}
html,
body {
margin: 0px;
padding: 0px;
}
p {
margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0px;
}
a {
text-decoration: none;
}
ul li {
list-style: none;
}
.elementor-element {
--widgets-spacing: 0px;
} .scalo-category-filter {
display: flex;
align-items: center;
justify-content: center;
}
.cs-member-details {
display: flex;
align-items: center;
}
.case-category-filter {
display: flex;
align-items: center;
justify-content: center;
}
.category-filter-case span.select2-selection.select2-selection--single {
padding: 12px 14px;
border-radius: 8px;
}
.category-filter-case .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
height: 30px;
}
.category-filter-case .select2-container {
width: auto !important;
}
.category-filter-case span.select2-selection.select2-selection--single {
display: flex;
align-items: center;
}
li.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
background: #fff;
color: #000;
}
li.select2-results__option.select2-results__option {
padding-left: 15px;
}
li.select2-results__option.select2-results__option--selectable.select2-results__option--selected {
background: transparent;
}
.cs-btn-wrap a.cs-btn {
align-items: center;
justify-content: center;
display: flex;
}
.cs-widget-item {
position: relative;
overflow: hidden;
transition: 0.5s;
}
.hover-effect-style {
background: rgba(67, 44, 243, 0.96);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: 0.5s;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
.hover-icon {
display: inline-block;
}
a.hover-icon {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: #fff;
color: #000;
-webkit-border-radius: ;
-moz-border-radius: ;
-ms-border-radius: ;
-o-border-radius: ;
}
.cs-widget-item:hover .hover-effect-style {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.csnavigations {
display: flex;
justify-content: center;
}
span.nextprevbtn {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.single-member-details {
display: flex;
align-items: center;
}
span.member-name {
display: block;
}
span.member-title {
display: block;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: auto;
} .job-card-single {
display: flex;
align-items: center;
justify-content: space-between;
}
.job-type-list ul {
padding: 0;
margin: 0;
}
.job-type-list ul li {
display: inline-flex;
align-items: center;
}
.jm-mata-iconbox {
display: flex;
align-items: stretch;
margin-bottom: 30px;
}
.jm-meta-iconbox-icon {
display: inline-block;
margin-right: 15px;
width: 30px;
height: 30px;
margin-top: 5px;
}
.jm-meta-iconbox-icon i {
color: #432cf3;
}
.jm-meta-iconbox-icon svg {
color: #432cf3;
}
.jm-iconbox-text span {
display: block;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: inherit;
height: auto;
} @media only screen and (max-width: 767px) {
.job-single-meta-widget {
padding: 30px 15px 1px;
}
}