/**
* Base CSS used by the builder's layout, including rows
* and columns. Any module specific global CSS should be
* included in fl-builder-layout-modules.css.
*/
/* Grid
------------------------------------------------------ */
.fl-builder-content *,
.fl-builder-content *:before,
.fl-builder-content *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fl-row:before,
.fl-row:after,
.fl-row-content:before,
.fl-row-content:after,
.fl-col-group:before,
.fl-col-group:after,
.fl-col:before,
.fl-col:after,
.fl-module:not([data-accepts]):before,
.fl-module:not([data-accepts]):after,
.fl-module-content:before,
.fl-module-content:after {
display: table;
content: " ";
}
.fl-row:after,
.fl-row-content:after,
.fl-col-group:after,
.fl-col:after,
.fl-module:not([data-accepts]):after,
.fl-module-content:after {
clear: both;
}
.fl-clear {
clear: both;
}
/* Rows
------------------------------------------------------ */
.fl-row,
.fl-row-content {
margin-left: auto;
margin-right: auto;
min-width: 0;
}
.fl-row-content-wrap {
position: relative;
}
/* Photo Bg */
.fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {
background-attachment: scroll;
}
/* Video and Embed Code Bg */
.fl-row-bg-video,
.fl-row-bg-video .fl-row-content,
.fl-row-bg-embed,
.fl-row-bg-embed .fl-row-content {
position: relative;
}
.fl-row-bg-video .fl-bg-video,
.fl-row-bg-embed .fl-bg-embed-code {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.fl-row-bg-video .fl-bg-video video,
.fl-row-bg-embed .fl-bg-embed-code video {
bottom: 0;
left: 0px;
max-width: none;
position: absolute;
right: 0;
top: 0px;
}
.fl-row-bg-video .fl-bg-video video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
.fl-row-bg-video .fl-bg-video iframe,
.fl-row-bg-embed .fl-bg-embed-code iframe {
pointer-events: none;
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
max-width: none;
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%); /* IE 9 */
-webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
transform: translate(-50%, -50%);
}
.fl-bg-video-fallback {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
bottom: 0px;
left: 0px;
position: absolute;
right: 0px;
top: 0px;
}
/* Slideshow Bg */
.fl-row-bg-slideshow,
.fl-row-bg-slideshow .fl-row-content {
position: relative;
}
.fl-row .fl-bg-slideshow {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.fl-builder-edit .fl-row .fl-bg-slideshow * {
bottom: 0;
height: auto !important;
left: 0;
position: absolute !important;
right: 0;
top: 0;
}
/* Row Bg Overlay */
.fl-row-bg-overlay .fl-row-content-wrap:after {
border-radius: inherit;
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.fl-row-bg-overlay .fl-row-content {
position: relative;
z-index: 1;
}
/* Full Height Rows */
.fl-row-default-height .fl-row-content-wrap,
.fl-row-custom-height .fl-row-content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 100vh;
}
.fl-row-overlap-top .fl-row-content-wrap {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
}
.fl-row-default-height .fl-row-content-wrap,
.fl-row-custom-height .fl-row-content-wrap {
min-height: 0;
}
.fl-row-default-height .fl-row-content,
.fl-row-full-height .fl-row-content,
.fl-row-custom-height .fl-row-content {
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.fl-row-default-height .fl-row-full-width.fl-row-content,
.fl-row-full-height .fl-row-full-width.fl-row-content,
.fl-row-custom-height .fl-row-full-width.fl-row-content {
max-width: 100%;
width: 100%;
}
/* Full height align center */
.fl-row-default-height.fl-row-align-center .fl-row-content-wrap,
.fl-row-full-height.fl-row-align-center .fl-row-content-wrap,
.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {
-webkit-align-items: center;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-align: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
}
/* Full height align bottom */
.fl-row-default-height.fl-row-align-bottom .fl-row-content-wrap,
.fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,
.fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {
-webkit-align-items: flex-end;
-webkit-justify-content: flex-end;
-webkit-box-align: end;
-webkit-box-pack: end;
-ms-flex-align: end;
-ms-flex-pack: end;
justify-content: flex-end;
align-items: flex-end;
}
/* Column Groups
------------------------------------------------------ */
.fl-col-group-equal-height {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.fl-col-group-equal-height.fl-col-group-has-child-loading {
flex-wrap: nowrap;
}
.fl-col-group-equal-height .fl-col,
.fl-col-group-equal-height .fl-col-content {
display: flex;
flex: 1 1 auto;
}
.fl-col-group-equal-height .fl-col-content {
flex-direction: column;
flex-shrink: 1;
min-width: 1px;
max-width: 100%;
width: 100%;
}
.fl-col-group-equal-height:before,
.fl-col-group-equal-height .fl-col:before,
.fl-col-group-equal-height .fl-col-content:before,
.fl-col-group-equal-height:after,
.fl-col-group-equal-height .fl-col:after,
.fl-col-group-equal-height .fl-col-content:after{
content: none;
}
/* Equal height align top */
.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content,
.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {
justify-content: flex-start;
}
/* Equal height align center */
.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content,
.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {
justify-content: center;
}
/* Equal height align bottom */
.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content,
.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {
justify-content: flex-end;
}
.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {
width: 100%;
}
/* Columns
------------------------------------------------------ */
.fl-col {
float: left;
min-height: 1px;
}
/* Column Bg Overlay */
.fl-col-bg-overlay .fl-col-content {
position: relative;
}
.fl-col-bg-overlay .fl-col-content:after {
border-radius: inherit;
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}
.fl-col-bg-overlay .fl-module {
position: relative;
z-index: 2;
}
/* Templates
------------------------------------------------------ */
.single:not(.woocommerce).single-fl-builder-template .fl-content {
width: 100%;
}
/* Shapes & Patterns
------------------------------------------------------- */
.fl-builder-layer {
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
.fl-builder-shape-layer {
z-index: 0;
}
.fl-builder-shape-layer.fl-builder-bottom-edge-layer {
z-index: 1;
}
.fl-row-bg-overlay .fl-builder-shape-layer {
z-index: 1;
}
.fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
z-index: 2;
}
.fl-row-has-layers .fl-row-content {
z-index: 1;
}
.fl-row-bg-overlay .fl-row-content {
z-index: 2;
}
.fl-builder-layer > * {
display: block;
position: absolute;
top:0;
left:0;
width: 100%;
}
.fl-builder-layer + .fl-row-content {
position: relative;
}
.fl-builder-layer .fl-shape {
fill: #aaa;
stroke: none;
stroke-width: 0;
width:100%;
}
/**
Fix ipad parallax issue on safari
https://core.trac.wordpress.org/ticket/48802
https://core.trac.wordpress.org/ticket/49285
https://github.com/WordPress/gutenberg/issues/17718
*/
@supports (-webkit-touch-callout: inherit) {
.fl-row.fl-row-bg-parallax .fl-row-content-wrap,
.fl-row.fl-row-bg-fixed .fl-row-content-wrap {
background-position: center !important;
background-attachment: scroll !important;
}
}
@supports (-webkit-touch-callout: none) {
.fl-row.fl-row-bg-fixed .fl-row-content-wrap {
background-position: center !important;
background-attachment: scroll !important;
}
}
/**
* Base CSS used by all (or many) modules. This file should
* not contain any generic layout CSS that doesn't apply to
* modules. That belongs in fl-builder-layout.css.
*/
/* Utilities
------------------------------------------------------ */
.fl-clearfix:before,
.fl-clearfix:after {
display: table;
content: " ";
}
.fl-clearfix:after {
clear: both;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
/* Buttons
------------------------------------------------------ */
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: inline-block;
font-size: 16px;
font-weight: normal;
line-height: 18px;
padding: 12px 24px;
text-decoration: none;
text-shadow: none;
}
.fl-builder-content .fl-button:hover {
text-decoration: none;
}
.fl-builder-content .fl-button:active {
position: relative;
top: 1px;
}
.fl-builder-content .fl-button-width-full .fl-button {
display: block;
text-align: center;
}
.fl-builder-content .fl-button-width-custom .fl-button {
display: inline-block;
text-align: center;
max-width: 100%;
}
.fl-builder-content .fl-button-left {
text-align: left;
}
.fl-builder-content .fl-button-center {
text-align: center;
}
.fl-builder-content .fl-button-right {
text-align: right;
}
.fl-builder-content .fl-button i {
font-size: 1.3em;
height: auto;
margin-right:8px;
vertical-align: middle;
width: auto;
}
.fl-builder-content .fl-button i.fl-button-icon-after {
margin-left: 8px;
margin-right: 0;
}
.fl-builder-content .fl-button-has-icon .fl-button-text {
vertical-align: middle;
}
/* Icons
------------------------------------------------------ */
.fl-icon-wrap {
display: inline-block;
}
.fl-icon {
display: table-cell;
vertical-align: middle;
}
.fl-icon a {
text-decoration: none;
}
.fl-icon i {
float: right;
height: auto;
width: auto;
}
.fl-icon i:before {
border: none !important;
height: auto;
width: auto;
}
.fl-icon-text {
display: table-cell;
text-align: left;
padding-left: 15px;
vertical-align: middle;
}
.fl-icon-text-empty {
display: none;
}
.fl-icon-text *:last-child {
margin: 0 !important;
padding: 0 !important;
}
.fl-icon-text a {
text-decoration: none;
}
.fl-icon-text span {
display: block;
}
.fl-icon-text span.mce-edit-focus {
min-width: 1px;
}
/* Photos
------------------------------------------------------ */
.fl-module img {
max-width: 100%;
}
.fl-photo {
line-height: 0;
position: relative;
}
.fl-photo-align-left {
text-align: left;
}
.fl-photo-align-center {
text-align: center;
}
.fl-photo-align-right {
text-align: right;
}
.fl-photo-content {
display: inline-block;
line-height: 0;
position: relative;
max-width: 100%;
}
.fl-photo-img-svg {
width: 100%;
}
.fl-photo-content img {
display: inline;
height: auto;
max-width: 100%;
}
.fl-photo-crop-circle img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.fl-photo-caption {
font-size: 13px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
}
.fl-photo-caption-below {
padding-bottom: 20px;
padding-top: 10px;
}
.fl-photo-caption-hover {
background: rgba(0,0,0,0.7);
bottom: 0;
color: #fff;
left: 0;
opacity: 0;
filter: alpha(opacity = 0);
padding: 10px 15px;
position: absolute;
right: 0;
-webkit-transition:opacity 0.3s ease-in;
-moz-transition:opacity 0.3s ease-in;
transition:opacity 0.3s ease-in;
}
.fl-photo-content:hover .fl-photo-caption-hover {
opacity: 100;
filter: alpha(opacity = 100);
}
/* Pagination
------------------------------------------------------ */
.fl-builder-pagination,
.fl-builder-pagination-load-more {
padding: 40px 0;
}
.fl-builder-pagination ul.page-numbers {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.fl-builder-pagination li {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.fl-builder-pagination li a.page-numbers,
.fl-builder-pagination li span.page-numbers {
border: 1px solid #e6e6e6;
display: inline-block;
padding: 5px 10px;
margin: 0 0 5px;
}
.fl-builder-pagination li a.page-numbers:hover,
.fl-builder-pagination li span.current {
background: #f5f5f5;
text-decoration: none;
}
/* Slideshows
------------------------------------------------------ */
.fl-slideshow,
.fl-slideshow * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.fl-slideshow .fl-slideshow-image img {
max-width: none !important;
}
.fl-slideshow-social {
line-height: 0 !important;
}
.fl-slideshow-social * {
margin: 0 !important;
}
/* Sliders
------------------------------------------------------ */
.fl-builder-content .bx-wrapper .bx-viewport {
background: transparent;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
left: 0;
}
/* Lightbox
------------------------------------------------------ */
.mfp-wrap button.mfp-arrow,
.mfp-wrap button.mfp-arrow:active,
.mfp-wrap button.mfp-arrow:hover,
.mfp-wrap button.mfp-arrow:focus {
background: transparent !important;
border: none !important;
outline: none;
position: absolute;
top: 50%;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.mfp-wrap .mfp-close,
.mfp-wrap .mfp-close:active,
.mfp-wrap .mfp-close:hover,
.mfp-wrap .mfp-close:focus {
background: transparent !important;
border: none !important;
outline: none;
position: absolute;
top: 0;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.admin-bar .mfp-wrap .mfp-close,
.admin-bar .mfp-wrap .mfp-close:active,
.admin-bar .mfp-wrap .mfp-close:hover,
.admin-bar .mfp-wrap .mfp-close:focus {
top: 32px!important;
}
img.mfp-img {
padding: 0;
}
.mfp-counter {
display: none;
}
.mfp-wrap .mfp-preloader.fa {
font-size: 30px;
}
/* Form Fields
------------------------------------------------------ */
.fl-form-field {
margin-bottom: 15px;
}
.fl-form-field input.fl-form-error {
border-color: #DD6420;
}
.fl-form-error-message {
clear: both;
color: #DD6420;
display: none;
padding-top: 8px;
font-size: 12px;
font-weight: lighter;
}
.fl-form-button-disabled {
opacity: 0.5;
}
/* Animations
------------------------------------------------------ */
.fl-animation {
opacity: 0;
}
body.fl-no-js .fl-animation {
opacity: 1;
}
.fl-builder-preview .fl-animation,
.fl-builder-edit .fl-animation,
.fl-animated {
opacity: 1;
}
.fl-animated {
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
/* Button Icon Animation */
.fl-button.fl-button-icon-animation i {
width: 0 !important;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}
.fl-button.fl-button-icon-animation:hover i {
opacity: 1! important;
-ms-filter: "alpha(opacity=100)";
}
.fl-button.fl-button-icon-animation i.fl-button-icon-after {
margin-left: 0px !important;
}
.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {
margin-left: 10px !important;
}
.fl-button.fl-button-icon-animation i.fl-button-icon-before {
margin-right: 0 !important;
}
.fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {
margin-right: 20px !important;
margin-left: -10px;
}
/* Default button colors for non Beaver Builder themes.
------------------------------------------------------ */
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited {
background: #fafafa;
border: 1px solid #ccc;
color: #333;
}
.fl-builder-content a.fl-button *,
.fl-builder-content a.fl-button:visited * {
color: #333;
}@media (max-width: 1200px) { /**
* Styles needed for the large breakpoint.
*/
}@media (max-width: 992px) { /* Columns
------------------------------------------------------ */
/* Reversed Responsive Stacking */
.fl-col-group.fl-col-group-medium-reversed {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
flex-direction: row-reverse;
}
}@media (max-width: 767px) { /* Rows
------------------------------------------------------ */
.fl-row-content-wrap {
background-attachment: scroll !important;
}
.fl-row-bg-parallax .fl-row-content-wrap {
background-attachment: scroll !important;
background-position: center center !important;
}
/* Column Groups
------------------------------------------------------ */
/* Equal Heights */
.fl-col-group.fl-col-group-equal-height {
display: block;
}
.fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
/* Reversed Responsive Stacking */
.fl-col-group.fl-col-group-responsive-reversed {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
flex-direction: row-reverse;
}
.fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) {
flex-basis: 100%;
width: 100% !important;
}
.fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) {
display: unset;
display: unset;
-webkit-flex-wrap: unset;
flex-wrap: unset;
flex-direction: unset;
}
/* Columns
------------------------------------------------------ */
.fl-col {
clear: both;
float: none;
margin-left: auto;
margin-right: auto;
width: auto !important;
}
.fl-col-small:not(.fl-col-small-full-width) {
max-width: 400px;
}
.fl-block-col-resize {
display:none;
}
/* Rows
------------------------------------------------------ */
.fl-row[data-node] .fl-row-content-wrap {
margin: 0;
padding-left: 0;
padding-right: 0;
}
.fl-row[data-node] .fl-bg-video,
.fl-row[data-node] .fl-bg-slideshow {
left: 0;
right: 0;
}
/* Columns
------------------------------------------------------ */
.fl-col[data-node] .fl-col-content {
margin: 0;
padding-left: 0;
padding-right: 0;
}
}@media (min-width: 1201px) {
html .fl-visible-large:not(.fl-visible-desktop),
html .fl-visible-medium:not(.fl-visible-desktop),
html .fl-visible-mobile:not(.fl-visible-desktop) {
display: none;
}
}
@media (min-width: 993px) and (max-width: 1200px) {
html .fl-visible-desktop:not(.fl-visible-large),
html .fl-visible-medium:not(.fl-visible-large),
html .fl-visible-mobile:not(.fl-visible-large) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 992px) {
html .fl-visible-desktop:not(.fl-visible-medium),
html .fl-visible-large:not(.fl-visible-medium),
html .fl-visible-mobile:not(.fl-visible-medium) {
display: none;
}
}
@media (max-width: 767px) {
html .fl-visible-desktop:not(.fl-visible-mobile),
html .fl-visible-large:not(.fl-visible-mobile),
html .fl-visible-medium:not(.fl-visible-mobile) {
display: none;
}
}
.fl-col-content {
display: flex;
flex-direction: column;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.fl-row-fixed-width {
max-width: 1280px;
}
.fl-row-content-wrap {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 3em;
padding-right: 0em;
padding-bottom: 3em;
padding-left: 0em;
}
.fl-module-content, .fl-module:where(.fl-module:not(:has(> .fl-module-content))) {
margin-bottom: 16px;
}
@media(max-width: 767px) {
.fl-row[data-node] > .fl-row-content-wrap {
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.fl-col[data-node] > .fl-col-content {
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
}
.fl-node-uaito2xheqwl > .fl-row-content-wrap {
background-color: #000000;
}
.fl-node-uaito2xheqwl > .fl-row-content-wrap {
margin-top:0px;
margin-bottom:0px;
}
.fl-node-uaito2xheqwl > .fl-row-content-wrap {
padding-top:0px;
padding-bottom:0px;
}
@media ( max-width: 767px ) {
.fl-node-uaito2xheqwl.fl-row > .fl-row-content-wrap {
padding-top:0px;
padding-bottom:0px;
}
}
.fl-node-a2o049cyuz3l {
width: 33.333%;
}
.fl-node-a2o049cyuz3l > .fl-col-content {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
}
.fl-node-i3g8nc4s2z6o {
width: 33.333%;
}
.fl-node-i3g8nc4s2z6o > .fl-col-content {
padding-top:0px;
padding-bottom:0px;
}
.fl-node-9x2atkbsquvw {
width: 33.333%;
}
/* Start Global CSS */
/* End Global CSS */
/* Start Global Nodes CSS */
/* End Global Nodes CSS */
/* Start Layout CSS */
/* End Layout CSS */
/* 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;
}
.uabb-top-row-separator {
top: 0;
bottom: auto
}
.uabb-bottom-row-separator {
top: auto;
bottom: 0;
}
.fl-builder-content-editing .fl-visible-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: none !important;
}
@media (max-width: 992px) {
.fl-builder-content-editing .fl-visible-desktop.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: none !important;
}
.fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row {
display: block !important;
}
}
@media (max-width: 768px) {
.fl-builder-content-editing .fl-visible-desktop.uabb-row,
.fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium.uabb-row {
display: none !important;
}
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: block !important;
}
}
.fl-responsive-preview-content .fl-builder-content-editing {
overflow-x: hidden;
overflow-y: visible;
}
.uabb-row-separator svg {
width: 100%;
}
.uabb-top-row-separator.uabb-has-svg svg {
position: absolute;
padding: 0;
margin: 0;
left: 50%;
top: -1px;
bottom: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uabb-bottom-row-separator.uabb-has-svg svg {
position: absolute;
padding: 0;
margin: 0;
left: 50%;
bottom: -1px;
top: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.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
* Stamp
* Grass
* Slime
* Grass Bend
* Wave Slide
* Muliple Triangles
* Pine Tree
* Pine Tree Bend
*
***************************************/
.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-top-row-separator.uabb-slime-separator svg,
.uabb-top-row-separator.uabb-grass-separator svg,
.uabb-top-row-separator.uabb-grass-bend-separator svg,
.uabb-bottom-row-separator.uabb-mul-triangles-separator svg,
.uabb-top-row-separator.uabb-wave-slide-separator svg,
.uabb-top-row-separator.uabb-pine-tree-separator svg,
.uabb-top-row-separator.uabb-pine-tree-bend-separator svg,
.uabb-bottom-row-separator.uabb-stamp-separator svg,
.uabb-bottom-row-separator.uabb-xlarge-circle svg,
.uabb-top-row-separator.uabb-wave-separator svg{
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
/*
* Big Triangle
*/
.uabb-bottom-row-separator.uabb-big-triangle svg {
left: 50%;
-webkit-transform: scale(1) scaleY(-1) translateX(-50%);
-moz-transform: scale(1) scaleY(-1) translateX(-50%);
-ms-transform: scale(1) scaleY(-1) translateX(-50%);
-o-transform: scale(1) scaleY(-1) translateX(-50%);
transform: scale(1) scaleY(-1) translateX(-50%);
}
.uabb-top-row-separator.uabb-big-triangle svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
/**
*
* Big Triangle Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-xlarge-triangle-right svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-bottom-row-separator.uabb-xlarge-triangle-right svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
/**
*
* Curve Left Separator
* Curve Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-curve-up-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-top-row-separator.uabb-curve-down-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-bottom-row-separator.uabb-curve-down-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
/**
*
* Tilt Left Separator
* Tilt Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-tilt-left-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-top-row-separator.uabb-tilt-right-separator svg{
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-bottom-row-separator.uabb-tilt-left-separator svg {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.uabb-bottom-row-separator.uabb-tilt-right-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
.uabb-top-row-separator.uabb-tilt-left-separator,
.uabb-top-row-separator.uabb-tilt-right-separator {
top: 0;
}
.uabb-bottom-row-separator.uabb-tilt-left-separator,
.uabb-bottom-row-separator.uabb-tilt-right-separator {
bottom: 0;
}
/**
*
* Clouds Separator
* Multi Triangle
* Arrow Inward
* Arrow Outward
*
***************************************/
.uabb-top-row-separator.uabb-arrow-outward-separator svg,
.uabb-top-row-separator.uabb-arrow-inward-separator svg,
.uabb-top-row-separator.uabb-cloud-separator svg,
.uabb-top-row-separator.uabb-multi-triangle svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-bottom-row-separator.uabb-multi-triangle svg {
bottom: -2px;
}
.uabb-row-separator.uabb-round-split:after,
.uabb-row-separator.uabb-round-split:before {
left: 0;
width: 50%;
background: inherit inherit/inherit inherit inherit inherit;
content: '';
position: absolute
}
/* Buttons
------------------------------------------------------ */
.uabb-button-wrap a,
.uabb-button-wrap a:visited {
display: inline-block;
font-size: 16px;
line-height: 18px;
text-decoration: none;
text-shadow: none;
}
.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-infobox .uabb-button-center,
.fl-builder-content .uabb-modal-action-wrap .uabb-button-center,
.fl-builder-content .uabb-ultb3-box .uabb-button-center,
.fl-builder-content .uabb-slide-down .uabb-button-center,
.fl-builder-content .uabb-blog-post-content .uabb-button-center,
.fl-builder-content .uabb-cta-wrap .uabb-button-center,
.fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{
text-align: inherit;
}
.fl-builder-content .uabb-button-right {
text-align: right;
}
.fl-builder-content .uabb-button i,
.fl-builder-content .uabb-button i:before {
font-size: 1em;
height: 1em;
line-height: 1em;
width: 1em;
}
.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 a {
text-decoration: none;
}
.uabb-icon i {
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;
z-index: 2;
}
.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;
}
/* 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: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;
}
.uabb-creative-button-wrap a,
.uabb-creative-button-wrap a:visited {
padding: 12px 24px;
}
/* Translate Button styles */
.uabb-creative-button.uabb-creative-transparent-btn {
background: transparent;
}
.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;
}
.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 {
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 .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 .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:not(.mejs-audio),
.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:not(.mejs-audio),
.uabb-adv-accordion-content .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.uabb-tab-acc-content .mejs-container:not(.mejs-audio),
.uabb-adv-accordion-content .mejs-container:not(.mejs-audio) {
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-container:not(.mejs-audio) .mejs-mediaelement,
.uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .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;
}
.fl-row-content-wrap .uabb-row-particles-background,
.uabb-col-particles-background {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
/* 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: 992px) {
.uabb-js-breakpoint {
content:"992";
}
}
@media screen and (max-width: 767px) {
.uabb-js-breakpoint {
content:"767";
}
}
.fl-node-nbgth4xc2y0w {
color: #ffffff;
}
.fl-builder-content .fl-node-nbgth4xc2y0w *: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-nbgth4xc2y0w a {
color: #ffffff;
}
.fl-builder-content .fl-node-nbgth4xc2y0w a:hover {
color: #ffffff;
}
.fl-builder-content .fl-node-nbgth4xc2y0w h1,
.fl-builder-content .fl-node-nbgth4xc2y0w h2,
.fl-builder-content .fl-node-nbgth4xc2y0w h3,
.fl-builder-content .fl-node-nbgth4xc2y0w h4,
.fl-builder-content .fl-node-nbgth4xc2y0w h5,
.fl-builder-content .fl-node-nbgth4xc2y0w h6,
.fl-builder-content .fl-node-nbgth4xc2y0w h1 a,
.fl-builder-content .fl-node-nbgth4xc2y0w h2 a,
.fl-builder-content .fl-node-nbgth4xc2y0w h3 a,
.fl-builder-content .fl-node-nbgth4xc2y0w h4 a,
.fl-builder-content .fl-node-nbgth4xc2y0w h5 a,
.fl-builder-content .fl-node-nbgth4xc2y0w h6 a {
color: #ffffff;
}
.fl-node-nbgth4xc2y0w > .fl-row-content-wrap {
background-color: #000000;
}
.fl-node-nbgth4xc2y0w > .fl-row-content-wrap {
padding-top:4em;
padding-right:3em;
padding-bottom:4em;
padding-left:3em;
}
@media ( max-width: 1200px ) {
.fl-node-nbgth4xc2y0w.fl-row > .fl-row-content-wrap {
padding-top:4em;
padding-right:3em;
padding-bottom:4em;
padding-left:3em;
}
}
@media ( max-width: 992px ) {
.fl-node-nbgth4xc2y0w.fl-row > .fl-row-content-wrap {
padding-top:4em;
padding-right:3em;
padding-bottom:4em;
padding-left:3em;
}
}
@media ( max-width: 767px ) {
.fl-node-nbgth4xc2y0w.fl-row > .fl-row-content-wrap {
padding-top:32px;
padding-right:16px;
padding-bottom:32px;
padding-left:16px;
}
}
.fl-node-qaobr0n6khce {
color: #ffffff;
}
.fl-builder-content .fl-node-qaobr0n6khce *: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-qaobr0n6khce a {
color: #ffffff;
}
.fl-builder-content .fl-node-qaobr0n6khce a:hover {
color: #ffffff;
}
.fl-builder-content .fl-node-qaobr0n6khce h1,
.fl-builder-content .fl-node-qaobr0n6khce h2,
.fl-builder-content .fl-node-qaobr0n6khce h3,
.fl-builder-content .fl-node-qaobr0n6khce h4,
.fl-builder-content .fl-node-qaobr0n6khce h5,
.fl-builder-content .fl-node-qaobr0n6khce h6,
.fl-builder-content .fl-node-qaobr0n6khce h1 a,
.fl-builder-content .fl-node-qaobr0n6khce h2 a,
.fl-builder-content .fl-node-qaobr0n6khce h3 a,
.fl-builder-content .fl-node-qaobr0n6khce h4 a,
.fl-builder-content .fl-node-qaobr0n6khce h5 a,
.fl-builder-content .fl-node-qaobr0n6khce h6 a {
color: #ffffff;
}
.fl-node-qaobr0n6khce > .fl-row-content-wrap {
background-color: #000000;
}
.fl-node-ma7lg8zxkcbt {
width: 25%;
}
.fl-node-syx5b13pqjzl {
width: 100%;
}
.fl-node-mc2739uv8t0i {
width: 100%;
}
.fl-node-0w8rs6ypfb4e {
width: 25%;
}
.fl-node-2hnpd71yrf4o {
width: 25%;
}
.fl-node-9yjrev5p2kil {
width: 25%;
}
@media (max-width: 767px) { .fl-module-icon {
text-align: center;
}
}.fl-node-zg7tnepa9uvy .fl-icon i,
.fl-node-zg7tnepa9uvy .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-zg7tnepa9uvy .fl-icon i:hover,
.fl-node-zg7tnepa9uvy .fl-icon i:hover:before,
.fl-node-zg7tnepa9uvy .fl-icon a:hover i,
.fl-node-zg7tnepa9uvy .fl-icon a:hover i:before {
color: #7f7f7f;
}
.fl-node-zg7tnepa9uvy .fl-icon i, .fl-node-zg7tnepa9uvy .fl-icon i:before {
font-size: 16px;
}
.fl-node-zg7tnepa9uvy .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-zg7tnepa9uvy.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-zg7tnepa9uvy .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-zg7tnepa9uvy .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 767px) {
.fl-node-zg7tnepa9uvy .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-zg7tnepa9uvy > .fl-module-content {
margin-top:0px;
margin-bottom:0px;
margin-left:5px;
}
@media (max-width: 767px) { .fl-node-zg7tnepa9uvy > .fl-module-content { margin-left:px; } }.fl-node-40kmoc3luwsj .fl-icon i,
.fl-node-40kmoc3luwsj .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-40kmoc3luwsj .fl-icon i, .fl-node-40kmoc3luwsj .fl-icon i:before {
font-size: 16px;
}
.fl-node-40kmoc3luwsj .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-40kmoc3luwsj.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-40kmoc3luwsj .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-40kmoc3luwsj .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 767px) {
.fl-node-40kmoc3luwsj .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-40kmoc3luwsj > .fl-module-content {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:3px;
}
@media (max-width: 767px) { .fl-node-40kmoc3luwsj > .fl-module-content { margin-left:px; } }.fl-node-a8br1ikm3zg5 .fl-icon i,
.fl-node-a8br1ikm3zg5 .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-a8br1ikm3zg5 .fl-icon i:hover,
.fl-node-a8br1ikm3zg5 .fl-icon i:hover:before,
.fl-node-a8br1ikm3zg5 .fl-icon a:hover i,
.fl-node-a8br1ikm3zg5 .fl-icon a:hover i:before {
color: #7f7f7f;
}
.fl-node-a8br1ikm3zg5 .fl-icon i, .fl-node-a8br1ikm3zg5 .fl-icon i:before {
font-size: 16px;
}
.fl-node-a8br1ikm3zg5 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-a8br1ikm3zg5.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-a8br1ikm3zg5 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-a8br1ikm3zg5 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 767px) {
.fl-node-a8br1ikm3zg5 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-a8br1ikm3zg5 > .fl-module-content {
margin-top:0px;
margin-bottom:0px;
margin-left:5px;
}
@media (max-width: 767px) { .fl-node-a8br1ikm3zg5 > .fl-module-content { margin-left:px; } }.fl-node-lz58by9rexq1 .fl-icon i,
.fl-node-lz58by9rexq1 .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-lz58by9rexq1 .fl-icon i, .fl-node-lz58by9rexq1 .fl-icon i:before {
font-size: 16px;
}
.fl-node-lz58by9rexq1 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-lz58by9rexq1.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-lz58by9rexq1 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-lz58by9rexq1 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 767px) {
.fl-node-lz58by9rexq1 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-lz58by9rexq1 > .fl-module-content {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:3px;
}
@media (max-width: 767px) { .fl-node-lz58by9rexq1 > .fl-module-content { margin-left:px; } }img.mfp-img {
padding-bottom: 40px !important;
}
/* Support for object-fit */
.fl-builder-edit .fl-fill-container img {
transition: object-position .5s;
}
.fl-fill-container :is(.fl-module-content, .fl-photo, .fl-photo-content, img) {
height: 100% !important;
width: 100% !important;
}
@media (max-width: 767px) { /* Mobile Photo */
.fl-photo-content,
.fl-photo-img {
max-width: 100%;
} }.fl-node-j51em98ohszd, .fl-node-j51em98ohszd .fl-photo {
text-align: left;
}
.fl-node-j51em98ohszd .fl-photo-content, .fl-node-j51em98ohszd .fl-photo-img {
width: 180px;
}
.fl-node-j51em98ohszd > .fl-module-content {
margin-left:-32px;
}
@media (max-width: 767px) { .fl-node-j51em98ohszd > .fl-module-content { margin-left:px; } } .fl-node-yspbqda7rmh4 > .fl-module-content {
margin-bottom:24px;
}
@media ( max-width: 767px ) {
.fl-node-yspbqda7rmh4.fl-module > .fl-module-content {
margin-bottom:16px;
}
}
.fl-node-shdmopbn4563 > .fl-module-content {
margin-bottom:16px;
}
@media ( max-width: 767px ) {
.fl-node-shdmopbn4563.fl-module > .fl-module-content {
margin-bottom:16px;
}
}
.fl-builder-content .fl-rich-text strong {
font-weight: bold;
}
/**
* Remove bottom margins from the last paragraph
* in v2+ text editor modules.
*/
.fl-module.fl-rich-text p:last-child {
margin-bottom: 0;
}
/* Handle overlays in the builder */
.fl-builder-edit .fl-module.fl-rich-text p:not(:has(~ *:not(.fl-block-overlay))) {
margin-bottom: 0;
}
/* UABB Advanced Menu */
.uabb-creative-menu ul,
.uabb-creative-menu li {
list-style: none !important;
margin: 0;
padding: 0;
}
.uabb-creative-menu .menu:before,
.uabb-creative-menu .menu:after {
content: '';
display: table;
clear: both;
}
/* Horizontal Menu */
.uabb-creative-menu .menu {
position: relative;
padding-left: 0;
}
.uabb-creative-menu li {
position: relative;
}
.uabb-creative-menu a {
display: block;
line-height: 1;
text-decoration: none;
}
.uabb-creative-menu .menu a {
box-shadow: none;
}
.uabb-creative-menu a:hover {
text-decoration: none;
}
.uabb-creative-menu .sub-menu {
min-width: 220px;
margin: 0;
}
.uabb-creative-menu-horizontal {
font-size: 0;
}
.uabb-creative-menu-horizontal li,
.uabb-creative-menu-horizontal > li {
font-size: medium;
}
.uabb-creative-menu-horizontal > li > .uabb-has-submenu-container > a > span.menu-item-text {
display: inline-block;
}
/* Expanded Menu */
.fl-module[data-node] .uabb-creative-menu .uabb-creative-menu-expanded .sub-menu {
background-color: transparent;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
/* Submenus */
.uabb-creative-menu .uabb-has-submenu:focus,
.uabb-creative-menu .uabb-has-submenu .sub-menu:focus,
.uabb-creative-menu .uabb-has-submenu-container:focus {
outline: 0;
}
.uabb-creative-menu .uabb-has-submenu-container {
position: relative;
}
/* Submenu - accordion, expanded */
.uabb-creative-menu .uabb-creative-menu-accordion .uabb-has-submenu > .sub-menu {
display: none;
}
/* Toggle - General */
.uabb-creative-menu .uabb-menu-toggle {
cursor: pointer;
}
.uabb-creative-menu .uabb-toggle-arrows .uabb-menu-toggle:before,
.uabb-creative-menu .uabb-toggle-none .uabb-menu-toggle:before {
border-color: #333;
}
.uabb-creative-menu .uabb-menu-expanded .uabb-menu-toggle {
display: none;
}
/* Mega menu for horizontal menus */
ul.uabb-creative-menu-horizontal li.mega-menu {
position: static;
}
ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu {
top: inherit !important;
left: 0 !important;
right: 0 !important;
width: 100%;
}
ul.uabb-creative-menu-horizontal li.mega-menu.uabb-has-submenu:hover > ul.sub-menu,
ul.uabb-creative-menu-horizontal li.mega-menu.uabb-has-submenu.focus > ul.sub-menu {
display: flex !important;
}
ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu li {
border-color: transparent;
}
ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu > li {
width: 100%;
}
ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu > li > .uabb-has-submenu-container a {
font-weight: bold;
}
ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu > li > .uabb-has-submenu-container a:hover {
background: transparent;
}
ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu .uabb-menu-toggle {
display: none;
}
ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu ul.sub-menu {
background: transparent;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
display: block;
min-width: 0;
opacity: 1;
padding: 0;
position: static;
visibility: visible;
}
/* Mobile menu - Hamburger icon */
.uabb-creative-menu-mobile-toggle {
position: relative;
padding: 8px;
background-color: transparent;
border: none;
color: #333;
border-radius: 0;
cursor: pointer;
display: inline-block;
z-index: 5;
}
.uabb-creative-menu-mobile-toggle.text {
width: auto;
text-align: center;
}
.uabb-creative-menu-mobile-toggle.hamburger .uabb-creative-menu-mobile-toggle-label,
.uabb-creative-menu-mobile-toggle.hamburger-label .uabb-creative-menu-mobile-toggle-label {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.uabb-creative-menu-mobile-toggle.hamburger .uabb-svg-container,
.uabb-creative-menu-mobile-toggle.hamburger-label .uabb-svg-container {
display: inline-block;
position: relative;
width: 1.4em;
height: 1.4em;
vertical-align: middle;
}
.uabb-creative-menu-mobile-toggle.hamburger .hamburger-menu,
.uabb-creative-menu-mobile-toggle.hamburger-label .hamburger-menu {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.uabb-creative-menu-mobile-toggle.hamburger .hamburger-menu rect,
.uabb-creative-menu-mobile-toggle.hamburger-label .hamburger-menu rect {
fill: currentColor;
}
.uabb-creative-menu.off-canvas .uabb-off-canvas-menu .uabb-menu-close-btn {
width: 20px;
height: 10px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
display: block;
z-index: 99;
}
.uabb-creative-menu-mobile-toggle:focus{
outline: thin dotted;
}
/* Overlay */
.uabb-creative-menu .uabb-menu-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
overflow-y: auto;
overflow-x: hidden;
}
.uabb-creative-menu .uabb-menu-overlay > ul.menu {
text-align: center;
position: relative;
top: 50%;
width: 40%;
height: 60%;
margin: 0 auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.uabb-creative-menu .uabb-overlay-fade {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.uabb-creative-menu.menu-open .uabb-overlay-fade {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.uabb-creative-menu .uabb-overlay-slide-down {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}
.uabb-creative-menu.menu-open .uabb-overlay-slide-down {
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
}
.uabb-creative-menu .uabb-overlay-scale {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.uabb-creative-menu.menu-open .uabb-overlay-scale {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.uabb-creative-menu .uabb-overlay-door {
visibility: hidden;
width: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
transition: width 0.5s 0.3s, visibility 0s 0.8s;
}
.uabb-creative-menu.menu-open .uabb-overlay-door {
visibility: visible;
width: 100%;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}
.uabb-creative-menu .uabb-overlay-door > ul.menu {
left: 0;
right: 0;
transform: translateY(-50%);
}
.uabb-creative-menu .uabb-overlay-door > ul,
.uabb-creative-menu .uabb-overlay-door .uabb-menu-close-btn {
opacity: 0;
-webkit-transition: opacity 0.3s 0.5s;
transition: opacity 0.3s 0.5s;
}
.uabb-creative-menu.menu-open .uabb-overlay-door > ul,
.uabb-creative-menu.menu-open .uabb-overlay-door .uabb-menu-close-btn {
opacity: 1;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.uabb-creative-menu.menu-close .uabb-overlay-door > ul,
.uabb-creative-menu.menu-close .uabb-overlay-door .uabb-menu-close-btn {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.uabb-creative-menu .uabb-menu-overlay .uabb-toggle-arrows .uabb-has-submenu-container a > span {
padding-right: 0 !important;
}
.uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn {
position: absolute;
display: block;
width: 55px;
height: 45px;
right: 40px;
top: 40px;
overflow: hidden;
border: none;
outline: none;
z-index: 100;
font-size: 30px;
cursor: pointer;
background-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn:before,
.uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn:after {
content: '';
position: absolute;
left: 50%;
width: 2px;
height: 40px;
background-color: #ffffff;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
/* Off Canvas */
.uabb-creative-menu .uabb-off-canvas-menu .menu {
margin-top: 40px;
}
.uabb-creative-menu.off-canvas .uabb-clear {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99998;
background: rgba(0,0,0,0.0);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-left {
position: fixed;
top: 0;
left: 0;
transform: translate3d(-320px, 0px, 0px);
}
.uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-right {
position: fixed;
top: 0;
right: 0;
transform: translate3d(320px, 0px, 0px);
}
.uabb-creative-menu .uabb-off-canvas-menu {
z-index: 99999;
width: 300px;
height: 100%;
background: rgb(55, 58, 71);
padding: 60px 20px;
-webkit-transition: all 0.8s;
transition: transform 0.8s ease;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
perspective: 1000;
backface-visibility: hidden;
}
.menu-open.uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-left {
transform: translate3d(0px, 0px, 0px);
transition: transform 0.8s ease;
}
.menu-open.uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-right {
transform: translate3d(0px, 0px, 0px);
transition: transform 0.8s ease;
}
.uabb-creative-menu.off-canvas.menu-open .uabb-clear {
visibility: visible;
opacity: 1;
}
@media ( max-width: 992px ) {
.uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn {
right: 20px;
top: 20px;
}
}
/* Compatibility CSS - start */
.theme-twentytwentyone .uabb-creative-menu button.sub-menu-toggle {
display: none;
}
/* Compatibility CSS - end */
/* Menu alignment */
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu {
text-align: left;
}
.uabb-creative-menu-expanded ul.sub-menu li a,
.uabb-creative-menu-accordion ul.sub-menu li a,
.uabb-creative-menu-accordion ul.sub-menu li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li .uabb-has-submenu-container a {
text-indent: 20px;
}
.uabb-creative-menu-expanded ul.sub-menu li li a,
.uabb-creative-menu-accordion ul.sub-menu li li a,
.uabb-creative-menu-accordion ul.sub-menu li li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li li .uabb-has-submenu-container a {
text-indent: 30px;
}
.uabb-creative-menu-expanded ul.sub-menu li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li li li .uabb-has-submenu-container a {
text-indent: 40px;
}
.uabb-creative-menu-expanded ul.sub-menu li li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li li li li .uabb-has-submenu-container a {
text-indent: 50px;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > a span.uabb-menu-toggle,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > .uabb-has-submenu-container a span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu.uabb-creative-menu-vertical .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
/**
* Overall menu styling
*/
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li {
margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.text:hover .uabb-creative-menu-mobile-toggle-label,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.hamburger-label:hover .uabb-svg-container .uabb-creative-menu-mobile-toggle-label,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.hamburger:hover .uabb-svg-container {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.text,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.hamburger-label,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.hamburger {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.text:hover,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.hamburger-label:hover,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle.hamburger:hover {
}
.fl-node-e8kjp7s0cxul .menu .uabb-has-submenu .sub-menu {
display: none;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu li:first-child {
border-top: none;
}
@media only screen and ( min-width: 768px ) {
.fl-node-e8kjp7s0cxul .menu .uabb-wp-has-submenu .sub-menu {
position: absolute;
top: 0;
left: 100%;
z-index: 10;
visibility: hidden;
opacity: 0;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-has-submenu:hover > .sub-menu,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-has-submenu:focus > .sub-menu {
visibility: visible;
opacity: 1;
display: block;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-has-submenu:focus-within > .sub-menu {
visibility: visible;
opacity: 1;
display: block;
}
.fl-node-e8kjp7s0cxul .menu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu {
top: 100%;
left: inherit;
right: 0;
}
.fl-node-e8kjp7s0cxul .menu .uabb-has-submenu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu {
top: 0;
left: inherit;
right: 100%;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-has-submenu-container a span.menu-item-text {
color: ;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-menu-toggle {
display: none;
}
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu.uabb-menu-default .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
padding-top:0px;padding-bottom:16px;padding-left:0px;padding-right:0px;}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .fl-module-content .uabb-creative-menu .menu > li > a span.menu-item-text,
.fl-node-e8kjp7s0cxul .fl-module-content .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a span.menu-item-text {
width: 100%;
}
/* Sub-menu */
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a {
padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;
background-color: #edecec;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu:not(.off-canvas):not(.full-screen):not(.menu-item) .uabb-creative-menu .sub-menu {
min-width: 220px;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li.uabb-creative-menu > a > span,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a > span {
color: #333333;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #e3e2e3;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li:last-child {
border-bottom: none;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li:first-child,
.fl-node-e8kjp7s0cxul .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li li:first-child {
border-top: none;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li.uabb-active > .sub-menu > li:first-child,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu.uabb-creative-menu-expanded .sub-menu > li > .sub-menu > li:first-child {
border-top-style: solid;
border-top-width: 1px;
border-top-color: #e3e2e3;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu {
-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
-o-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li:last-child > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li:last-child > .uabb-has-submenu-container > a {
border: 0;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:hover span.menu-item-text,
.fl-node-e8kjp7s0cxul .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:focus span.menu-item-text,
.fl-node-e8kjp7s0cxul .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:hover span.menu-item-text,
.fl-node-e8kjp7s0cxul .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:focus span.menu-item-text {
color: ;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > a:hover,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > a:focus,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:hover,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:focus {
background-color: #f5f5f5;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-toggle-arrows .sub-menu li .uabb-menu-toggle:before,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-toggle-none .sub-menu li .uabb-menu-toggle:before {
color: #333333;
}
/* Toggle button */
@media only screen and ( max-width: 767px ) {
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-menu-overlay .menu {
margin-top: 40px;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu {
text-align: left;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > a span.uabb-menu-toggle,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
}
@media only screen and (max-width: 992px) {
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle-container,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text {
text-align: ;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu.off-canvas .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu.uabb-menu-default .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu.full-screen .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a {
}
.fl-builder .fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-off-canvas-menu {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > a span.uabb-menu-toggle,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
}
@media only screen and (max-width: 767px) {
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle-container,
.fl-node-e8kjp7s0cxul .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text {
text-align: ;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu.off-canvas .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu.uabb-menu-default .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu.full-screen .menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > a,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a {
}
.fl-builder .fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-off-canvas-menu {
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu {
text-align: left;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > a span.uabb-menu-toggle,
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
}
/***************************** Overlay *********************************/
/***************************** Accordion **********************************/
@media only screen and ( max-width: 767px ) {
}
/***************************** Off Canvas **********************************/
.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > a,.fl-node-e8kjp7s0cxul .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a {
font-family: Inter, sans-serif;
font-weight: 600;
font-size: 13px;
line-height: 1;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-creative-menu-vertical .sub-menu, .fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-creative-menu-horizontal .sub-menu {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-creative-menu-expanded.menu > .uabb-has-submenu > .sub-menu, .fl-node-e8kjp7s0cxul .uabb-creative-menu .uabb-creative-menu-accordion.menu > .uabb-has-submenu > .sub-menu {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-node-e8kjp7s0cxul > .fl-module-content {
margin-bottom:0px;
}
.fl-node-y750zxagvi1k, .fl-node-y750zxagvi1k .fl-photo {
text-align: left;
}
.fl-node-y750zxagvi1k .fl-photo-content, .fl-node-y750zxagvi1k .fl-photo-img {
width: 85px;
}
.fl-node-y750zxagvi1k > .fl-module-content {
margin-left:16px;
}
@media (max-width: 767px) { .fl-node-y750zxagvi1k > .fl-module-content { margin-left:px; } }
/* Menu alignment */
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu {
text-align: left;
}
.uabb-creative-menu-expanded ul.sub-menu li a,
.uabb-creative-menu-accordion ul.sub-menu li a,
.uabb-creative-menu-accordion ul.sub-menu li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li .uabb-has-submenu-container a {
text-indent: 20px;
}
.uabb-creative-menu-expanded ul.sub-menu li li a,
.uabb-creative-menu-accordion ul.sub-menu li li a,
.uabb-creative-menu-accordion ul.sub-menu li li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li li .uabb-has-submenu-container a {
text-indent: 30px;
}
.uabb-creative-menu-expanded ul.sub-menu li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li li li .uabb-has-submenu-container a {
text-indent: 40px;
}
.uabb-creative-menu-expanded ul.sub-menu li li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li li a,
.uabb-creative-menu-accordion ul.sub-menu li li li li .uabb-has-submenu-container a,
.uabb-creative-menu-expanded ul.sub-menu li li li li .uabb-has-submenu-container a {
text-indent: 50px;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > a span.uabb-menu-toggle,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > .uabb-has-submenu-container a span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu.uabb-creative-menu-vertical .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
/**
* Overall menu styling
*/
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li {
margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.text:hover .uabb-creative-menu-mobile-toggle-label,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.hamburger-label:hover .uabb-svg-container .uabb-creative-menu-mobile-toggle-label,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.hamburger:hover .uabb-svg-container {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.text,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.hamburger-label,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.hamburger {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.text:hover,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.hamburger-label:hover,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle.hamburger:hover {
}
.fl-node-gxhfwpy5ad6j .menu .uabb-has-submenu .sub-menu {
display: none;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu li:first-child {
border-top: none;
}
@media only screen and ( min-width: 768px ) {
.fl-node-gxhfwpy5ad6j .menu .uabb-wp-has-submenu .sub-menu {
position: absolute;
top: 0;
left: 100%;
z-index: 10;
visibility: hidden;
opacity: 0;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-has-submenu:hover > .sub-menu,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-has-submenu:focus > .sub-menu {
visibility: visible;
opacity: 1;
display: block;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-has-submenu:focus-within > .sub-menu {
visibility: visible;
opacity: 1;
display: block;
}
.fl-node-gxhfwpy5ad6j .menu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu {
top: 100%;
left: inherit;
right: 0;
}
.fl-node-gxhfwpy5ad6j .menu .uabb-has-submenu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu {
top: 0;
left: inherit;
right: 100%;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-has-submenu-container a span.menu-item-text {
color: ;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-menu-toggle {
display: none;
}
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.uabb-menu-default .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
padding-top:0px;padding-bottom:16px;padding-left:0px;padding-right:0px;}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .fl-module-content .uabb-creative-menu .menu > li > a span.menu-item-text,
.fl-node-gxhfwpy5ad6j .fl-module-content .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a span.menu-item-text {
width: 100%;
}
/* Sub-menu */
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a {
padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;
background-color: #edecec;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu:not(.off-canvas):not(.full-screen):not(.menu-item) .uabb-creative-menu .sub-menu {
min-width: 220px;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li.uabb-creative-menu > a > span,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a > span {
color: #333333;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #e3e2e3;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li:last-child {
border-bottom: none;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li:first-child,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li li:first-child {
border-top: none;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li.uabb-active > .sub-menu > li:first-child,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu.uabb-creative-menu-expanded .sub-menu > li > .sub-menu > li:first-child {
border-top-style: solid;
border-top-width: 1px;
border-top-color: #e3e2e3;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu {
-webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
-o-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3);
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li:last-child > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li:last-child > .uabb-has-submenu-container > a {
border: 0;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:hover span.menu-item-text,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:focus span.menu-item-text,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:hover span.menu-item-text,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:focus span.menu-item-text {
color: ;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > a:hover,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > a:focus,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:hover,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:focus {
background-color: #f5f5f5;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-toggle-arrows .sub-menu li .uabb-menu-toggle:before,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-toggle-none .sub-menu li .uabb-menu-toggle:before {
color: #333333;
}
/* Toggle button */
@media only screen and ( max-width: 767px ) {
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-menu-overlay .menu {
margin-top: 40px;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu {
text-align: left;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > a span.uabb-menu-toggle,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
}
@media only screen and (max-width: 992px) {
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle-container,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text {
text-align: ;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.off-canvas .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.uabb-menu-default .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.full-screen .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a {
}
.fl-builder .fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-off-canvas-menu {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > a span.uabb-menu-toggle,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
}
@media only screen and (max-width: 767px) {
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle-container,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text {
text-align: ;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.off-canvas .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.uabb-menu-default .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.full-screen .menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > a,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a {
}
.fl-builder .fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-off-canvas-menu {
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu {
text-align: left;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > a span.uabb-menu-toggle,
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle {
padding-left: 10px;
float: right;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu .uabb-menu-toggle {
padding-left: 10px;
float: right;
}
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 767px) {
}
/***************************** Overlay *********************************/
/***************************** Accordion **********************************/
@media only screen and ( max-width: 767px ) {
}
/***************************** Off Canvas **********************************/
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > a,.fl-node-gxhfwpy5ad6j .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a {
font-family: Inter, sans-serif;
font-weight: 600;
font-size: 13px;
line-height: 1;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-creative-menu-vertical .sub-menu, .fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-creative-menu-horizontal .sub-menu {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-creative-menu-expanded.menu > .uabb-has-submenu > .sub-menu, .fl-node-gxhfwpy5ad6j .uabb-creative-menu .uabb-creative-menu-accordion.menu > .uabb-has-submenu > .sub-menu {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-icon-group .fl-icon {
display: inline-block;
margin-bottom: 10px;
margin-top: 10px;
}
.fl-node-657gft2myzbc .fl-icon i,
.fl-node-657gft2myzbc .fl-icon i:before {
color: #ffffff;
}
.fl-node-657gft2myzbc .fl-icon i, .fl-node-657gft2myzbc .fl-icon i:before {
font-size: 25px;
}
.fl-node-657gft2myzbc .fl-icon-wrap .fl-icon-text {
height: 43.75px;
}
@media(max-width: 1200px) {
.fl-node-657gft2myzbc .fl-icon-wrap .fl-icon-text {
height: 43.75px;
}
}
@media(max-width: 992px) {
.fl-node-657gft2myzbc .fl-icon-wrap .fl-icon-text {
height: 43.75px;
}
}
@media(max-width: 767px) {
.fl-node-657gft2myzbc .fl-icon-wrap .fl-icon-text {
height: 43.75px;
}
}
.fl-node-657gft2myzbc .fl-icon-group {
text-align: left;
}
.fl-node-657gft2myzbc .fl-icon + .fl-icon {
margin-left: 10px;
}
.fl-node-657gft2myzbc > .fl-module-content {
margin-bottom:0px;
}
/* Start Global Nodes CSS */
/* End Global Nodes CSS */
/* Start Layout CSS */
/* End Layout CSS */
/* 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;
}
.uabb-top-row-separator {
top: 0;
bottom: auto
}
.uabb-bottom-row-separator {
top: auto;
bottom: 0;
}
.fl-builder-content-editing .fl-visible-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: none !important;
}
@media (max-width: 992px) {
.fl-builder-content-editing .fl-visible-desktop.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: none !important;
}
.fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row {
display: block !important;
}
}
@media (max-width: 768px) {
.fl-builder-content-editing .fl-visible-desktop.uabb-row,
.fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium.uabb-row {
display: none !important;
}
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: block !important;
}
}
.fl-responsive-preview-content .fl-builder-content-editing {
overflow-x: hidden;
overflow-y: visible;
}
.uabb-row-separator svg {
width: 100%;
}
.uabb-top-row-separator.uabb-has-svg svg {
position: absolute;
padding: 0;
margin: 0;
left: 50%;
top: -1px;
bottom: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uabb-bottom-row-separator.uabb-has-svg svg {
position: absolute;
padding: 0;
margin: 0;
left: 50%;
bottom: -1px;
top: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.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
* Stamp
* Grass
* Slime
* Grass Bend
* Wave Slide
* Muliple Triangles
* Pine Tree
* Pine Tree Bend
*
***************************************/
.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-top-row-separator.uabb-slime-separator svg,
.uabb-top-row-separator.uabb-grass-separator svg,
.uabb-top-row-separator.uabb-grass-bend-separator svg,
.uabb-bottom-row-separator.uabb-mul-triangles-separator svg,
.uabb-top-row-separator.uabb-wave-slide-separator svg,
.uabb-top-row-separator.uabb-pine-tree-separator svg,
.uabb-top-row-separator.uabb-pine-tree-bend-separator svg,
.uabb-bottom-row-separator.uabb-stamp-separator svg,
.uabb-bottom-row-separator.uabb-xlarge-circle svg,
.uabb-top-row-separator.uabb-wave-separator svg{
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
/*
* Big Triangle
*/
.uabb-bottom-row-separator.uabb-big-triangle svg {
left: 50%;
-webkit-transform: scale(1) scaleY(-1) translateX(-50%);
-moz-transform: scale(1) scaleY(-1) translateX(-50%);
-ms-transform: scale(1) scaleY(-1) translateX(-50%);
-o-transform: scale(1) scaleY(-1) translateX(-50%);
transform: scale(1) scaleY(-1) translateX(-50%);
}
.uabb-top-row-separator.uabb-big-triangle svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
/**
*
* Big Triangle Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-xlarge-triangle-right svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-bottom-row-separator.uabb-xlarge-triangle-right svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
/**
*
* Curve Left Separator
* Curve Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-curve-up-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-top-row-separator.uabb-curve-down-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-bottom-row-separator.uabb-curve-down-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
/**
*
* Tilt Left Separator
* Tilt Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-tilt-left-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-top-row-separator.uabb-tilt-right-separator svg{
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-bottom-row-separator.uabb-tilt-left-separator svg {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.uabb-bottom-row-separator.uabb-tilt-right-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
.uabb-top-row-separator.uabb-tilt-left-separator,
.uabb-top-row-separator.uabb-tilt-right-separator {
top: 0;
}
.uabb-bottom-row-separator.uabb-tilt-left-separator,
.uabb-bottom-row-separator.uabb-tilt-right-separator {
bottom: 0;
}
/**
*
* Clouds Separator
* Multi Triangle
* Arrow Inward
* Arrow Outward
*
***************************************/
.uabb-top-row-separator.uabb-arrow-outward-separator svg,
.uabb-top-row-separator.uabb-arrow-inward-separator svg,
.uabb-top-row-separator.uabb-cloud-separator svg,
.uabb-top-row-separator.uabb-multi-triangle svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-bottom-row-separator.uabb-multi-triangle svg {
bottom: -2px;
}
.uabb-row-separator.uabb-round-split:after,
.uabb-row-separator.uabb-round-split:before {
left: 0;
width: 50%;
background: inherit inherit/inherit inherit inherit inherit;
content: '';
position: absolute
}
/* Buttons
------------------------------------------------------ */
.uabb-button-wrap a,
.uabb-button-wrap a:visited {
display: inline-block;
font-size: 16px;
line-height: 18px;
text-decoration: none;
text-shadow: none;
}
.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-infobox .uabb-button-center,
.fl-builder-content .uabb-modal-action-wrap .uabb-button-center,
.fl-builder-content .uabb-ultb3-box .uabb-button-center,
.fl-builder-content .uabb-slide-down .uabb-button-center,
.fl-builder-content .uabb-blog-post-content .uabb-button-center,
.fl-builder-content .uabb-cta-wrap .uabb-button-center,
.fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{
text-align: inherit;
}
.fl-builder-content .uabb-button-right {
text-align: right;
}
.fl-builder-content .uabb-button i,
.fl-builder-content .uabb-button i:before {
font-size: 1em;
height: 1em;
line-height: 1em;
width: 1em;
}
.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 a {
text-decoration: none;
}
.uabb-icon i {
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;
z-index: 2;
}
.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;
}
/* 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: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;
}
.uabb-creative-button-wrap a,
.uabb-creative-button-wrap a:visited {
padding: 12px 24px;
}
/* Translate Button styles */
.uabb-creative-button.uabb-creative-transparent-btn {
background: transparent;
}
.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;
}
.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 {
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 .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 .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:not(.mejs-audio),
.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:not(.mejs-audio),
.uabb-adv-accordion-content .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.uabb-tab-acc-content .mejs-container:not(.mejs-audio),
.uabb-adv-accordion-content .mejs-container:not(.mejs-audio) {
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-container:not(.mejs-audio) .mejs-mediaelement,
.uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .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;
}
.fl-row-content-wrap .uabb-row-particles-background,
.uabb-col-particles-background {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
/* 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: 992px) {
.uabb-js-breakpoint {
content:"992";
}
}
@media screen and (max-width: 767px) {
.uabb-js-breakpoint {
content:"767";
}
}
.fl-node-u416goaizdq9 {
width: 66%;
}
.fl-node-u416goaizdq9 > .fl-col-content {
padding-right:64px;
}
.fl-node-ie6fck5qp3zn {
width: 34%;
}
.fl-node-ie6fck5qp3zn > .fl-col-content {
background-color: #f9f9f9;
}
.fl-node-ie6fck5qp3zn > .fl-col-content {
padding-top:32px;
padding-right:32px;
padding-bottom:32px;
padding-left:32px;
}
.fl-module-heading .fl-heading {
padding: 0 !important;
margin: 0 !important;
}.fl-node-0ln5hoaugkfc.fl-module-heading .fl-heading {
font-size: 32px;
}
.fl-node-0ln5hoaugkfc > .fl-module-content {
margin-bottom:16px;
}
.fl-node-g9iy2k6tezf7.fl-module-heading .fl-heading {
font-size: 40px;
}
.fl-node-g9iy2k6tezf7 > .fl-module-content {
margin-bottom:32px;
}
@media (max-width: 767px) { .fl-node-g9iy2k6tezf7 > .fl-module-content { margin-bottom:16px; } }.fl-node-zasj78qc6ubw, .fl-node-zasj78qc6ubw .fl-photo {
text-align: center;
}
.fl-node-e4o0qtrvjph9.fl-module-heading .fl-heading {
font-size: 40px;
}
.fl-node-e4o0qtrvjph9 > .fl-module-content {
margin-bottom:32px;
}
@media (max-width: 767px) { .fl-node-e4o0qtrvjph9 > .fl-module-content { margin-bottom:16px; } }.uabb-image-carousel {
position: relative;
text-align: center;
}
.fl-col-group.fl-col-group-responsive-reversed:has(.fl-module-uabb-image-carousel),
.fl-col-group.fl-col-group-responsive-reversed .fl-col:has(.fl-module-uabb-image-carousel),
.fl-col-group.fl-col-group-responsive-reversed .fl-col-content:has(.fl-module-uabb-image-carousel) {
min-width: 0px;
}
.internet-explorer9 .uabb-background-mask .uabb-overlay-icon {
top: 50%;
position: absolute;
transform: translateX(-50%) translateY(-50%);
left: 50%;
}
.uabb-image-carousel-item {
float: left;
text-align: center;
display: none;
}
.uabb-image-carousel-content {
position: relative;
text-align: center;
overflow: hidden;
}
.uabb-image-carousel img {
width: 100%!important;
height: auto!important;
max-width: 100%;
}
.uabb-image-carousel .slick-prev i,
.uabb-image-carousel .slick-next i,
.uabb-image-carousel .slick-prev i:hover,
.uabb-image-carousel .slick-next i:hover,
.uabb-image-carousel .slick-prev i:focus,
.uabb-image-carousel .slick-next i:focus {
font-size: 20px;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
box-sizing: content-box;
}
.uabb-image-carousel .slick-prev,
.uabb-image-carousel .slick-next,
.uabb-image-carousel .slick-prev:hover,
.uabb-image-carousel .slick-prev:focus,
.uabb-image-carousel .slick-next:hover,
.uabb-image-carousel .slick-next:focus {
display: block;
position: absolute;
font-size: 0;
line-height: 0;
width: auto;
height: auto;
top: 50%;
padding: 0;
cursor: pointer;
color: #000;
border: none;
outline: none;
background: transparent;
border-radius: 0;
}
.uabb-image-carousel .slick-prev:hover:before,
.uabb-image-carousel .slick-prev:focus:before,
.uabb-image-carousel .slick-next:hover:before,
.uabb-image-carousel .slick-next:focus:before {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.uabb-image-carousel .slick-prev.slick-disabled:before,
.uabb-image-carousel .slick-next.slick-disabled:before {
opacity: .25;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
}
.uabb-image-carousel .slick-prev:before,
.uabb-image-carousel .slick-next:before {
content: '';
font-size: 0;
line-height: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.uabb-image-carousel .slick-prev,
.uabb-image-carousel .slick-prev:hover {
left: -20px;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.uabb-image-carousel .slick-next,
.uabb-image-carousel .slick-next:hover {
right: -20px;
z-index: 1;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.uabb-image-carousel.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;
}
.uabb-image-carousel .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.uabb-image-carousel .slick-list:focus {
outline: none;
}
.uabb-image-carousel .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.uabb-image-carousel.slick-slider .slick-track,
.uabb-image-carousel.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.uabb-image-carousel .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.uabb-image-carousel .slick-track:before,
.uabb-image-carousel .slick-track:after {
display: table;
content: '';
}
.uabb-image-carousel .slick-track:after {
clear: both;
}
.uabb-image-carousel .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.uabb-image-carousel .slick-slide.dragging img {
pointer-events: none;
}
.uabb-image-carousel .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.uabb-image-carousel .slick-arrow,
.uabb-image-carousel .slick-arrow:active,
.uabb-image-carousel .slick-arrow:hover,
.uabb-image-carousel .slick-arrow:focus {
box-shadow: none;
}
.uabb-image-carousel ul.slick-dots {
display: block;
position: relative;
margin: 0;
left: 0;
width: 100%;
text-align: center;
}
.uabb-image-carousel ul.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
cursor: pointer;
}
.uabb-image-carousel ul.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.uabb-image-carousel ul.slick-dots li button:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '\f111';
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.uabb-image-carousel-caption {
font-size: 13px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uabb-image-carousel-caption-below {
padding: 15px;
}
.uabb-image-carousel-caption-hover {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
color: #fff;
left: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
padding: 10px 15px;
position: absolute;
right: 0;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.uabb-image-carousel-content:hover .uabb-image-carousel-caption-hover {
opacity: 100;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10000);
filter: alpha(opacity=100);
}
.uabb-background-mask {
background: rgba(0, 0, 0, .5);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
overflow: hidden;
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
}
.uabb-background-mask .uabb-overlay-icon i {
line-height: 1em;
width: 1.3em;
height: 1em;
}
.uabb-background-mask .uabb-caption {
margin-bottom: 10px;
}
.uabb-background-mask .uabb-inner-mask {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.uabb-background-mask.from-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.uabb-background-mask.from-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.uabb-background-mask.from-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.uabb-background-mask.from-bottom {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.uabb-image-carousel-content:hover .uabb-background-mask {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-webkit-transform: translate(0);
transform: translate(0);
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.uabb-image-carousel .uabb-image-carousel-content .uabb-gallery-img,
.uabb-masonary-content .uabb-image-carousel-content .uabb-gallery-img {
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.uabb-image-carousel.zoom-in .uabb-image-carousel-content:hover .uabb-gallery-img,
.uabb-masonary-content.zoom-in .uabb-image-carousel-content:hover .uabb-gallery-img,
.uabb-image-carousel.zoom-out .uabb-image-carousel-content .uabb-gallery-img,
.uabb-masonary-content.zoom-out .uabb-image-carousel-content .uabb-gallery-img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.uabb-image-carousel.zoom-out .uabb-image-carousel-content:hover .uabb-gallery-img,
.uabb-masonary-content.zoom-out .uabb-image-carousel-content:hover .uabb-gallery-img {
-webkit-transform: scale(1);
transform: scale(1);
}
.uabb-image-carousel-link a,
.uabb-image-carousel-link img,
.uabb-image-carousel .slick-slide img,
.uabb-image-carousel.slick-initialized .slick-slide {
display: block;
}
.uabb-image-carousel .slick-loading .slick-track,
.uabb-image-carousel .slick-loading .slick-slide {
visibility: hidden;
}
.uabb-image-carousel .slick-slide.slick-loading img,
.uabb-image-carousel .slick-arrow.slick-hidden {
display: none;
}
/* Compatibility CSS - start */
.theme-twentytwentyone .uabb-image-carousel button.slick-prev.slick-arrow,
.theme-twentytwentyone .uabb-image-carousel button.slick-next.slick-arrow {
background: unset;
}
.theme-twentytwentyone .uabb-image-carousel ul.slick-dots li button{
background: unset;
}
.uabb-image-carousel ul.slick-dots li.slick-active button:before {
opacity: 0.75;
color: black;
}
/* Compatibility CSS - end */
.fl-node-r61todbw5ziq .uabb-image-carousel {
margin: -10px;
}
.fl-node-r61todbw5ziq .uabb-image-carousel-item {
width: 33.333333333333%;
padding: 10px;
}
/* Arrow Style */
.fl-node-r61todbw5ziq .slick-prev i,
.fl-node-r61todbw5ziq .slick-next i,
.fl-node-r61todbw5ziq .slick-prev i:hover,
.fl-node-r61todbw5ziq .slick-next i:hover,
.fl-node-r61todbw5ziq .slick-prev i:focus,
.fl-node-r61todbw5ziq .slick-next i:focus {
outline: none;
color: #0070E0;
border-radius: 50%;
background: #efefef;
}
.fl-node-r61todbw5ziq .uabb-image-carousel ul.slick-dots li button:before {
color:#c29e46; }
.fl-node-r61todbw5ziq .uabb-image-carousel ul.slick-dots li.slick-active button:before {
color:#c29e46; opacity:1;
}
.mfp-gallery img.mfp-img {
padding: 40px 0;
}
.mfp-counter {
display: block !important;
}
.fl-node-r61todbw5ziq .uabb-background-mask {
background: #000000;
}
.fl-node-r61todbw5ziq .uabb-image-carousel-content:hover .uabb-background-mask {
opacity: 0.01;
}
.fl-node-r61todbw5ziq .uabb-background-mask .uabb-overlay-icon i {
color: ;
font-size: 16px;
}
.fl-node-r61todbw5ziq .uabb-image-carousel-caption {
background-color: #f7f7f7;
}
.fl-node-r61todbw5ziq .uabb-image-carousel-caption,
.fl-node-r61todbw5ziq .uabb-background-mask .uabb-caption {
}
@media ( max-width: 992px ) {
}
@media ( max-width: 767px ) {
.fl-node-r61todbw5ziq div.uabb-image-carousel .slick-prev,
.fl-node-r61todbw5ziq [dir='rtl'] div.uabb-image-carousel .slick-next {
left: 10px;
}
.fl-node-r61todbw5ziq div.uabb-image-carousel .slick-next,
.fl-node-r61todbw5ziq [dir='rtl'] div.uabb-image-carousel .slick-prev
{
right: 10px;
transform: translate(50%, -50%);
}
.fl-node-r61todbw5ziq .uabb-image-carousel .slick-prev i,
.fl-node-r61todbw5ziq .uabb-image-carousel .slick-next i,
.fl-node-r61todbw5ziq .uabb-image-carousel .slick-prev i:hover,
.fl-node-r61todbw5ziq .uabb-image-carousel .slick-prev i:focus,
.fl-node-r61todbw5ziq .uabb-image-carousel .slick-next i:focus,
.fl-node-r61todbw5ziq .uabb-image-carousel .slick-next i:hover {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
}
}
.fl-builder-content .fl-node-a7okd9chwubg .fl-rich-text, .fl-builder-content .fl-node-a7okd9chwubg .fl-rich-text *:not(b, strong) {
font-size: 14px;
}
.fl-node-sbmcoue9fyk0.fl-module-heading .fl-heading {
font-size: 32px;
}
.fl-node-vta4b6ljifqm {
min-height: 0;
}
.fl-node-vta4b6ljifqm .fl-separator {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cccccc;
max-width: 100%;
margin: auto;
}
.fl-node-vta4b6ljifqm > .fl-module-content {
margin-bottom:32px;
}
@media (max-width: 767px) { .fl-node-vta4b6ljifqm > .fl-module-content { margin-bottom:16px; } }
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button,
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited,
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button *,
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited *,
.fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button,
.fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited,
.fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button *,
.fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited * {
color: #ffffff;
}
.fl-node-ko0dvw7a3exu.fl-button-wrap, .fl-node-ko0dvw7a3exu .fl-button-wrap {
text-align: left;
}
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button, .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited {
font-size: 14px;
border: 1px solid #000000;
background-color: #000000;
}
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover, .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:focus, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:focus {
border: 1px solid #000000;
}
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button, .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited, .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover, .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:focus, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:visited, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:focus {
border-style: none;
border-width: 0;
background-clip: border-box;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover, .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover, .fl-page .fl-page .fl-builder-content .fl-node-ko0dvw7a3exu a.fl-button:hover {
background-color: #000000;
}
.fl-node-8rhdgbqmlf2x.fl-module-heading .fl-heading {
font-size: 32px;
}
.fl-builder-content .fl-node-or4leig2snyd a.fl-button,
.fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited,
.fl-builder-content .fl-node-or4leig2snyd a.fl-button *,
.fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited *,
.fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button,
.fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited,
.fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button *,
.fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited * {
color: #ffffff;
}
.fl-node-or4leig2snyd.fl-button-wrap, .fl-node-or4leig2snyd .fl-button-wrap {
text-align: left;
}
.fl-builder-content .fl-node-or4leig2snyd a.fl-button, .fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited {
font-size: 14px;
border: 1px solid #000000;
background-color: #000000;
}
.fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover, .fl-builder-content .fl-node-or4leig2snyd a.fl-button:focus, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:focus {
border: 1px solid #000000;
}
.fl-builder-content .fl-node-or4leig2snyd a.fl-button, .fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited, .fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover, .fl-builder-content .fl-node-or4leig2snyd a.fl-button:focus, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:visited, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:focus {
border-style: none;
border-width: 0;
background-clip: border-box;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover, .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover, .fl-page .fl-page .fl-builder-content .fl-node-or4leig2snyd a.fl-button:hover {
background-color: #000000;
}
.fl-node-mu3azbxgoh2k {
min-height: 0;
}
.fl-node-mu3azbxgoh2k .fl-separator {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cccccc;
max-width: 100%;
margin: auto;
}
.fl-node-mu3azbxgoh2k > .fl-module-content {
margin-top:32px;
margin-bottom:32px;
}
@media (max-width: 767px) { .fl-node-mu3azbxgoh2k > .fl-module-content { margin-top:px;margin-bottom:16px; } }.fl-node-v9kpc67gbixf.fl-module-heading .fl-heading {
font-size: 32px;
}
.fl-node-6hrtpugwf539.fl-module-heading .fl-heading {
font-size: 32px;
}
.fl-node-6hrtpugwf539 > .fl-module-content {
margin-bottom:32px;
}
@media (max-width: 767px) { .fl-node-6hrtpugwf539 > .fl-module-content { margin-bottom:16px; } }/**
* Horizontal Layout
*/
.fl-button-group-layout-horizontal .fl-button-group-buttons,
.fl-button-group-layout-horizontal.fl-button-group-buttons {
display: flex;
flex-wrap: wrap;
}
.fl-button-group-layout-horizontal .fl-button-wrap {
display: inline-block;
}
/**
* Vertical Layout
*/
.fl-button-group-layout-vertical .fl-button-group-buttons,
.fl-button-group-layout-vertical.fl-button-group-buttons {
display: block;
}
.fl-button-group-layout-vertical .fl-button-wrap {
display: block;
}
.fl-node-oyxwchqe6ua7 .fl-button-group-layout-vertical .fl-button-group-buttons a.fl-button,
.fl-node-oyxwchqe6ua7 .fl-button-group-layout-horizontal .fl-button-group-buttons a.fl-button {
width: 100%;
}
.fl-node-oyxwchqe6ua7 .fl-button-group-layout-horizontal .fl-button-group-buttons {
justify-content: flex-start}
#fl-button-group-button-oyxwchqe6ua7-0 a.fl-button > span,
#fl-button-group-button-oyxwchqe6ua7-0 a.fl-button > i {
color: #000000;
}
#fl-button-group-button-oyxwchqe6ua7-0 a.fl-button {
background: #efe583;
}
Warning: Undefined array key "width" in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 505
Warning: Trying to access array offset on value of type null in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 505
Warning: Undefined array key "width" in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 508
Warning: Trying to access array offset on value of type null in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 508
Warning: Undefined array key "width" in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 511
Warning: Trying to access array offset on value of type null in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 511
Warning: Undefined array key "width" in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 514
Warning: Trying to access array offset on value of type null in /www/luxorhomes_926/public/wp-content/plugins/bb-plugin/modules/button-group/includes/frontend.css.php on line 514
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button,
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button * {
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.fl-node-oyxwchqe6ua7 .fl-button-group-layout-vertical .fl-button-group-buttons .fl-button-group-button .fl-button-wrap {
text-align: left;
}
.fl-node-oyxwchqe6ua7 .fl-button-group-layout-horizontal .fl-button-group-buttons {
justify-content: flex-start;
}
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button-group .fl-button-group-buttons .fl-button-group-button {
padding-top: 5px;
padding-right: 16px;
padding-bottom: 5px;
padding-left: 5px;
}
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button-group a.fl-button, .fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button-group a.fl-button:visited {
font-size: .875em;
}
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button-group .fl-button-group-buttons .fl-button-group-button a.fl-button {
padding-top: 16px;
padding-right: 48px;
padding-bottom: 16px;
padding-left: 48px;
}
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button-group .fl-button-group-buttons a.fl-button {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button-group .fl-button-group-buttons a.fl-button:hover {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
#fl-button-group-button-oyxwchqe6ua7-0 a.fl-button {
border-style: none;
border-width: 0;
background-clip: border-box;
}
@media(max-width: 992px) {
.fl-builder-content .fl-node-oyxwchqe6ua7 .fl-button-group .fl-button-group-buttons .fl-button-group-button a.fl-button {
padding-top: 24px;
padding-right: 32px;
padding-bottom: 24px;
padding-left: 32px;
}
}
/* Start Global Nodes CSS */
/* End Global Nodes CSS */
/* Start Layout CSS */
/* End Layout CSS */
/* 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;
}
.uabb-top-row-separator {
top: 0;
bottom: auto
}
.uabb-bottom-row-separator {
top: auto;
bottom: 0;
}
.fl-builder-content-editing .fl-visible-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: none !important;
}
@media (max-width: 992px) {
.fl-builder-content-editing .fl-visible-desktop.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: none !important;
}
.fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row {
display: block !important;
}
}
@media (max-width: 768px) {
.fl-builder-content-editing .fl-visible-desktop.uabb-row,
.fl-builder-content-editing .fl-visible-desktop-medium.uabb-row,
.fl-builder-content-editing .fl-visible-medium.uabb-row {
display: none !important;
}
.fl-builder-content-editing .fl-visible-medium-mobile.uabb-row,
.fl-builder-content-editing .fl-visible-mobile.uabb-row {
display: block !important;
}
}
.fl-responsive-preview-content .fl-builder-content-editing {
overflow-x: hidden;
overflow-y: visible;
}
.uabb-row-separator svg {
width: 100%;
}
.uabb-top-row-separator.uabb-has-svg svg {
position: absolute;
padding: 0;
margin: 0;
left: 50%;
top: -1px;
bottom: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uabb-bottom-row-separator.uabb-has-svg svg {
position: absolute;
padding: 0;
margin: 0;
left: 50%;
bottom: -1px;
top: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.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
* Stamp
* Grass
* Slime
* Grass Bend
* Wave Slide
* Muliple Triangles
* Pine Tree
* Pine Tree Bend
*
***************************************/
.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-top-row-separator.uabb-slime-separator svg,
.uabb-top-row-separator.uabb-grass-separator svg,
.uabb-top-row-separator.uabb-grass-bend-separator svg,
.uabb-bottom-row-separator.uabb-mul-triangles-separator svg,
.uabb-top-row-separator.uabb-wave-slide-separator svg,
.uabb-top-row-separator.uabb-pine-tree-separator svg,
.uabb-top-row-separator.uabb-pine-tree-bend-separator svg,
.uabb-bottom-row-separator.uabb-stamp-separator svg,
.uabb-bottom-row-separator.uabb-xlarge-circle svg,
.uabb-top-row-separator.uabb-wave-separator svg{
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
/*
* Big Triangle
*/
.uabb-bottom-row-separator.uabb-big-triangle svg {
left: 50%;
-webkit-transform: scale(1) scaleY(-1) translateX(-50%);
-moz-transform: scale(1) scaleY(-1) translateX(-50%);
-ms-transform: scale(1) scaleY(-1) translateX(-50%);
-o-transform: scale(1) scaleY(-1) translateX(-50%);
transform: scale(1) scaleY(-1) translateX(-50%);
}
.uabb-top-row-separator.uabb-big-triangle svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
/**
*
* Big Triangle Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-xlarge-triangle-right svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-bottom-row-separator.uabb-xlarge-triangle-right svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
/**
*
* Curve Left Separator
* Curve Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-curve-up-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-top-row-separator.uabb-curve-down-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-bottom-row-separator.uabb-curve-down-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
/**
*
* Tilt Left Separator
* Tilt Right Separator
*
***************************************/
.uabb-top-row-separator.uabb-tilt-left-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scale(-1);
-moz-transform: translateX(-50%) scale(-1);
-ms-transform: translateX(-50%) scale(-1);
-o-transform: translateX(-50%) scale(-1);
transform: translateX(-50%) scale(-1);
}
.uabb-top-row-separator.uabb-tilt-right-separator svg{
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-bottom-row-separator.uabb-tilt-left-separator svg {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.uabb-bottom-row-separator.uabb-tilt-right-separator svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleX(-1);
-moz-transform: translateX(-50%) scaleX(-1);
-ms-transform: translateX(-50%) scaleX(-1);
-o-transform: translateX(-50%) scaleX(-1);
transform: translateX(-50%) scaleX(-1);
}
.uabb-top-row-separator.uabb-tilt-left-separator,
.uabb-top-row-separator.uabb-tilt-right-separator {
top: 0;
}
.uabb-bottom-row-separator.uabb-tilt-left-separator,
.uabb-bottom-row-separator.uabb-tilt-right-separator {
bottom: 0;
}
/**
*
* Clouds Separator
* Multi Triangle
* Arrow Inward
* Arrow Outward
*
***************************************/
.uabb-top-row-separator.uabb-arrow-outward-separator svg,
.uabb-top-row-separator.uabb-arrow-inward-separator svg,
.uabb-top-row-separator.uabb-cloud-separator svg,
.uabb-top-row-separator.uabb-multi-triangle svg {
left: 50%;
-webkit-transform: translateX(-50%) scaleY(-1);
-moz-transform: translateX(-50%) scaleY(-1);
-ms-transform: translateX(-50%) scaleY(-1);
-o-transform: translateX(-50%) scaleY(-1);
transform: translateX(-50%) scaleY(-1);
}
.uabb-bottom-row-separator.uabb-multi-triangle svg {
bottom: -2px;
}
.uabb-row-separator.uabb-round-split:after,
.uabb-row-separator.uabb-round-split:before {
left: 0;
width: 50%;
background: inherit inherit/inherit inherit inherit inherit;
content: '';
position: absolute
}
/* Buttons
------------------------------------------------------ */
.uabb-button-wrap a,
.uabb-button-wrap a:visited {
display: inline-block;
font-size: 16px;
line-height: 18px;
text-decoration: none;
text-shadow: none;
}
.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-infobox .uabb-button-center,
.fl-builder-content .uabb-modal-action-wrap .uabb-button-center,
.fl-builder-content .uabb-ultb3-box .uabb-button-center,
.fl-builder-content .uabb-slide-down .uabb-button-center,
.fl-builder-content .uabb-blog-post-content .uabb-button-center,
.fl-builder-content .uabb-cta-wrap .uabb-button-center,
.fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{
text-align: inherit;
}
.fl-builder-content .uabb-button-right {
text-align: right;
}
.fl-builder-content .uabb-button i,
.fl-builder-content .uabb-button i:before {
font-size: 1em;
height: 1em;
line-height: 1em;
width: 1em;
}
.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 a {
text-decoration: none;
}
.uabb-icon i {
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;
z-index: 2;
}
.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;
}
/* 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: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;
}
.uabb-creative-button-wrap a,
.uabb-creative-button-wrap a:visited {
padding: 12px 24px;
}
/* Translate Button styles */
.uabb-creative-button.uabb-creative-transparent-btn {
background: transparent;
}
.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;
}
.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 {
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 .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 .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:not(.mejs-audio),
.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:not(.mejs-audio),
.uabb-adv-accordion-content .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.uabb-tab-acc-content .mejs-container:not(.mejs-audio),
.uabb-adv-accordion-content .mejs-container:not(.mejs-audio) {
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-container:not(.mejs-audio) .mejs-mediaelement,
.uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .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;
}
.fl-row-content-wrap .uabb-row-particles-background,
.uabb-col-particles-background {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
/* 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: 992px) {
.uabb-js-breakpoint {
content:"992";
}
}
@media screen and (max-width: 767px) {
.uabb-js-breakpoint {
content:"767";
}
}