.fl-node-ln8utw61h4fc { color: #ffffff; } .fl-builder-content .fl-node-ln8utw61h4fc *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-ln8utw61h4fc a { color: #fdbb30; } .fl-builder-content .fl-node-ln8utw61h4fc a:hover { color: #f68a33; } .fl-builder-content .fl-node-ln8utw61h4fc h1, .fl-builder-content .fl-node-ln8utw61h4fc h2, .fl-builder-content .fl-node-ln8utw61h4fc h3, .fl-builder-content .fl-node-ln8utw61h4fc h4, .fl-builder-content .fl-node-ln8utw61h4fc h5, .fl-builder-content .fl-node-ln8utw61h4fc h6, .fl-builder-content .fl-node-ln8utw61h4fc h1 a, .fl-builder-content .fl-node-ln8utw61h4fc h2 a, .fl-builder-content .fl-node-ln8utw61h4fc h3 a, .fl-builder-content .fl-node-ln8utw61h4fc h4 a, .fl-builder-content .fl-node-ln8utw61h4fc h5 a, .fl-builder-content .fl-node-ln8utw61h4fc h6 a { color: #ffffff; } .fl-node-ln8utw61h4fc > .fl-row-content-wrap { background-color: #696a6d; } .fl-node-ln8utw61h4fc .fl-row-content { max-width: 1010px; } .fl-node-sw64juo5pled { color: #efeff0; } .fl-builder-content .fl-node-sw64juo5pled *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-sw64juo5pled a { color: #fdbb30; } .fl-builder-content .fl-node-sw64juo5pled a:hover { color: #f68a33; } .fl-builder-content .fl-node-sw64juo5pled h1, .fl-builder-content .fl-node-sw64juo5pled h2, .fl-builder-content .fl-node-sw64juo5pled h3, .fl-builder-content .fl-node-sw64juo5pled h4, .fl-builder-content .fl-node-sw64juo5pled h5, .fl-builder-content .fl-node-sw64juo5pled h6, .fl-builder-content .fl-node-sw64juo5pled h1 a, .fl-builder-content .fl-node-sw64juo5pled h2 a, .fl-builder-content .fl-node-sw64juo5pled h3 a, .fl-builder-content .fl-node-sw64juo5pled h4 a, .fl-builder-content .fl-node-sw64juo5pled h5 a, .fl-builder-content .fl-node-sw64juo5pled h6 a { color: #efeff0; } .fl-node-sw64juo5pled > .fl-row-content-wrap { background-color: #3a3a3a; } .fl-node-sw64juo5pled .fl-row-content { max-width: 1652px; } .fl-node-c8nwezsv2yok { width: 100%; } .fl-node-5ewi39sn2ukb { width: 41%; } .fl-node-p6olj92tyfbv { width: 31%; } .fl-node-zh0jv1faoimx { width: 29%; } .fl-node-yzoeb1qunil3 { width: 68%; } .fl-node-psub9y7hleg0 { width: 29%; } .fl-node-yfsjt7b2col4 .fl-photo { text-align: left; } .fl-icon-group .fl-icon { display: inline-block; margin-bottom: 10px; margin-top: 10px; } .fl-node-yvoilmzgch1t .fl-icon i, .fl-node-yvoilmzgch1t .fl-icon i:before { font-size: 47px; } .fl-node-yvoilmzgch1t .fl-icon-wrap .fl-icon-text { height: 82.25px; } @media(max-width: 1200px) { .fl-node-yvoilmzgch1t .fl-icon-wrap .fl-icon-text { height: 82.25px; } } @media(max-width: 960px) { .fl-node-yvoilmzgch1t .fl-icon-wrap .fl-icon-text { height: 82.25px; } } @media(max-width: 768px) { .fl-node-yvoilmzgch1t .fl-icon-wrap .fl-icon-text { height: 82.25px; } } .fl-node-yvoilmzgch1t .fl-icon-group { text-align: center; } .fl-node-yvoilmzgch1t .fl-icon + .fl-icon { margin-left: 10px; } .fl-node-1eylvhz5qmug .fl-photo { text-align: center; } .fl-node-0aeki5ry9vlt .fl-photo { text-align: center; } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-user .labb-image-wrapper img { padding-right: 15px; } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-text i { } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-text { font-style: none; } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-text:after { } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-user .labb-text .labb-author-name { color: #ffffff; } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-user .labb-text { } @media ( max-width: 960px ) { .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-text { } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-user .labb-text .labb-author-name { } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-user .labb-text { } } @media ( max-width: 768px ) { .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-text { } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-user .labb-text .labb-author-name { } .fl-node-0q6fl2hjz9oc .labb-testimonials-slider .labb-testimonial-user .labb-text { } } .fl-node-zs0j2u4fa731 .fl-menu .menu { } .fl-builder-content .fl-node-zs0j2u4fa731 .menu > li > a, .fl-builder-content .fl-node-zs0j2u4fa731 .menu > li > .fl-has-submenu-container > a, .fl-builder-content .fl-node-zs0j2u4fa731 .sub-menu > li > a, .fl-builder-content .fl-node-zs0j2u4fa731 .sub-menu > li > .fl-has-submenu-container > a{ color: #ffffff; } .fl-node-zs0j2u4fa731 .menu > li > a:hover, .fl-node-zs0j2u4fa731 .menu > li > a:focus, .fl-node-zs0j2u4fa731 .menu > li > .fl-has-submenu-container:hover > a, .fl-node-zs0j2u4fa731 .menu > li > .fl-has-submenu-container.focus > a, .fl-node-zs0j2u4fa731 .menu > li.current-menu-item > a, .fl-node-zs0j2u4fa731 .menu > li.current-menu-item > .fl-has-submenu-container > a, .fl-node-zs0j2u4fa731 .sub-menu > li > a:hover, .fl-node-zs0j2u4fa731 .sub-menu > li > a:focus, .fl-node-zs0j2u4fa731 .sub-menu > li > .fl-has-submenu-container:hover > a, .fl-node-zs0j2u4fa731 .sub-menu > li > .fl-has-submenu-container.focus > a, .fl-node-zs0j2u4fa731 .sub-menu > li.current-menu-item > a, .fl-node-zs0j2u4fa731 .sub-menu > li.current-menu-item > .fl-has-submenu-container > a{ color: #50c8e8;} .fl-node-zs0j2u4fa731 .fl-menu .sub-menu { background-color: #ffffff;-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 20px rgba(0,0,0,0.1);box-shadow: 0 1px 20px rgba(0,0,0,0.1);} .fl-node-zs0j2u4fa731 .fl-menu li{ border-top: 1px solid transparent; } .fl-node-zs0j2u4fa731 .fl-menu li:first-child{ border-top: none; } @media ( max-width: 768px ) { .fl-node-zs0j2u4fa731 .fl-menu .sub-menu { -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .fl-node-zs0j2u4fa731 .mega-menu.fl-active .hide-heading > .sub-menu, .fl-node-zs0j2u4fa731 .mega-menu-disabled.fl-active .hide-heading > .sub-menu { display: block !important; } .fl-node-zs0j2u4fa731 .fl-menu-logo, .fl-node-zs0j2u4fa731 .fl-menu-search-item { display: none; } } @media ( min-width: 769px ) { } .fl-node-zs0j2u4fa731 ul.fl-menu-horizontal li.mega-menu > ul.sub-menu > li > .fl-has-submenu-container a:hover { color: #ffffff; } .fl-node-zs0j2u4fa731 .fl-menu .menu, .fl-node-zs0j2u4fa731 .fl-menu .menu > li { font-size: 14px; letter-spacing: 0px; } .fl-node-zs0j2u4fa731 .menu a { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; } .fl-node-zs0j2u4fa731 .fl-menu .menu .sub-menu > li { font-size: 16px; line-height: 1; } @media(max-width: 768px) { .fl-node-zs0j2u4fa731 .fl-menu .sub-menu { background-color: transparent; } } .fl-node-8eqbkpixl2m7 .fl-separator { border-top-width: 1px; border-top-style: solid; border-top-color: #cccccc; max-width: 100%; margin: auto; } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } /* Equal height Column Bottom Alignment */ .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-pack: end; } /* H1-H6 Margin Reset in all Modules */ .uabb-module-content h1, .uabb-module-content h2, .uabb-module-content h3, .uabb-module-content h4, .uabb-module-content h5, .uabb-module-content h6 { margin: 0; clear: both; } /* Anchor Tag Css */ .fl-module-content a, .fl-module-content a:hover, .fl-module-content a:focus { text-decoration: none; } /* Row Separator CSS */ .uabb-row-separator { position: absolute; width: 100%; left: 0; z-index: 1 } .uabb-top-row-separator { top: -1px; bottom: auto } .uabb-bottom-row-separator { top: auto; bottom: -1px } /*.ult-main-seperator-inner { position: relative; height: 100%; width: 100% }*/ .uabb-top-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 0; top: -1px; bottom: auto; width: 100%; } .uabb-bottom-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 0; bottom: -1px; top: auto; width: 100%; } .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator { bottom: 0; } .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator { top: 0; } /** * * Svg Triangle Separator * Big Triangle Separator * Big Triangle Left Separator * Svg Half Circle Separator * Curve Center Separator * Waves Separator * ***************************************/ .uabb-bottom-row-separator.uabb-svg-triangle svg, .uabb-bottom-row-separator.uabb-xlarge-triangle svg, .uabb-top-row-separator.uabb-xlarge-triangle-left svg, .uabb-bottom-row-separator.uabb-svg-circle svg, .uabb-bottom-row-separator.uabb-xlarge-circle svg, .uabb-top-row-separator.uabb-wave-separator svg { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /** * * Big Triangle Right Separator * ***************************************/ .uabb-top-row-separator.uabb-xlarge-triangle-right svg { -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); transform: scale(-1); } .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } /** * * Curve Left Separator * Curve Right Separator * ***************************************/ .uabb-top-row-separator.uabb-curve-up-separator svg { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .uabb-top-row-separator.uabb-curve-down-separator svg { -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); transform: scale(-1); } .uabb-bottom-row-separator.uabb-curve-down-separator svg { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } /** * * Tilt Left Separator * Tilt Right Separator * ***************************************/ .uabb-top-row-separator.uabb-tilt-left-separator svg { -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); transform: scale(-1); } .uabb-top-row-separator.uabb-tilt-right-separator svg{ -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .uabb-bottom-row-separator.uabb-tilt-right-separator svg { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } /** * * Clouds Separator * Multi Triangle * ***************************************/ .uabb-row-separator.uabb-cloud-separator svg { left: -1px; width: 100%; } .uabb-top-row-separator.uabb-cloud-separator svg, .uabb-top-row-separator.uabb-multi-triangle svg { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } .uabb-row-separator.uabb-round-split { z-index: 1; /*position: relative;*/ } .uabb-row-separator.uabb-round-split:after, .uabb-row-separator.uabb-round-split:before { left: 0; z-index: 10; width: 50%; background: inherit inherit/inherit inherit inherit inherit; content: ''; position: absolute } /* Buttons ------------------------------------------------------ */ .uabb-button-wrap a, .uabb-button-wrap a:visited { /*background: #fafafa;*/ /*border: 1px solid #ccc;*/ /* Need to delete later -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ /*color: #333;*/ display: inline-block; font-size: 16px; /*font-weight: normal;*/ line-height: 18px; /*padding: 12px 24px;*/ text-decoration: none; text-shadow: none; } .uabb-button-wrap a *, .uabb-button-wrap a:visited * { /*color: #333;*/ } .fl-builder-content .uabb-button:hover { text-decoration: none; } .fl-builder-content .uabb-button-width-full .uabb-button { display: block; text-align: center; } .uabb-button-width-custom .uabb-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .uabb-button-left { text-align: left; } .fl-builder-content .uabb-button-center { text-align: center; } .fl-builder-content .uabb-button-right { text-align: right; } /*.fl-builder-content .uabb-button i { vertical-align: middle; }*/ .fl-builder-content .uabb-button i, .fl-builder-content .uabb-button i:before { font-size: 1em; height: 1em; line-height: 1em; width: 1em; /*margin-right:8px;*/ } .uabb-button .uabb-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-button .uabb-button-icon-before { margin-left: 0; margin-right: 8px; } .uabb-button .uabb-button-icon-no-text { margin: 0; } .uabb-button-has-icon .uabb-button-text { vertical-align: middle; } /* Icons ------------------------------------------------------ */ .uabb-icon-wrap { display: inline-block; } /*.uabb-icon { display: table-cell; vertical-align: middle; }*/ .uabb-icon a { text-decoration: none; } .uabb-icon i { /*float: left;*/ display: block; } .uabb-icon i:before { border: none !important; background: none !important; } .uabb-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .uabb-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .uabb-icon-text a { text-decoration: none; } /* Photos ------------------------------------------------------ */ .uabb-photo { line-height: 0; position: relative; } .uabb-photo-align-left { text-align: left; } .uabb-photo-align-center { text-align: center; } .uabb-photo-align-right { text-align: right; } .uabb-photo-content { border-radius: 0; display: inline-block; line-height: 0; position: relative; max-width: 100%; overflow: hidden; } .uabb-photo-content img { border-radius: inherit; display: inline; height: auto; max-width: 100%; width: auto; } .fl-builder-content .uabb-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-photo-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .uabb-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uabb-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .uabb-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; visibility: hidden; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:visibility 200ms linear; -moz-transition:visibility 200ms linear; transition:visibility 200ms linear; } .uabb-photo-content:hover .uabb-photo-caption-hover { opacity: 100; visibility: visible; /*filter: alpha(opacity = 100);*/ } /* Panel & Buttons ------------------------------------------------------ */ .uabb-active-btn { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6); box-shadow: inset 0 1px 0 rgba(120,200,230,.6); color: white; } .fl-builder-bar .fl-builder-add-content-button { display: block !important; opacity: 1 !important; } /* Image Icon Object */ .uabb-imgicon-wrap .uabb-icon { display: block; } .uabb-imgicon-wrap .uabb-icon i{ float: none; } /* Photo */ .uabb-imgicon-wrap .uabb-image { line-height: 0; position: relative; } .uabb-imgicon-wrap .uabb-image-align-left { text-align: left; } .uabb-imgicon-wrap .uabb-image-align-center { text-align: center; } .uabb-imgicon-wrap .uabb-image-align-right { text-align: right; } .uabb-imgicon-wrap .uabb-image-content { display: inline-block; border-radius: 0; line-height: 0; position: relative; max-width: 100%; } .uabb-imgicon-wrap .uabb-image-content img { display: inline; height: auto !important; max-width: 100%; width: auto; border-radius: inherit; box-shadow: none; box-sizing: content-box; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Creative Button ___________________________________________________________________________*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { background: #fafafa; border: 1px solid #ccc; color: #333; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none; text-shadow: none; box-shadow: none; position: relative; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:focus { text-decoration: none; text-shadow: none; box-shadow: none; } .uabb-creative-button-wrap a .uabb-creative-button-text, .uabb-creative-button-wrap a .uabb-creative-button-icon, .uabb-creative-button-wrap a:visited .uabb-creative-button-text, .uabb-creative-button-wrap a:visited .uabb-creative-button-icon { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /*.uabb-creative-button-wrap a *, .uabb-creative-button-wrap a:visited * { color: #333; }*/ .uabb-creative-button-wrap a:hover { text-decoration: none; } .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button { display: block; text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button { display: inline-block; text-align: center; max-width: 100%; } .uabb-creative-button-wrap .uabb-creative-button-left { text-align: left; } .uabb-creative-button-wrap .uabb-creative-button-center { text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-right { text-align: right; } .uabb-creative-button-wrap .uabb-creative-button i { font-size: 1.3em; height: auto; vertical-align: middle; width: auto; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before { margin-right: 8px; margin-left: 0; } .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i { margin: 0; } .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text { vertical-align: middle; } /* Translate Button styles */ .uabb-creative-button.uabb-creative-transparent-btn:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /* transparent-fill-top, transparent-fill-bottom */ .uabb-transparent-fill-top-btn:after, .uabb-transparent-fill-bottom-btn:after { width: 100%; height: 0; left: 0; } /* transparent-fill-top */ .uabb-transparent-fill-top-btn:after { top: 0; } /* transparent-fill-bottom */ .uabb-transparent-fill-bottom-btn:after { bottom: 0; } /* transparent-fill-left, transparent-fill-right */ .uabb-transparent-fill-left-btn:after, .uabb-transparent-fill-right-btn:after { width: 0; height: 100%; top: 0; } /* transparent-fill-left */ .uabb-transparent-fill-left-btn:after { left: 0; } /* transparent-fill-right */ .uabb-transparent-fill-right-btn:after { right: 0; } /* transparent-fill-center */ .uabb-transparent-fill-center-btn:after{ width: 0; height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* transparent-fill-diagonal, transparent-fill-horizontal */ .uabb-transparent-fill-diagonal-btn:after, .uabb-transparent-fill-horizontal-btn:after { width: 100%; height: 0; top: 50%; left: 50%; } /* transparent-fill-diagonal */ .uabb-transparent-fill-diagonal-btn{ overflow: hidden; } .uabb-transparent-fill-diagonal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -moz-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -ms-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -o-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); transform: translateX(-50%) translateY(-50%) rotate( 45deg ); } /* transparent-fill-horizontal */ .uabb-transparent-fill-horizontal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* 3D Button styles */ .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /*a.uabb-creative-threed-btn.uabb-animate_top-btn, a.uabb-creative-threed-btn.uabb-animate_bottom-btn, a.uabb-creative-threed-btn.uabb-animate_left-btn, a.uabb-creative-threed-btn.uabb-animate_right-btn { -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } */ .perspective { -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; margin: 0; } .uabb-creative-button.uabb-creative-threed-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button.uabb-creative-threed-btn { /*display: block;*/ outline: 1px solid transparent; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* 3D Button styles --- Animate to top */ .uabb-creative-threed-btn.uabb-animate_top-btn:after { height: 40%; left: 0; top: -40%; width: 100%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); } /* 3D Button styles --- Animate to bottom */ .uabb-creative-threed-btn.uabb-animate_bottom-btn:after { width: 100%; height: 40%; left: 0; top: 100%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } /* 3D Button styles --- Animate to Left */ .uabb-creative-threed-btn.uabb-animate_left-btn:after { width: 20%; height: 100%; left: -20%; top: 0; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); transform: rotateY(-60deg); } /* 3D Button styles --- Animate to Right */ .uabb-creative-threed-btn.uabb-animate_right-btn:after { width: 20%; height: 100%; left: 104%; top: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); -ms-transform: rotateY(120deg); transform: rotateY(120deg); } /* Animate Top */ .uabb-animate_top-btn:hover{ -webkit-transform: rotateX(-15deg); -moz-transform: rotateX(-15deg); -ms-transform: rotateX(-15deg); -o-transform: rotateX(-15deg); transform: rotateX(-15deg); } /* Animate Bottom */ .uabb-animate_bottom-btn:hover{ -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); -ms-transform: rotateX(15deg); -o-transform: rotateX(15deg); transform: rotateX(15deg); } /* Animate Left */ .uabb-animate_left-btn:hover{ -webkit-transform: rotateY(6deg); -moz-transform: rotateY(6deg); -ms-transform: rotateY(6deg); -o-transform: rotateY(6deg); transform: rotateY(6deg); } /* Animate Right */ .uabb-animate_right-btn:hover{ -webkit-transform: rotateY(-6deg); -moz-transform: rotateY(-6deg); -ms-transform: rotateY(-6deg); -o-transform: rotateY(-6deg); transform: rotateY(-6deg); } /* Flat Button styles */ /* Common Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn, .uabb-creative-flat-btn.uabb-animate_to_left-btn, .uabb-creative-flat-btn.uabb-animate_from_top-btn, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn { overflow: hidden; position: relative; } .uabb-creative-flat-btn.uabb-animate_to_right-btn i, .uabb-creative-flat-btn.uabb-animate_to_left-btn i, .uabb-creative-flat-btn.uabb-animate_from_top-btn i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { bottom: 0; height: 100%; margin: 0; opacity: 1; position: absolute; right: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text { display: inline-block; width: 100%; height: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Making Icon position center */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i:before, .uabb-creative-flat-btn.uabb-animate_to_left-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_top-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* Common Hover Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover i, .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover i { left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover i { top: 0; } /* Animate Icon to the right */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i { top: 0; left: -100%; } .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover .uabb-button-text { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } /* Animate Icon to the left */ .uabb-creative-flat-btn.uabb-animate_to_left-btn i { top: 0; left: 100%; } .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover .uabb-button-text { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } /* Animate Icon From the Top */ .uabb-creative-flat-btn.uabb-animate_from_top-btn i { top: -100%; left: 0; } /*.uabb-creative-flat-btn.uabb-animate_from_top-btn:hover span { -webkit-transform: translateY(500px); -moz-transform: translateY(500px); -ms-transform: translateY(500px); -o-transform: translateY(500px); transform: translateY(500px);*/ .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover .uabb-button-text { -webkit-transform: translateY(400px); -moz-transform: translateY(400px); -ms-transform: translateY(400px); -o-transform: translateY(400px); transform: translateY(400px); } /* Animate Icon From the Bottom */ .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { top: 100%; left: 0; } /*.uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover span { -webkit-transform: translateY(-500px); -moz-transform: translateY(-500px); -ms-transform: translateY(-500px); -o-transform: translateY(-500px); transform: translateY(-500px);*/ .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover .uabb-button-text { -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); -ms-transform: translateY(-400px); -o-transform: translateY(-400px); transform: translateY(-400px); } /* Media/Video CSS */ .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-tab-acc-content .mejs-container, .uabb-tab-acc-content .mejs-overlay.load, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode, .uabb-adv-accordion-content .mejs-container, .uabb-adv-accordion-content .mejs-overlay.load { width: 100% !important; height: 100% !important; } .uabb-tab-acc-content .mejs-container, .uabb-adv-accordion-content .mejs-container { padding-top: 56.25%; } .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode { max-width: 100% !important; } .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content video.wp-video-shortcode { position: relative; } .uabb-tab-acc-content .mejs-mediaelement, .uabb-adv-accordion-content .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .uabb-tab-acc-content .mejs-overlay-play, .uabb-adv-accordion-content .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } /* Theme Button ------------------------------------------------------ */ /*.fl-builder-content a.uabb-button, .fl-builder-content a.uabb-button:visited, .fl-builder-content a.uabb-creative-button, .fl-builder-content a.uabb-creative-button:visited*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { } .uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-btn:visited { } /* Responsive Js Breakpoint Css */ #uabb-js-breakpoint { content:"default"; display:none; } @media screen and (max-width: 960px) { #uabb-js-breakpoint { content:"960"; } } @media screen and (max-width: 768px) { #uabb-js-breakpoint { content:"768"; } } .fl-module.fl-animated.fl-node-yfsjt7b2col4 { animation-duration: s; } .fl-module.fl-animated.fl-node-yvoilmzgch1t { animation-duration: s; } .fl-module.fl-animated.fl-node-1eylvhz5qmug { animation-duration: s; } .fl-module.fl-animated.fl-node-0aeki5ry9vlt { animation-duration: s; } .fl-module.fl-animated.fl-node-4yfbhto9mgcq { animation-duration: s; } .fl-module.fl-animated.fl-node-0q6fl2hjz9oc { animation-duration: s; } .fl-module.fl-animated.fl-node-zs0j2u4fa731 { animation-duration: s; } .fl-module.fl-animated.fl-node-8eqbkpixl2m7 { animation-duration: s; } @keyframes a{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounceIn{animation-name:a}@keyframes b{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.bounceInDown{animation-name:b}@keyframes c{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}.bounceInUp{animation-name:c}@keyframes d{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}.bounceInLeft{animation-name:d}@keyframes e{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}.bounceInRight{animation-name:e}@keyframes f{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:f}@keyframes g{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{animation-name:g}@keyframes h{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fadeInLeft{animation-name:h}@keyframes i{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fadeInRight{animation-name:i}@keyframes j{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:j;-moz-backface-visibility:visible!important;-moz-animation-name:j;-o-backface-visibility:visible!important;-o-animation-name:j;backface-visibility:visible!important;animation-name:j}@keyframes k{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:k;-moz-backface-visibility:visible!important;-moz-animation-name:k;-o-backface-visibility:visible!important;-o-animation-name:k;backface-visibility:visible!important;animation-name:k}@keyframes l{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0) skewX(-15deg);opacity:1}to{transform:translateX(0) skewX(0deg);opacity:1}}.lightSpeedIn{animation-name:l;animation-timing-function:ease-out}@keyframes m{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse{animation-name:m}@keyframes n{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:n}@keyframes o{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation-name:o}@keyframes p{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.tada{animation-name:p}@keyframes q{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}to{transform:skewX(0deg)}}.wiggle{animation-name:q;animation-timing-function:ease-in}@keyframes r{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}.wobble{animation-name:r}body{-webkit-backface-visibility:hidden}.fl-animated.fl-bounce-in{animation-name:a;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-bounce-in-down{animation-name:b;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-bounce-in-up{animation-name:c;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-bounce-in-left{animation-name:d;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-bounce-in-right{animation-name:e;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-fade-in-down{animation-name:f;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-fade-in-up{animation-name:g;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-fade-in-left{animation-name:h;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-fade-in-right{animation-name:i;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-flip-in-x{animation-name:j;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-flip-in-y{animation-name:k;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-lightspeed-in{animation-name:l;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-pulse{animation-name:m;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-flash{animation-name:n;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-shake{animation-name:o;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-tada{animation-name:p;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-wiggle{animation-name:q;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-wobble{animation-name:r;animation-duration:1s;animation-fill-mode:both}.fl-animated.fl-roll-left{animation:s 1s ease-out}@keyframes s{0%{opacity:0;transform:translateX(100%) rotate(180deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.fl-animated.fl-roll-right{animation:t 1s ease-out}@keyframes t{0%{opacity:0;transform:translateX(-100%) rotate(-180deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}