/**
* 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;
}
.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;
}
@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: 768px) { /* 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: 769px) 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: 768px) {
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;
}
.fl-row-fixed-width {
max-width: 1100px;
}
.fl-row-content-wrap {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.fl-module-content, .fl-module:where(.fl-module:not(:has(> .fl-module-content))) {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
.fl-node-rpcuj0mkw8z2 > .fl-row-content-wrap {
background-color: #296BC9;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}
.fl-node-rpcuj0mkw8z2 .fl-row-content {
max-width: 96%;
}
.fl-node-rpcuj0mkw8z2 > .fl-row-content-wrap {
padding-top:15px;
padding-bottom:10px;
}
.fl-node-oty0329nb8qv {
width: 37.89%;
}
.fl-node-oty0329nb8qv > .fl-col-content {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
@media(max-width: 768px) {
.fl-builder-content .fl-node-oty0329nb8qv {
width: 50% !important;
max-width: none;
clear: none;
float: left;
}
}
.fl-node-uwhbeaxsm0g5 {
width: 100%;
}
.fl-node-3sk56x0du7oh {
width: 62.11%;
}
.fl-node-3sk56x0du7oh > .fl-col-content {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
@media(max-width: 768px) {
.fl-builder-content .fl-node-3sk56x0du7oh {
width: 50% !important;
max-width: none;
clear: none;
float: left;
}
}
.fl-module-heading .fl-heading {
padding: 0 !important;
margin: 0 !important;
}.fl-row .fl-col .fl-node-hefxcodzp4k5 h1.fl-heading a,
.fl-row .fl-col .fl-node-hefxcodzp4k5 h1.fl-heading .fl-heading-text,
.fl-row .fl-col .fl-node-hefxcodzp4k5 h1.fl-heading .fl-heading-text *,
.fl-node-hefxcodzp4k5 h1.fl-heading .fl-heading-text {
color: #ffffff;
}
.fl-node-hefxcodzp4k5.fl-module-heading .fl-heading {
font-family: Raleway, sans-serif;
font-weight: 600;
font-size: calc(16px + 2vw);
text-align: left;
}
@media(max-width: 768px) {
.fl-node-hefxcodzp4k5.fl-module-heading .fl-heading {
font-size: 38px;
}
}
.fl-animated.fl-fade-left {
animation: fl-fade-left 1s ease;
-webkit-animation: fl-fade-left 1s ease;
}
@-webkit-keyframes fl-fade-left {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fl-fade-left {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.uabb-dual-button {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.uabb-dual-button .uabb-dual-button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
max-width: 100%;
}
.uabb-btn-one .uabb-btn-one-text,
.uabb-btn-two .uabb-btn-two-text {
color: inherit;
}
.uabb-dual-button .uabb-btn-horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.uabb-dual-button .uabb-middle-text {
position: absolute;
top: 50%;
right: 0;
height: 32px;
line-height: 32px;
width: 32px;
z-index: 2;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.uabb-dual-button .uabb-middle-text .uabb-icon i {
line-height: inherit;
}
.uabb-dual-button .uabb-dual-button-one .uabb-btn.uabb-btn-one,
.uabb-dual-button .uabb-dual-button-two .uabb-btn.uabb-btn-two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
overflow: hidden;
text-decoration: none;
}
.uabb-btn-one.uabb-transparent-fill-top .uabb-btn-one-text,
.uabb-btn-two.uabb-transparent-fill-top .uabb-btn-two-text,
.uabb-btn-one.uabb-transparent-fill-bottom .uabb-btn-one-text,
.uabb-btn-two.uabb-transparent-fill-bottom .uabb-btn-two-text,
.uabb-btn-one.uabb-transparent-fill-left .uabb-btn-one-text,
.uabb-btn-two.uabb-transparent-fill-left .uabb-btn-two-text,
.uabb-btn-one.uabb-transparent-fill-right .uabb-btn-one-text,
.uabb-btn-two.uabb-transparent-fill-right .uabb-btn-two-text,
.uabb-btn-one.uabb-transparent-fill-center .uabb-btn-one-text,
.uabb-btn-two.uabb-transparent-fill-center .uabb-btn-two-text,
.uabb-btn-one.uabb-transparent-fill-diagonal .uabb-btn-one-text,
.uabb-btn-two.uabb-transparent-fill-diagonal .uabb-btn-two-text,
.uabb-btn-one.uabb-transparent-fill-horizontal .uabb-btn-one-text,
.uabb-btn-two.uabb-transparent-fill-horizontal .uabb-btn-two-text {
position: relative;
z-index: 2;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.uabb-btn-one.uabb-transparent-fill-top:after,
.uabb-btn-two.uabb-transparent-fill-top:after,
.uabb-btn-one.uabb-transparent-fill-bottom:after,
.uabb-btn-two.uabb-transparent-fill-bottom:after,
.uabb-btn-one.uabb-transparent-fill-left:after,
.uabb-btn-two.uabb-transparent-fill-left:after,
.uabb-btn-one.uabb-transparent-fill-right:after,
.uabb-btn-two.uabb-transparent-fill-right:after,
.uabb-btn-one.uabb-transparent-fill-center:after,
.uabb-btn-two.uabb-transparent-fill-center:after,
.uabb-btn-one.uabb-transparent-fill-diagonal:after,
.uabb-btn-two.uabb-transparent-fill-diagonal:after,
.uabb-btn-one.uabb-transparent-fill-horizontal:after,
.uabb-btn-two.uabb-transparent-fill-horizontal:after {
content: '';
position: absolute;
z-index: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.uabb-btn-one.uabb-transparent-fill-top:after,
.uabb-btn-two.uabb-transparent-fill-top:after {
top: 0;
width: 100%;
height: 0;
left: 0;
}
.uabb-btn-one.uabb-transparent-fill-bottom:after,
.uabb-btn-two.uabb-transparent-fill-bottom:after {
bottom: 0;
width: 100%;
height: 0;
left: 0;
}
.uabb-btn-one.uabb-transparent-fill-left:after,
.uabb-btn-two.uabb-transparent-fill-left:after {
width: 0;
top: 0;
height: 100%;
left: 0;
}
.uabb-btn-one.uabb-transparent-fill-right:after,
.uabb-btn-two.uabb-transparent-fill-right:after {
width: 0;
top: 0;
height: 100%;
right: 0;
}
.uabb-btn-one.uabb-transparent-fill-center:after,
.uabb-btn-two.uabb-transparent-fill-center: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%);
}
.uabb-btn-one.uabb-transparent-fill-diagonal:after,
.uabb-btn-two.uabb-transparent-fill-diagonal:after {
width: 100%;
height: 0;
top: 50%;
left: 50%;
-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);
}
.uabb-btn.uabb-transparent-fill-diagonal {
display: inline-block;
overflow: hidden;
}
.uabb-btn-one.uabb-transparent-fill-horizontal:after,
.uabb-btn-two.uabb-transparent-fill-horizontal:after {
width: 100%;
height: 0;
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%);
}
.uabb-btn-one.uabb-animate_to_right,
.uabb-btn-two.uabb-animate_to_right,
.uabb-btn-one.uabb-animate_to_left,
.uabb-btn-two.uabb-animate_to_left,
.uabb-btn-one.uabb-animate_from_top,
.uabb-btn-two.uabb-animate_from_top,
.uabb-btn-one.uabb-animate_from_bottom,
.uabb-btn-two.uabb-animate_from_bottom {
overflow: hidden;
position: relative;
}
.uabb-btn-one.uabb-animate_to_right .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_to_right .uabb-imgicon-wrap,
.uabb-btn-one.uabb-animate_to_left .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_to_left .uabb-imgicon-wrap,
.uabb-btn-one.uabb-animate_from_top .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_from_top .uabb-imgicon-wrap,
.uabb-btn-one.uabb-animate_from_bottom .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_from_bottom .uabb-imgicon-wrap {
bottom: 0;
height: 100%;
margin: 0;
opacity: 1;
position: absolute;
right: 0;
width: 100%;
overflow: hidden;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.uabb-btn-one.uabb-animate_to_right i:before,
.uabb-btn-two.uabb-animate_to_right i:before,
.uabb-btn-one.uabb-animate_to_left i:before,
.uabb-btn-two.uabb-animate_to_left i:before,
.uabb-btn-one.uabb-animate_from_top i:before,
.uabb-btn-two.uabb-animate_from_top i:before,
.uabb-btn-one.uabb-animate_from_bottom i:before,
.uabb-btn-two.uabb-animate_from_bottom 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%);
}
.uabb-btn-one.uabb-animate_to_right .uabb-image-simple,
.uabb-btn-two.uabb-animate_to_right .uabb-image-simple,
.uabb-btn-one.uabb-animate_to_left .uabb-image-simple,
.uabb-btn-two.uabb-animate_to_left .uabb-image-simple,
.uabb-btn-one.uabb-animate_from_top .uabb-image-simple,
.uabb-btn-two.uabb-animate_from_top .uabb-image-simple,
.uabb-btn-one.uabb-animate_from_bottom .uabb-image-simple,
.uabb-btn-two.uabb-animate_from_bottom .uabb-image-simple {
height: 100%;
}
.uabb-btn-one.uabb-animate_to_right .uabb-image-content,
.uabb-btn-two.uabb-animate_to_right .uabb-image-content,
.uabb-btn-one.uabb-animate_to_left .uabb-image-content,
.uabb-btn-two.uabb-animate_to_left .uabb-image-content,
.uabb-btn-one.uabb-animate_from_top .uabb-image-content,
.uabb-btn-two.uabb-animate_from_top .uabb-image-content,
.uabb-btn-one.uabb-animate_from_bottom .uabb-image-content,
.uabb-btn-two.uabb-animate_from_bottom .uabb-image-content {
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.uabb-vertical-custom .uabb-btn-one.uabb-animate_to_right .uabb-btn-one-text,
.uabb-vertical-custom .uabb-btn-two.uabb-animate_to_right .uabb-btn-two-text,
.uabb-vertical-custom .uabb-btn-one.uabb-animate_to_left .uabb-btn-one-text,
.uabb-vertical-custom .uabb-btn-two.uabb-animate_to_left .uabb-btn-two-text,
.uabb-vertical-custom .uabb-btn-one.uabb-animate_from_top .uabb-btn-one-text,
.uabb-vertical-custom .uabb-btn-two.uabb-animate_from_top .uabb-btn-two-text,
.uabb-vertical-custom .uabb-btn-one.uabb-animate_from_bottom .uabb-btn-one-text,
.uabb-vertical-custom .uabb-btn-two.uabb-animate_from_bottom .uabb-btn-two-text {
position: absolute;
top: 0;
left: 0;
}
.uabb-btn-one.uabb-animate_to_right .uabb-btn-one-text,
.uabb-btn-two.uabb-animate_to_right .uabb-btn-two-text,
.uabb-btn-one.uabb-animate_to_left .uabb-btn-one-text,
.uabb-btn-two.uabb-animate_to_left .uabb-btn-two-text,
.uabb-btn-one.uabb-animate_from_top .uabb-btn-one-text,
.uabb-btn-two.uabb-animate_from_top .uabb-btn-two-text,
.uabb-btn-one.uabb-animate_from_bottom .uabb-btn-one-text,
.uabb-btn-two.uabb-animate_from_bottom .uabb-btn-two-text {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.uabb-btn-one.uabb-animate_to_right .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_to_right .uabb-imgicon-wrap {
left: -100%;
top: 0;
}
.uabb-btn-one.uabb-animate_to_left .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_to_left .uabb-imgicon-wrap {
right: -100%;
top: 0;
}
.uabb-btn-one.uabb-animate_from_top .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_from_top .uabb-imgicon-wrap {
top: -100%;
left: 0;
}
.uabb-btn-one.uabb-animate_from_bottom .uabb-imgicon-wrap,
.uabb-btn-two.uabb-animate_from_bottom .uabb-imgicon-wrap {
bottom: -100%;
left: 0;
}
.uabb-dual-button-wrapper .uabb-btn-img-icon {
display: inline-block;
}
.uabb-btn-img-icon.before.uabb-btn-one-img-icon,
.uabb-btn-img-icon.before.uabb-btn-two-img-icon {
float: left;
z-index: 1;
}
.uabb-btn-img-icon.after.uabb-btn-one-img-icon,
.uabb-btn-img-icon.after.uabb-btn-two-img-icon {
float: right;
z-index: 1;
}
.uabb-dual-button-wrapper.uabb-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.uabb-dual-button-wrapper.uabb-vertical .uabb-dual-button-one .uabb-middle-text {
left: 50%;
top: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.internet-explorer9 .uabb-dual-button .uabb-btn-horizontal,
.internet-explorer8 .uabb-dual-button .uabb-btn-horizontal {
float: left;
}
.internet-explorer9 .uabb-module-content .uabb-horizontal-custom .uabb-btn,
.internet-explorer8 .uabb-module-content .uabb-horizontal-custom .uabb-btn {
min-height: auto;
padding: 10px 15px;
}
.uabb-dual-button .uabb-btn,
.uabb-btn-one.uabb-transparent-fade,
.uabb-btn-two.uabb-transparent-fade {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.uabb-dual-button-wrapper .uabb-icon,
.uabb-dual-button-wrapper .uabb-imgicon-wrap .uabb-image-content,
.uabb-dual-button-wrapper .uabb-imgicon-wrap .uabb-icon-wrap {
display: block;
}
.uabb-btn-one.uabb-transparent-fill-top,
.uabb-btn-two.uabb-transparent-fill-top,
.uabb-btn-one.uabb-transparent-fill-bottom,
.uabb-btn-two.uabb-transparent-fill-bottom,
.uabb-btn-one.uabb-transparent-fill-left,
.uabb-btn-two.uabb-transparent-fill-left,
.uabb-btn-one.uabb-transparent-fill-right,
.uabb-btn-two.uabb-transparent-fill-right,
.uabb-btn-one.uabb-transparent-fill-center,
.uabb-btn-two.uabb-transparent-fill-center,
.uabb-btn-one.uabb-transparent-fill-diagonal,
.uabb-btn-two.uabb-transparent-fill-diagonal,
.uabb-btn-one.uabb-transparent-fill-horizontal,
.uabb-btn-two.uabb-transparent-fill-horizontal,
.uabb-dual-button-one.uabb-btn-vertical {
position: relative;
}/* Global Style */
/* Divider Styles */
.fl-node-0icw62f15dxo .uabb-btn.uabb-btn-one {
background: rgba(255,0,0,0);
}
.fl-node-0icw62f15dxo .uabb-btn.uabb-btn-one:hover {
background: #e75325;
}
.fl-node-0icw62f15dxo .uabb-btn.uabb-btn-two {
background: rgba(255,0,0,0);
}
.fl-node-0icw62f15dxo .uabb-btn.uabb-btn-two:hover {
background: #e75325;
}
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-one:hover,
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-two:hover,
.fl-node-0icw62f15dxo .uabb-vertical .uabb-btn.uabb-btn-one:hover,
.fl-node-0icw62f15dxo .uabb-vertical .uabb-btn.uabb-btn-two:hover {
border-color:;
}
.fl-node-0icw62f15dxo .uabb-btn-one:hover .uabb-imgicon-wrap .uabb-icon i,
.fl-node-0icw62f15dxo .uabb-btn-one:hover .uabb-btn-one-text,
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-one:hover,
.fl-node-0icw62f15dxo .uabb-btn-one:hover {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-btn-two:hover .uabb-imgicon-wrap .uabb-icon i,
.fl-node-0icw62f15dxo .uabb-btn-two:hover .uabb-btn-two-text,
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-two:hover,
.fl-node-0icw62f15dxo .uabb-btn-two:hover {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-btn-one .uabb-btn-one-text,
.fl-node-0icw62f15dxo .uabb-btn-one .uabb-imgicon-wrap .uabb-icon i {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-btn-two .uabb-btn-two-text,
.fl-node-0icw62f15dxo .uabb-btn-two .uabb-imgicon-wrap .uabb-icon i {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-dual-button .uabb-middle-text {
}
.fl-node-0icw62f15dxo .uabb-middle-text {
color: #e75325;
background: #ffffff;
border-radius: 50px;
}
/* Button general settings */
.fl-node-0icw62f15dxo .uabb-dual-button {
justify-content: flex-end;
}
/* Button Full Width */
/* Button Custom Width and Else Padding */
.fl-node-0icw62f15dxo .uabb-dual-button .uabb-dual-button-wrapper {
width: 104px;
}
.fl-node-0icw62f15dxo .uabb-btn.uabb-btn-one,
.fl-node-0icw62f15dxo .uabb-btn.uabb-btn-two {
min-height: 45px;
}
/* General Radius */
/* General Border Only for Transparent */
/* Default Styles Button Text and Backgrund Styles */
/* Button 1 */
.fl-node-0icw62f15dxo .uabb-btn-one {
background: rgba(255,0,0,0);
display: block;
}
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-one {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-two {
color: #ffffff;
}
/************* Global Hover Styles *****************/
/* Global Hover Style Ends **/
/************************************ End of Global Style ************************************/
/* Horizontal Style */
.fl-node-0icw62f15dxo .uabb-dual-button .uabb-btn-horizontal {
width: 50%;
}
/* End of Horizontal Style */
/* Vertical Style */
/* End of Vertical Style */
/* Transparent Styles - Button Text and Backgrund Styles */
/* Gradient Styles - Button Text and Backgrund Styles */
/* Flat Styles - Button Text and Backgrund Styles */
/* Image Icon Styling */
.fl-node-0icw62f15dxo .uabb-dual-button-one {
margin-right: 10px;
}
[dir='rtl'] .fl-node-0icw62f15dxo .uabb-dual-button-one {
margin-left: 10px;
}
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-one {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-two {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn-one:hover {
color: #ffffff;
}
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn-two:hover {
color: #ffffff;
}
/* Horizontal Responsive */
/* Typography responsive layout starts here */
@media ( max-width: 992px ) {
}
@media ( max-width: 768px ) {
}
/* Typography responsive layout Ends here */
.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-one,.fl-node-0icw62f15dxo .uabb-horizontal .uabb-btn.uabb-btn-two, .fl-node-0icw62f15dxo .uabb-vertical .uabb-btn.uabb-btn-one,.fl-node-0icw62f15dxo .uabb-vertical .uabb-btn.uabb-btn-two {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.fl-node-0icw62f15dxo .fl-module-content.fl-node-content .uabb-btn-one-text {
font-weight: 600;
font-size: 23px;
text-transform: uppercase;
}
.fl-node-0icw62f15dxo .fl-module-content.fl-node-content .uabb-btn-two-text {
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
}
.fl-node-0icw62f15dxo .uabb-dual-button-wrapper .uabb-btn.uabb-btn-one {
border-style: none;
border-width: 0;
background-clip: border-box;
border-color: #ffffff;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.fl-node-0icw62f15dxo .uabb-dual-button-wrapper .uabb-btn.uabb-btn-two {
border-style: none;
border-width: 0;
background-clip: border-box;
border-color: #ffffff;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
@media(max-width: 768px) {
.fl-node-0icw62f15dxo .fl-module-content.fl-node-content .uabb-btn-one-text {
font-size: 30px;
}
.fl-node-0icw62f15dxo .fl-module-content.fl-node-content .uabb-btn-two-text {
font-size: 24px;
}
}
@media ( max-width: 768px ) {
.fl-node-0icw62f15dxo.fl-module > .fl-module-content {
margin-top:21px;
margin-right:12px;
margin-bottom:0px;
margin-left:0px;
}
}
.fl-animated.fl-fade-right {
animation: fl-fade-right 1s ease;
-webkit-animation: fl-fade-right 1s ease;
}
@-webkit-keyframes fl-fade-right {
from {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fl-fade-right {
from {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* Global Style */
/* Divider Styles */
.fl-node-d9a8s7tvpqmw .uabb-btn.uabb-btn-one {
background: rgba(255,0,0,0);
}
.fl-node-d9a8s7tvpqmw .uabb-btn.uabb-btn-one:hover {
background: #e75325;
}
.fl-node-d9a8s7tvpqmw .uabb-btn.uabb-btn-two {
background: rgba(255,0,0,0);
}
.fl-node-d9a8s7tvpqmw .uabb-btn.uabb-btn-two:hover {
background: #e75325;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-one:hover,
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-two:hover,
.fl-node-d9a8s7tvpqmw .uabb-vertical .uabb-btn.uabb-btn-one:hover,
.fl-node-d9a8s7tvpqmw .uabb-vertical .uabb-btn.uabb-btn-two:hover {
border-color:;
}
.fl-node-d9a8s7tvpqmw .uabb-btn-one:hover .uabb-imgicon-wrap .uabb-icon i,
.fl-node-d9a8s7tvpqmw .uabb-btn-one:hover .uabb-btn-one-text,
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-one:hover,
.fl-node-d9a8s7tvpqmw .uabb-btn-one:hover {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-btn-two:hover .uabb-imgicon-wrap .uabb-icon i,
.fl-node-d9a8s7tvpqmw .uabb-btn-two:hover .uabb-btn-two-text,
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-two:hover,
.fl-node-d9a8s7tvpqmw .uabb-btn-two:hover {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-btn-one .uabb-btn-one-text,
.fl-node-d9a8s7tvpqmw .uabb-btn-one .uabb-imgicon-wrap .uabb-icon i {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-btn-two .uabb-btn-two-text,
.fl-node-d9a8s7tvpqmw .uabb-btn-two .uabb-imgicon-wrap .uabb-icon i {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-dual-button .uabb-middle-text {
}
.fl-node-d9a8s7tvpqmw .uabb-middle-text {
color: #e75325;
background: #ffffff;
border-radius: 50px;
}
/* Button general settings */
.fl-node-d9a8s7tvpqmw .uabb-dual-button {
justify-content: flex-end;
}
/* Button Full Width */
/* Button Custom Width and Else Padding */
.fl-node-d9a8s7tvpqmw .uabb-btn.uabb-btn-one,
.fl-node-d9a8s7tvpqmw .uabb-btn.uabb-btn-two {
padding:12px 24px;}
/* General Radius */
/* General Border Only for Transparent */
/* Default Styles Button Text and Backgrund Styles */
/* Button 1 */
.fl-node-d9a8s7tvpqmw .uabb-btn-one {
background: rgba(255,0,0,0);
display: block;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-one {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-two {
color: #ffffff;
}
/************* Global Hover Styles *****************/
/* Global Hover Style Ends **/
/************************************ End of Global Style ************************************/
/* Horizontal Style */
/* End of Horizontal Style */
/* Vertical Style */
/* End of Vertical Style */
/* Transparent Styles - Button Text and Backgrund Styles */
/* Gradient Styles - Button Text and Backgrund Styles */
/* Flat Styles - Button Text and Backgrund Styles */
/* Image Icon Styling */
.fl-node-d9a8s7tvpqmw .uabb-dual-button-one {
margin-right: 10px;
}
[dir='rtl'] .fl-node-d9a8s7tvpqmw .uabb-dual-button-one {
margin-left: 10px;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-one {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-two {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn-one:hover {
color: #ffffff;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn-two:hover {
color: #ffffff;
}
/* Horizontal Responsive */
/*Responsive Horizontal Style */
@media ( max-width: 768px ) {
.fl-node-d9a8s7tvpqmw .uabb-dual-button .uabb-horizontal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.fl-node-d9a8s7tvpqmw .uabb-dual-button .uabb-middle-text {
top: 100%;
left: 50%;
right: auto;
webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-one {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-two {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.fl-node-d9a8s7tvpqmw .uabb-dual-button-one {
margin-right: 0;
margin-bottom: 10px;
}
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-one,
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-two {
border-radius: 0px;
}
}
/* Typography responsive layout starts here */
@media ( max-width: 992px ) {
}
@media ( max-width: 768px ) {
}
/* Typography responsive layout Ends here */
.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-one,.fl-node-d9a8s7tvpqmw .uabb-horizontal .uabb-btn.uabb-btn-two, .fl-node-d9a8s7tvpqmw .uabb-vertical .uabb-btn.uabb-btn-one,.fl-node-d9a8s7tvpqmw .uabb-vertical .uabb-btn.uabb-btn-two {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.fl-node-d9a8s7tvpqmw .fl-module-content.fl-node-content .uabb-btn-one-text {
font-weight: 600;
font-size: 23px;
text-transform: uppercase;
}
.fl-node-d9a8s7tvpqmw .fl-module-content.fl-node-content .uabb-btn-two-text {
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
}
.fl-node-d9a8s7tvpqmw .uabb-dual-button-wrapper .uabb-btn.uabb-btn-one {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-color: #ffffff;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.fl-node-d9a8s7tvpqmw .uabb-dual-button-wrapper .uabb-btn.uabb-btn-two {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-color: #ffffff;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
@media(max-width: 768px) {
.fl-node-d9a8s7tvpqmw .fl-module-content.fl-node-content .uabb-btn-two-text {
font-size: 20px;
}
}
.uabb-offcanvas-menu .menu-item a {
display: block;
}
.uabb-offcanvas {
position: fixed;
width: 0;
margin: 0;
top: 0;
bottom: 0;
height: 100vh;
overflow: auto;
background-color: #fff;
background: #fff;
visibility: visible;
z-index: 99999;
}
.uabb-offcanvas-animating,
.uabb-offcanvas,
.uabb-offcanvas-overlay {
-webkit-transition: all .3s;
transition: all .3s;
}
.uabb-offcanvas::-webkit-scrollbar {
display: none;
}
.admin-bar .uabb-offcanvas {
margin-top: 32px;
}
.uabb-offcanvas-shadow-normal.position-at-right.uabb-off-canvas-show,
.uabb-offcanvas-shadow-normal.position-at-left.uabb-off-canvas-show {
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
}
.uabb-offcanvas-shadow-inset.position-at-right.uabb-off-canvas-show {
-webkit-box-shadow: inset 7px 0 8px -9px rgba(0, 0, 0, .5);
box-shadow: inset 7px 0 8px -9px rgba(0, 0, 0, .5);
}
.uabb-offcanvas-shadow-inset.position-at-left.uabb-off-canvas-show {
-webkit-box-shadow: inset -7px 0 8px -9px rgba(0, 0, 0, .5);
box-shadow: inset -7px 0 8px -9px rgba(0, 0, 0, .5);
}
.uabb-offcanvas-action-wrap .uabb-offcanvas-action .uabb-offcanvas-icon {
text-align: center;
}
.uabb-offcanvas-action-wrap .uabb-button-wrapper .uabb-offcanvas-action-alignment-left,
.uabb-offcanvas-action-wrap .uabb-offcanvas-icon-wrap .uabb-offcanvas-action-alignment-left {
top: 50%;
left: 0;
right: auto;
position: fixed;
z-index: 999;
}
.uabb-offcanvas-action-wrap .uabb-button-wrapper .uabb-offcanvas-action-alignment-right,
.uabb-offcanvas-action-wrap .uabb-offcanvas-icon-wrap .uabb-offcanvas-action-alignment-right {
top: 50%;
right: 0;
left: auto;
position: fixed;
z-index: 999;
}
.uabb-offcanvas-overlay {
position: fixed;
width: 100%;
height: 100vh;
visibility: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
opacity: 0;
}
.uabb-offcanvas-content {
width: 100%;
padding: 40px 25px 25px;
}
.uabb-offcanvas img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.uabb-offcanvas-full {
pointer-events: none;
min-height: 100%;
}
.uabb-offcanvas-full .uabb-offcanvas-close {
pointer-events: auto;
}
.uabb-off-canvas-show,
.uabb-off-canvas-show .uabb-offcanvas-close,
.uabb-off-canvas-show+.uabb-offcanvas-close {
visibility: visible;
}
.uabb-off-canvas-show {
scrollbar-width: none;
}
.uabb-offcanvas-close-icon-wrapper {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.uabb-offcanvas-content .uabb-offcanvas-menu,
.uabb-offcanvas-content .uabb-offcanvas-menu .sub-menu {
list-style: none;
}
.uabb-offcanvas-content .uabb-offcanvas-menu {
margin-left: 0;
}
.uabb-offcanvas-content .uabb-offcanvas-menu .menu-item a:hover,
.uabb-offcanvas-content .uabb-offcanvas-menu .menu-item a:focus {
-webkit-transition: background 150ms linear, color 150ms linear;
transition: background 150ms linear, color 150ms linear;
}
.uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close-icon,
.uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close-icon {
cursor: pointer;
fill: #000;
}
.uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
display: block;
float: right;
padding: 8px;
-webkit-border-radius: 0;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
}
.uabb-offcanvas-close-icon-wrapper.uabb-offcanvas-close-icon-position-left-top {
left: 0;
right: auto;
}
.uabb-offcanvas-close-icon-wrapper.uabb-offcanvas-close-icon-position-right-top {
right: 0;
left: auto;
}
.uabb-offcanvas-content .uabb-offcanvas-menu li {
margin: 5px;
}
.uabb-off-canvas-show~.uabb-offcanvas-overlay {
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
visibility: visible;
}
.uabb-offcanvas-close {
z-index: 99999;
}
.uabb-offcanvas-position-at-left {
left: 0;
}
.uabb-offcanvas-position-at-right {
right: 0;
}
.uabb-offcanvas .uabb-offcanvas-content .uabb-creative-menu .sub-menu {
margin-left: 15px;
}
.uabb-offcanvas-action.uabb-offcanvas-photo-wrap {
display: inline-block;
border-radius: 0;
line-height: 0;
position: relative;
max-width: 100%;
overflow: hidden;
width: 100%;
}
.uabb-offcanvas-icon-bg,
.uabb-offcanvas-photo-content {
display: inline-block;
}
.uabb-offcanvas-parent-wrapper .uabb-offcanvas-overlay,
.uabb-offcanvas-action {
cursor: pointer;
}.fl-node-ik9fc4bv3oxw .uabb-offcanvas-close .uabb-offcanvas-close-icon {
font-size:50px;color:#ffffff;}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas {
width:50% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -50% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -50% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap,
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-text-wrap,
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap {
text-align:left;}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-text-wrap {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-text-wrap:hover {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas-text-content {
text-align:center;}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas-text-content:hover {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
font-size:30px;}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon:hover {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas-overlay {
background:rgba(0,0,0,0.77); }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .menu-item a {
color:#ffffff; }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .menu-item a:hover {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas {
background-color:rgba(76,85,92,0.93); }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .menu-item a {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .menu-item a:hover {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content:hover {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .menu-item a {
padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:10px;}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-content .uabb-offcanvas-menu li {
margin-top:10px;margin-left:10px;margin-right:10px;margin-bottom:10px;}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas-content {
padding-top:66px;padding-left:0px;padding-right:21px;padding-bottom:21px;}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .uabb-has-submenu > .sub-menu {
display: none;
}
@media ( max-width: 992px ) {
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas-content {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .menu-item a {
padding-top:1px; }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-content .uabb-offcanvas-menu li {
margin-top:1px; }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas {
width:50% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -50% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -50% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap,
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-text-wrap,
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap {
}
}
@media ( max-width: 768px ) {
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas-content {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu .menu-item a {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-content .uabb-offcanvas-menu li {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas {
width:80% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -80% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -80% }
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap {
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-photo-wrap,
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-text-wrap,
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-icon-wrap {
}
}
.fl-node-ik9fc4bv3oxw .uabb-creative-button-wrap .uabb-button,.fl-node-ik9fc4bv3oxw .uabb-creative-button-wrap .uabb-button:visited {
font-family: , sans-serif;
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-ik9fc4bv3oxw .uabb-offcanvas-text-content {
text-align: left;
}
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu {
font-weight: 700;
font-size: 46px;
line-height: 1;
}
@media(max-width: 992px) {
.fl-node-ik9fc4bv3oxw .uabb-offcanvas-menu {
font-size: 37px;
}
}
.fl-node-ik9fc4bv3oxw > .fl-module-content {
margin-top:10px;
}
@media ( max-width: 1200px ) {
.fl-node-ik9fc4bv3oxw.fl-module > .fl-module-content {
margin-top:-10px;
}
}
@media ( max-width: 992px ) {
.fl-node-ik9fc4bv3oxw.fl-module > .fl-module-content {
margin-top:-10px;
}
}
@media ( max-width: 768px ) {
.fl-node-ik9fc4bv3oxw.fl-module > .fl-module-content {
margin-top:-10px;
}
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-close .uabb-offcanvas-close-icon {
font-size:50px;color:#000000;}
.fl-node-x0a384mdzp6g .uabb-offcanvas {
width:80% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -80% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -80% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap,
.fl-node-x0a384mdzp6g .uabb-offcanvas-text-wrap,
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap {
text-align:left;}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-text-wrap {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-text-wrap:hover {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas-text-content {
text-align:center;}
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas-text-content:hover {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
font-size:30px;}
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon:hover {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas-overlay {
background:rgba(0,0,0,0.75); }
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .menu-item a {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .menu-item a:hover {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas {
background-color:#ffffff; }
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .menu-item a {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .menu-item a:hover {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content:hover {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .menu-item a {
padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:10px;}
.fl-node-x0a384mdzp6g .uabb-offcanvas-content .uabb-offcanvas-menu li {
margin-top:10px;margin-left:10px;margin-right:10px;margin-bottom:10px;}
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas-content {
padding-top:54px;padding-left:54px;padding-right:54px;padding-bottom:54px;}
.fl-node-x0a384mdzp6g .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .uabb-has-submenu > .sub-menu {
display: none;
}
@media ( max-width: 992px ) {
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas-content {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .menu-item a {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-content .uabb-offcanvas-menu li {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas {
width:60% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -60% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -60% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap,
.fl-node-x0a384mdzp6g .uabb-offcanvas-text-wrap,
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap {
}
}
@media ( max-width: 768px ) {
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas-content {
padding-top:30px;padding-left:30px;padding-right:30px;padding-bottom:30px; }
.fl-node-x0a384mdzp6g .uabb-offcanvas-menu .menu-item a {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-content .uabb-offcanvas-menu li {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas {
width:80% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -80% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -80% }
.fl-node-x0a384mdzp6g .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap {
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-photo-wrap,
.fl-node-x0a384mdzp6g .uabb-offcanvas-text-wrap,
.fl-node-x0a384mdzp6g .uabb-offcanvas-icon-wrap {
}
}
.fl-node-x0a384mdzp6g .uabb-creative-button-wrap .uabb-button,.fl-node-x0a384mdzp6g .uabb-creative-button-wrap .uabb-button:visited {
font-family: , sans-serif;
}
.fl-node-x0a384mdzp6g .uabb-offcanvas-x0a384mdzp6g .uabb-offcanvas-text-content {
text-align: left;
}
.fl-node-x0a384mdzp6g > .fl-module-content {
margin-top:15px;
}
.fl-node-htz7o29yq61i .uabb-offcanvas-close .uabb-offcanvas-close-icon {
font-size:50px;color:#000000;}
.fl-node-htz7o29yq61i .uabb-offcanvas {
width:80% }
.fl-node-htz7o29yq61i .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -80% }
.fl-node-htz7o29yq61i .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -80% }
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap,
.fl-node-htz7o29yq61i .uabb-offcanvas-text-wrap,
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap {
text-align:left;}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-text-wrap {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-text-wrap:hover {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas-text-content {
text-align:center;}
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas-text-content:hover {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
font-size:30px;}
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon:hover {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas-overlay {
background:rgba(0,0,0,0.75); }
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .menu-item a {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .menu-item a:hover {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas {
background-color:#ffffff; }
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .menu-item a {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .menu-item a:hover {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content:hover {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap .uabb-offcanvas-photo-content {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .menu-item a {
padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:10px;}
.fl-node-htz7o29yq61i .uabb-offcanvas-content .uabb-offcanvas-menu li {
margin-top:10px;margin-left:10px;margin-right:10px;margin-bottom:10px;}
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas-content {
padding-top:54px;padding-left:54px;padding-right:54px;padding-bottom:54px;}
.fl-node-htz7o29yq61i .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .uabb-has-submenu > .sub-menu {
display: none;
}
@media ( max-width: 992px ) {
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas-content {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .menu-item a {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-content .uabb-offcanvas-menu li {
}
.fl-node-htz7o29yq61i .uabb-offcanvas {
width:60% }
.fl-node-htz7o29yq61i .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -60% }
.fl-node-htz7o29yq61i .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -60% }
.fl-node-htz7o29yq61i .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap,
.fl-node-htz7o29yq61i .uabb-offcanvas-text-wrap,
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap {
}
}
@media ( max-width: 768px ) {
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas-content {
padding-top:30px;padding-left:30px;padding-right:30px;padding-bottom:30px; }
.fl-node-htz7o29yq61i .uabb-offcanvas-menu .menu-item a {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-content .uabb-offcanvas-menu li {
}
.fl-node-htz7o29yq61i .uabb-offcanvas {
width:100% }
.fl-node-htz7o29yq61i .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-left {
left: -100% }
.fl-node-htz7o29yq61i .uabb-offcanvas-parent-wrapper .uabb-offcanvas-position-at-right {
right: -100% }
.fl-node-htz7o29yq61i .uabb-offcanvas-close-icon-wrapper .uabb-offcanvas-close {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap .uabb-offcanvas-icon {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap {
}
.fl-node-htz7o29yq61i .uabb-offcanvas-photo-wrap,
.fl-node-htz7o29yq61i .uabb-offcanvas-text-wrap,
.fl-node-htz7o29yq61i .uabb-offcanvas-icon-wrap {
}
}
.fl-node-htz7o29yq61i .uabb-creative-button-wrap .uabb-button,.fl-node-htz7o29yq61i .uabb-creative-button-wrap .uabb-button:visited {
font-family: , sans-serif;
}
.fl-node-htz7o29yq61i .uabb-offcanvas-htz7o29yq61i .uabb-offcanvas-text-content {
text-align: left;
}
.fl-node-htz7o29yq61i > .fl-module-content {
margin-top:15px;
}
.uabb-html-modal {
overflow: hidden !important;
}
.uabb-modal {
position: fixed;
left: 0;
width: 100%;
max-width: 100%;
width: calc(100% + 1px) !important;
max-width: calc(100% + 1px) !important;
z-index: -1;
visibility: hidden;
}
.uabb-modal.uabb-modal-scroll {
pointer-events: auto;
width: 100% !important;
height:100%;
overflow-y: scroll;
top: 0 !important;
transform: none !important;
}
.uabb-modal.uabb-modal-scroll .uabb-modal-content-data {
margin-top: 35px;
margin-bottom: 35px;
}
.uabb-modal-content-data {
box-sizing: border-box;
}
.uabb-modal-full {
pointer-events: none;
min-height: 100%;
}
.uabb-modal-custom {
pointer-events: none;
}
.uabb-modal-custom .uabb-content {
pointer-events: visible;
}
.uabb-modal-full .uabb-content img {
width: 100%;
max-width: 100%;
}
.uabb-modal-full .uabb-content {
pointer-events: auto;
}
.uabb-modal-full .uabb-modal-close {
pointer-events: auto;
}
/* Content */
.uabb-modal-video .uabb-content {
text-align: center;
}
.uabb-text-editor p:last-of-type {
margin-bottom: 0;
}
/* Content End */
/* Text editor support */
.uabb-module-content .uabb-text-editor *:not(a) {
color: inherit;
}
.uabb-module-content .uabb-text-editor *:not(i) {
font-family: inherit;
}
.uabb-module-content .uabb-text-editor *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: inherit;
line-height: inherit;
}
.uabb-module-content .uabb-text-editor *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(b):not(i) {
font-weight: inherit;
}
.uabb-show,
.uabb-show .uabb-modal-close,
.uabb-show + .uabb-modal-close {
visibility: visible;
}
.uabb-modal-close {
cursor: pointer;
font-size: 1.6em;
position: absolute;
text-align: center;
line-height: 0;
}
.uabb-close-icon {
color: #fff;
width: 25px;
height: 25px;
font-size: 25px;
line-height: 25px;
}
.uabb-close-image {
width: 25px;
height: 25px;
box-shadow: none;
outline: none;
border: 0;
padding: 0;
margin: 0;
}
.uabb-modal-close {
visibility: hidden;
position: fixed;
z-index: 100000;
}
/* Custom Window Close */
.uabb-close-custom-top-right {
top: 50px;
right: 50px;
}
.uabb-close-custom-top-left {
top: 50px;
left: 50px;
}
/* Custom Window Close */
.uabb-close-custom-popup-top-right {
bottom: 100%;
left: 100%;
}
.uabb-close-custom-popup-top-left {
bottom: 100%;
right: 100%;
}
.uabb-modal-parent-wrapper .uabb-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
opacity: 0;
background: rgba(0,0,0,0.75);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-show {
z-index: 99999;
}
.uabb-show ~ .uabb-overlay {
opacity: 1;
visibility: visible;
}
.uabb-perspective,
.uabb-perspective body {
height: 100%;
overflow: hidden;
}
.uabb-perspective body {
background: #222;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
}
.container {
min-height: 100%;
}
.uabb-modal-title-wrap {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
padding: 5px 25px;
}
.uabb-modal-title-wrap .uabb-modal-title {
margin: 0;
}
/* Content styles */
.uabb-content {
position: relative;
border-radius: 3px;
margin: 0 auto;
width: 100%;
/*height: 100%;*/
}
.uabb-modal img,
.uabb-modal iframe {
display: block;
margin: 0 auto;
}
.uabb-modal img {
max-width: 100%;
}
.uabb-modal-youtube iframe,
.uabb-modal-vimeo iframe {
width: 100%;
height: 100%;
}
.uabb-modal-action {
cursor: pointer;
/*display: inline-block;*/
}
/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.uabb-effect-1 .uabb-content {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-show.uabb-effect-1 .uabb-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* Effect 2: Slide from the right */
.uabb-effect-2 .uabb-content {
-webkit-transform: translateX(20%);
-moz-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.uabb-show.uabb-effect-2 .uabb-content {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
/* Effect 3: Slide from the bottom */
.uabb-effect-3 .uabb-content {
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-show.uabb-effect-3 .uabb-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
/* Effect 4: Newspaper */
.uabb-effect-4 .uabb-content {
-webkit-transform: scale(0) rotate(720deg);
-moz-transform: scale(0) rotate(720deg);
-ms-transform: scale(0) rotate(720deg);
transform: scale(0) rotate(720deg);
opacity: 0;
}
.uabb-show.uabb-effect-4 ~ .uabb-overlay,
.uabb-effect-4 .uabb-content {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.uabb-show.uabb-effect-4 .uabb-content {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
opacity: 1;
}
/* Effect 5: fall */
.uabb-effect-5.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-5 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(600px) rotateX(20deg);
-moz-transform: translateZ(600px) rotateX(20deg);
-ms-transform: translateZ(600px) rotateX(20deg);
transform: translateZ(600px) rotateX(20deg);
opacity: 0;
}
.uabb-show.uabb-effect-5 .uabb-content {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transform: translateZ(0px) rotateX(0deg);
-moz-transform: translateZ(0px) rotateX(0deg);
-ms-transform: translateZ(0px) rotateX(0deg);
transform: translateZ(0px) rotateX(0deg);
opacity: 1;
}
/* Effect 6: side fall */
.uabb-effect-6.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-6 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
transform: translate(30%) translateZ(600px) rotate(10deg);
opacity: 0;
}
.uabb-show.uabb-effect-6 .uabb-content {
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
-moz-transform: translate(0%) translateZ(0) rotate(0deg);
-ms-transform: translate(0%) translateZ(0) rotate(0deg);
transform: translate(0%) translateZ(0) rotate(0deg);
opacity: 1;
}
/* Effect 7: slide and stick to top */
.uabb-effect-7{
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uabb-effect-7 .uabb-content {
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
opacity: 0;
}
.uabb-show.uabb-effect-7 .uabb-content {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
border-radius: 0 0 3px 3px;
opacity: 1;
}
/* Effect 8: 3D flip horizontal */
.uabb-effect-8.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-8 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-70deg);
-moz-transform: rotateY(-70deg);
-ms-transform: rotateY(-70deg);
transform: rotateY(-70deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.uabb-show.uabb-effect-8 .uabb-content {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
/* Effect 9: 3D flip vertical */
.uabb-effect-9.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-9 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-70deg);
-moz-transform: rotateX(-70deg);
-ms-transform: rotateX(-70deg);
transform: rotateX(-70deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.uabb-show.uabb-effect-9 .uabb-content {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
/* Effect 10: 3D sign */
.uabb-effect-10.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-10 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-60deg);
-moz-transform: rotateX(-60deg);
-ms-transform: rotateX(-60deg);
transform: rotateX(-60deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-show.uabb-effect-10 .uabb-content {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
/* Effect 11: Super scaled */
.uabb-effect-11 .uabb-content {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-show.uabb-effect-11 .uabb-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* Effect 12: Just me */
.uabb-effect-12 .uabb-content {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-effect-12 .uabb-content h3,
.uabb-effect-12 .uabb-content {
background: transparent;
}
.uabb-show.uabb-effect-12 .uabb-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* Effect 13: 3D slit */
.uabb-effect-13.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-13 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-3000px) rotateY(90deg);
-moz-transform: translateZ(-3000px) rotateY(90deg);
-ms-transform: translateZ(-3000px) rotateY(90deg);
transform: translateZ(-3000px) rotateY(90deg);
opacity: 0;
}
.uabb-show.uabb-effect-13 .uabb-content {
-webkit-animation: slit .7s forwards ease-out;
-moz-animation: slit .7s forwards ease-out;
animation: slit .7s forwards ease-out;
}
@-webkit-keyframes slit {
50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@-moz-keyframes slit {
50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@keyframes slit {
50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
/* Effect 14: 3D Rotate from bottom */
.uabb-effect-14.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-14 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateY(100%) rotateX(90deg);
-moz-transform: translateY(100%) rotateX(90deg);
-ms-transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
transform-origin: 0 100%;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.uabb-show.uabb-effect-14 .uabb-content {
-webkit-transform: translateY(0%) rotateX(0deg);
-moz-transform: translateY(0%) rotateX(0deg);
-ms-transform: translateY(0%) rotateX(0deg);
transform: translateY(0%) rotateX(0deg);
opacity: 1;
}
/* Effect 15: 3D Rotate in from left */
.uabb-effect-15.uabb-modal {
-webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
}
.uabb-effect-15 .uabb-content {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
transform: translateZ(100px) translateX(-30%) rotateY(90deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
transform-origin: 0 100%;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-show.uabb-effect-15 .uabb-content {
-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
transform: translateZ(0px) translateX(0%) rotateY(0deg);
opacity: 1;
}
/* Effect 16: Blur */
.uabb-show.uabb-effect-16 ~ .container {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
filter: blur(3px);
}
.uabb-effect-16 .uabb-content {
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
transform: translateY(-5%);
opacity: 0;
}
.uabb-show.uabb-effect-16 ~ .container,
.uabb-effect-16 .uabb-content {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.uabb-show.uabb-effect-16 .uabb-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
/* Effect 17: Slide in from bottom with perspective on container */
.uabb-show.uabb-effect-17 ~ .container {
height: 100%;
overflow: hidden;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.uabb-show.uabb-effect-17 ~ .container,
.uabb-show.uabb-effect-17 ~ .uabb-overlay {
-webkit-transform: rotateX(-2deg);
-moz-transform: rotateX(-2deg);
-ms-transform: rotateX(-2deg);
transform: rotateX(-2deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.uabb-effect-17 .uabb-content {
opacity: 0;
-webkit-transform: translateY(200%);
-moz-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%);
}
.uabb-show.uabb-effect-17 .uabb-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: all 0.3s 0.2s;
-moz-transition: all 0.3s 0.2s;
transition: all 0.3s 0.2s;
}
/* Effect 18: Slide from right with perspective on container */
.uabb-show.uabb-effect-18 ~ .container {
height: 100%;
overflow: hidden;
}
.uabb-show.uabb-effect-18 ~ .uabb-overlay {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.uabb-show.uabb-effect-18 ~ .container,
.uabb-show.uabb-effect-18 ~ .uabb-overlay {
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 0% 50%;
-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
transform-style: preserve-3d;
transform-origin: 0% 50%;
animation: rotateRightSideFirst 0.5s forwards ease-in;
}
@-webkit-keyframes rotateRightSideFirst {
50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: translateZ(-200px); }
}
@-moz-keyframes rotateRightSideFirst {
50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
100% { -moz-transform: translateZ(-200px); }
}
@keyframes rotateRightSideFirst {
50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
100% { transform: translateZ(-200px); }
}
.uabb-effect-18 .uabb-content {
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
opacity: 0;
}
.uabb-show.uabb-effect-18 .uabb-content {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
-webkit-transition: all 0.5s 0.1s;
-moz-transition: all 0.5s 0.1s;
transition: all 0.5s 0.1s;
}
/* Effect 19: Slip in from the top with perspective on container */
.uabb-show.uabb-effect-19 ~ .container {
height: 100%;
overflow: hidden;
}
.uabb-show.uabb-effect-19 ~ .uabb-overlay {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.uabb-show.uabb-effect-19 ~ .container,
.uabb-show.uabb-effect-19 ~ .uabb-overlay {
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 100%;
-webkit-animation: OpenTop 0.5s forwards ease-in;
-moz-transform-style: preserve-3d;
-moz-transform-origin: 50% 100%;
-moz-animation: OpenTop 0.5s forwards ease-in;
transform-style: preserve-3d;
transform-origin: 50% 100%;
animation: OpenTop 0.5s forwards ease-in;
}
@-webkit-keyframes OpenTop {
50% {
-webkit-transform: rotateX(10deg);
-webkit-animation-timing-function: ease-out;
}
}
@-moz-keyframes OpenTop {
50% {
-moz-transform: rotateX(10deg);
-moz-animation-timing-function: ease-out;
}
}
@keyframes OpenTop {
50% {
transform: rotateX(10deg);
animation-timing-function: ease-out;
}
}
.uabb-effect-19 .uabb-content {
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
opacity: 0;
}
.uabb-show.uabb-effect-19 .uabb-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: all 0.5s 0.1s;
-moz-transition: all 0.5s 0.1s;
transition: all 0.5s 0.1s;
}
.fl-builder-edit .uabb-center-modal {
left: 50%;
top: 50%;
transform: translate( -50%,-50% );
}
/* IE Fix */
.internet-explorer .uabb-modal-close {
position: absolute;
}
.internet-explorer .uabb-close-custom-top-left,
.internet-explorer .uabb-close-custom-top-right {
position: fixed;
}
.uabb-video-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
transition: .4s all;
}
.uabb-video-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
position: absolute;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.uabb-modal.uabb-modal-youtube .uabb-video-wrap, .uabb-modal.uabb-modal-vimeo .uabb-video-wrap {
height: 0;
width: 100%;
position: relative;
}
.uabb-modal-content-data .uabb-modal-iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border: 0;
}
.uabb-video-player {
position: relative;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}
.uabb-aspect-ratio-4_3.uabb-modal-vimeo .uabb-video-wrap,
.uabb-aspect-ratio-4_3.uabb-modal-youtube .uabb-video-wrap {
padding-bottom: 76%;
}
.uabb-aspect-ratio-16_9.uabb-modal-vimeo .uabb-video-wrap,
.uabb-aspect-ratio-16_9.uabb-modal-youtube .uabb-video-wrap {
padding-bottom: 56.25%;
}
.uabb-aspect-ratio-3_2.uabb-modal-vimeo .uabb-video-wrap,
.uabb-aspect-ratio-3_2.uabb-modal-youtube .uabb-video-wrap {
padding-bottom: 66.6666%;
}
.play:before{
font-size:72px;
line-height:72px;
color: rgba( 0,0,0,0.8 )
}
.uabb-modal-content-data {
position: relative;
}
.uabb-loader {
display: block;
margin: 0 auto;
min-height: 48px;
line-height: 48px;
width: 48px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.uabb-loader::before {
content: "";
background: none !important;
width: 48px;
height: 48px;
display: block;
position: absolute;
top: 0;
left: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-animation: uabb-if-spin 575ms infinite linear;
animation: uabb-if-spin 575ms infinite linear;
}
@keyframes uabb-if-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uabb-if-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.fl-node-x2vkdiucq15h {
width:100%;
}
.fl-node-x2vkdiucq15h .uabb-modal-action-wrap {
text-align: left;
}
/* Global Css */
.uamodal-x2vkdiucq15h .uabb-modal-close {
font-size: px;
}
.uamodal-x2vkdiucq15h .uabb-close-icon {
width: px;
height: px;
line-height: px;
font-size: px;
color: ;
}
.uamodal-x2vkdiucq15h .uabb-content {
background: #ffffff;
}
.uamodal-x2vkdiucq15h .uabb-overlay {
background: rgba(0,0,0,0.75);
}
.uamodal-x2vkdiucq15h .uabb-modal-title-wrap {
text-align: left;
padding-top: 5px;padding-bottom: 5px;padding-left: 25px;padding-right: 25px;
}
.uamodal-x2vkdiucq15h .uabb-modal-content-data {
padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}
.uamodal-x2vkdiucq15h .uabb-modal,
.uamodal-x2vkdiucq15h .uabb-content {
width: 1000px;
max-width: 100%;
}
/* Responsive Center CSS */
@media ( max-width: 1050px ) {
/*.uamodal-x2vkdiucq15h .uabb-modal,*/
.uamodal-x2vkdiucq15h .uabb-content {
width : 80%;
}
}
/* Title Typography */
/* End Title Typography */
/* Modal Content Typography */
/* End Modal Content Typography */
@media ( max-width: 992px ) {
.uamodal-x2vkdiucq15h .uabb-modal-content-data {
}
.uamodal-x2vkdiucq15h .uabb-modal-title-wrap {
}
}
@media ( max-width: 768px ) {
.uamodal-x2vkdiucq15h .uabb-modal-content-data {
}
.uamodal-x2vkdiucq15h .uabb-modal-title-wrap {
}
}
.uamodal-x2vkdiucq15h .uabb-loader::before{
border: 3px solid rgba( 0,0,0,0.8 );
border-left-color: transparent;
border-right-color: transparent;
}
.fl-node-x2vkdiucq15h > .fl-module-content {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
/* Start Global CSS */
/* End Global CSS */
/* Start Global Nodes CSS */
/* End Global Nodes CSS */
/* Start Layout CSS */
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
display: inline-block;
font-size: 17px !important;
}
.gform_wrapper.gravity-theme .gfield_label {
display: inline-block;
font-size: 21px !important;
}
h3.gsection_title {
font-size: 30px !important;
}
.gform_wrapper.gravity-theme .gsection {
border-bottom: 2px solid #000 !important;
padding: 0 16px 8px 0;
}
/* Set up grid layout */
.feeling-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
/* Hide checkboxes */
.feeling-grid input[type="checkbox"] {
display: none;
}
/* Style each label */
.feeling-grid label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background-color: #f0f0f0;
border: 2px solid #ddd;
border-radius: 8px;
padding: 20px;
cursor: pointer;
font-size: 18px;
text-align: center;
transition: background-color 0.3s, border-color 0.3s;
box-sizing: border-box;
}
/* Add Font Awesome icon on each label */
.feeling-grid label:before {
font-family: "Font Awesome 5 Free";
/* content: "\f118"; /* Smile icon */
font-weight: 900;
font-size: 30px;
color: #888;
margin-bottom: 8px;
}
/* Highlight selected items */
.feeling-grid input[type="checkbox"]:checked + label {
background-color: #444444;
border-color: #444444;
color: #fff;
}
.feeling-grid input[type="checkbox"]:checked + label:before {
color: #fff;
}
.feeling-grid .gchoice {
width: 33% !important;
float: left !important;
}
/* Small devices such as phones (768px or lesser) */
@media only screen and (max-width: 768px) {
.feeling-grid .gchoice {
width: 100% !important;
float: left !important;
margin:0px 0px !important;
}
.feeling-grid label {
padding: 7px;
}
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
max-width: 90% !important;
margin: 0px 10px !important;
}
.feeling-grid input {
visibility: hidden !important;
}
/*.fl-col-group.fl-node-05gqcti3peds.fl-col-group-equal-height.fl-col-group-align-center.fl-col-group-custom-width:hover {
background: rgba(255,255,255,.25);
border:1px solid #fff;
border-radius: 5px;
}*/
/* End Layout CSS */
/* Sticky */
.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
position: fixed;
width: 100%;
z-index: 100;
}
/* Sticky - fix flyout menu */
.fl-theme-builder-flyout-menu-push-left .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
left: auto !important;
transition: left 0.2s !important;
}
.fl-theme-builder-flyout-menu-push-right .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
right: auto !important;
transition: right 0.2s !important;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .fl-menu .fl-menu-mobile-opacity {
height: 100vh;
width: 100vw;
}
.fl-builder-content[data-type="header"]:not([data-overlay="1"]).fl-theme-builder-header-sticky .fl-menu-mobile-flyout {
top: 0px;
}
.fl-theme-builder-flyout-menu-active body {
margin-left: 0px !important;
margin-right: 0px !important;
}
.fl-theme-builder-has-flyout-menu, .fl-theme-builder-has-flyout-menu body {
overflow-x: hidden;
}
.fl-theme-builder-flyout-menu-push-right {
right: 0px;
transition: right 0.2s ease-in-out;
}
.fl-theme-builder-flyout-menu-push-left {
left: 0px;
transition: left 0.2s ease-in-out;
}
.fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-right {
position: relative;
right: 250px;
}
.fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-left {
position: relative;
left: 250px;
}
.fl-theme-builder-flyout-menu-active .fl-builder-content[data-type="header"] .fl-menu-disable-transition {
transition: none;
}
/* Shrink */
.fl-builder-content[data-shrink="1"] .fl-row-content-wrap,
.fl-builder-content[data-shrink="1"] .fl-col-content,
.fl-builder-content[data-shrink="1"] .fl-module-content,
.fl-builder-content[data-shrink="1"] img {
-webkit-transition: all 0.4s ease-in-out, background-position 1ms;
-moz-transition: all 0.4s ease-in-out, background-position 1ms;
transition: all 0.4s ease-in-out, background-position 1ms;
}
.fl-builder-content[data-shrink="1"] img {
width: auto;
}
.fl-builder-content[data-shrink="1"] img.fl-photo-img {
width: auto;
height: auto;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap {
margin-bottom: 0;
margin-top: 0;
}
.fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap {
padding-bottom: 5px;
}
.fl-theme-builder-header-shrink-row-top.fl-row-content-wrap {
padding-top: 5px;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-col-content {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
.fl-theme-builder-header-shrink-module-bottom.fl-module-content {
margin-bottom: 5px;
}
.fl-theme-builder-header-shrink-module-top.fl-module-content {
margin-top: 5px;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img {
-webkit-transition: all 0.4s ease-in-out, background-position 1ms;
-moz-transition: all 0.4s ease-in-out, background-position 1ms;
transition: all 0.4s ease-in-out, background-position 1ms;
}
/* Overlay */
.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) {
position: absolute;
width: 100%;
z-index: 100;
}
.fl-builder-edit body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"] {
display: none;
}
body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-row-content-wrap,
body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-col-content {
background: transparent;
}
/* 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-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: 768px) {
.uabb-js-breakpoint {
content:"768";
}
}
.fl-node-01v5sgfth4w7 {
color: #ffffff;
}
.fl-builder-content .fl-node-01v5sgfth4w7 *: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-01v5sgfth4w7 a {
color: #ffffff;
}
.fl-builder-content .fl-node-01v5sgfth4w7 a:hover {
color: #ffffff;
}
.fl-builder-content .fl-node-01v5sgfth4w7 h1,
.fl-builder-content .fl-node-01v5sgfth4w7 h2,
.fl-builder-content .fl-node-01v5sgfth4w7 h3,
.fl-builder-content .fl-node-01v5sgfth4w7 h4,
.fl-builder-content .fl-node-01v5sgfth4w7 h5,
.fl-builder-content .fl-node-01v5sgfth4w7 h6,
.fl-builder-content .fl-node-01v5sgfth4w7 h1 a,
.fl-builder-content .fl-node-01v5sgfth4w7 h2 a,
.fl-builder-content .fl-node-01v5sgfth4w7 h3 a,
.fl-builder-content .fl-node-01v5sgfth4w7 h4 a,
.fl-builder-content .fl-node-01v5sgfth4w7 h5 a,
.fl-builder-content .fl-node-01v5sgfth4w7 h6 a {
color: #ffffff;
}
.fl-node-01v5sgfth4w7 > .fl-row-content-wrap {
background-color: #4c555c;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}
.fl-node-01v5sgfth4w7 .fl-row-content {
max-width: 1440px;
}
.fl-node-01v5sgfth4w7 > .fl-row-content-wrap {
padding-top:40px;
padding-bottom:20px;
}
.fl-node-rw4kbzdgtin5 {
width: 41.98%;
}
.fl-node-rw4kbzdgtin5 > .fl-col-content {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-node-rw4kbzdgtin5 > .fl-col-content {
margin-right:0px;
}
.fl-node-rw4kbzdgtin5 > .fl-col-content {
padding-right:20px;
padding-left:20px;
}
.fl-node-ofx1n9mtiwcp {
width: 100%;
}
.fl-node-p254z9rh7n3a {
width: 50%;
}
.fl-node-yr9jdwbnfaei {
width: 30.02%;
}
.fl-node-yr9jdwbnfaei > .fl-col-content {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-node-yr9jdwbnfaei > .fl-col-content {
padding-right:20px;
padding-left:20px;
}
.fl-node-3omca4udyf15 {
width: 50%;
}
.fl-node-xrmyq57fc2z4 {
width: 28%;
}
.fl-node-xrmyq57fc2z4 > .fl-col-content {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-node-xrmyq57fc2z4 > .fl-col-content {
padding-right:20px;
padding-left:20px;
}
.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;
}
.fl-builder-content .fl-node-kfsnr2zvu8dh .fl-rich-text, .fl-builder-content .fl-node-kfsnr2zvu8dh .fl-rich-text *:not(b, strong) {
font-size: 14px;
}
.fl-node-kfsnr2zvu8dh > .fl-module-content {
margin-top:50px;
margin-bottom:0px;
}
@media (max-width: 768px) { .fl-node-kfsnr2zvu8dh > .fl-module-content { margin-top:20px; } }@media (max-width: 768px) { .fl-module-icon {
text-align: center;
}
}.fl-node-tpa940mr3dqs .fl-icon i,
.fl-node-tpa940mr3dqs .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-tpa940mr3dqs .fl-icon i:hover,
.fl-node-tpa940mr3dqs .fl-icon i:hover:before,
.fl-node-tpa940mr3dqs .fl-icon a:hover i,
.fl-node-tpa940mr3dqs .fl-icon a:hover i:before {
color: #7f7f7f;
}
.fl-node-tpa940mr3dqs .fl-icon i, .fl-node-tpa940mr3dqs .fl-icon i:before {
font-size: 16px;
}
.fl-node-tpa940mr3dqs .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-tpa940mr3dqs.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-tpa940mr3dqs .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-tpa940mr3dqs .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 768px) {
.fl-node-tpa940mr3dqs .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-tpa940mr3dqs > .fl-module-content {
margin-top:0px;
margin-bottom:0px;
margin-left:5px;
}
.fl-node-b6pdjvwem3fg .fl-icon i,
.fl-node-b6pdjvwem3fg .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-b6pdjvwem3fg .fl-icon i, .fl-node-b6pdjvwem3fg .fl-icon i:before {
font-size: 16px;
}
.fl-node-b6pdjvwem3fg .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-b6pdjvwem3fg.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-b6pdjvwem3fg .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-b6pdjvwem3fg .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 768px) {
.fl-node-b6pdjvwem3fg .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-b6pdjvwem3fg > .fl-module-content {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:3px;
}
.fl-node-zohm1j8vi956.fl-module-heading .fl-heading {
text-align: left;
}
.fl-node-zohm1j8vi956 > .fl-module-content {
margin-bottom:0px;
}
.fl-builder-content .fl-node-9qouzamrkhsl .fl-module-content .fl-rich-text,
.fl-builder-content .fl-node-9qouzamrkhsl .fl-module-content .fl-rich-text * {
color: #e75325;
}
.fl-builder-content .fl-node-9qouzamrkhsl .fl-rich-text, .fl-builder-content .fl-node-9qouzamrkhsl .fl-rich-text *:not(b, strong) {
font-weight: 600;
font-size: 20px;
line-height: 1;
}
.fl-node-ugck7zlt9hs6 .fl-icon i,
.fl-node-ugck7zlt9hs6 .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-ugck7zlt9hs6 .fl-icon i:hover,
.fl-node-ugck7zlt9hs6 .fl-icon i:hover:before,
.fl-node-ugck7zlt9hs6 .fl-icon a:hover i,
.fl-node-ugck7zlt9hs6 .fl-icon a:hover i:before {
color: #7f7f7f;
}
.fl-node-ugck7zlt9hs6 .fl-icon i, .fl-node-ugck7zlt9hs6 .fl-icon i:before {
font-size: 16px;
}
.fl-node-ugck7zlt9hs6 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-ugck7zlt9hs6.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-ugck7zlt9hs6 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-ugck7zlt9hs6 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 768px) {
.fl-node-ugck7zlt9hs6 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-ugck7zlt9hs6 > .fl-module-content {
margin-top:0px;
margin-bottom:0px;
margin-left:5px;
}
.fl-node-6yjawvi3zue7 .fl-icon i,
.fl-node-6yjawvi3zue7 .fl-icon i:before {
color: #9b9b9b;
}
.fl-node-6yjawvi3zue7 .fl-icon i, .fl-node-6yjawvi3zue7 .fl-icon i:before {
font-size: 16px;
}
.fl-node-6yjawvi3zue7 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
.fl-node-6yjawvi3zue7.fl-module-icon {
text-align: left;
}
@media(max-width: 1200px) {
.fl-node-6yjawvi3zue7 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 992px) {
.fl-node-6yjawvi3zue7 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
@media(max-width: 768px) {
.fl-node-6yjawvi3zue7 .fl-icon-wrap .fl-icon-text {
height: 28px;
}
}
.fl-node-6yjawvi3zue7 > .fl-module-content {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:3px;
}
.fl-node-7k5ec04g8sxp.fl-module-heading .fl-heading {
text-align: left;
}
.fl-node-y9rauzlweoi1.fl-module-heading .fl-heading {
text-align: left;
}
.fl-node-y9rauzlweoi1 > .fl-module-content {
margin-bottom:0px;
}
.fl-builder-content .fl-node-sdifp9cre5u4 .fl-module-content .fl-rich-text,
.fl-builder-content .fl-node-sdifp9cre5u4 .fl-module-content .fl-rich-text * {
color: #e75325;
}
.fl-builder-content .fl-node-sdifp9cre5u4 .fl-rich-text, .fl-builder-content .fl-node-sdifp9cre5u4 .fl-rich-text *:not(b, strong) {
font-weight: 600;
font-size: 20px;
line-height: 1;
}
.fl-builder-content .fl-node-yuqxpa2wkrvm .fl-rich-text, .fl-builder-content .fl-node-yuqxpa2wkrvm .fl-rich-text *:not(b, strong) {
font-size: 17px;
}
.fl-node-yuqxpa2wkrvm > .fl-module-content {
margin-bottom:0px;
}
.fl-builder-content .fl-node-jwrbfc4t9p1a .fl-rich-text, .fl-builder-content .fl-node-jwrbfc4t9p1a .fl-rich-text *:not(b, strong) {
font-size: 17px;
}
.fl-node-jwrbfc4t9p1a > .fl-module-content {
margin-bottom:0px;
}
.fl-form-field input,
.fl-form-field input[type=text],
.fl-form-field input[type=email] {
height: auto;
width: 100%;
font-size: 16px;
line-height: 1;
padding: 12px 24px;
border-radius: 4px;
}
.fl-form-field .hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.fl-subscribe-form-inline .fl-form-field {
float: left;
margin: 0;
padding-right: 10px;
width: 33.33%;
}
.fl-subscribe-form-inline.fl-subscribe-form-name-hide .fl-form-field {
width: 66.66%;
}
.fl-subscribe-form-inline .fl-form-button {
float: left;
width: 33.33%;
}
.fl-subscribe-form-inline .fl-form-recaptcha {
clear: both;
float: none;
margin: 0;
padding-top: 15px;
width: auto;
}
.fl-terms-checkbox-wrap {
display: inline-flex;
vertical-align: middle;
}
.fl-form-field.fl-terms-checkbox input[type="checkbox"] {
height: 23px !important;
width: 23px;
margin: 0px 10px 0 -2px;
padding: 0!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fl-form-field.fl-terms-checkbox {
width: 100%;
}
.fl-form-field.fl-terms-checkbox label {
word-wrap: break-word;
}
.fl-form-field .fl-terms-checkbox-text {
margin: 10px 0;
}
@media (max-width: 768px) { .fl-subscribe-form-inline .fl-form-field {
float: none;
margin: 0 0 15px;
padding-right: 0;
width: 100%;
}
.fl-subscribe-form-inline.fl-subscribe-form-name-hide .fl-form-field {
width: 100%;
}
.fl-subscribe-form-inline .fl-form-button {
float: none;
width: 100%;
}
.fl-form-field.fl-terms-checkbox input[type=checkbox] {
-webkit-margin-start: 5px;
}
}
.fl-builder-content .fl-node-8gnje0h2zrds a.fl-button,
.fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:visited,
.fl-builder-content .fl-node-8gnje0h2zrds a.fl-button *,
.fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:visited *,
.fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button,
.fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:visited,
.fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button *,
.fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:visited * {
color: #ffffff;
}
.fl-node-8gnje0h2zrds a.fl-button, .fl-node-8gnje0h2zrds a.fl-button:visited, .fl-node-8gnje0h2zrds a.fl-button *, .fl-node-8gnje0h2zrds a.fl-button:visited * {
color: #ffffff;
}
.fl-node-8gnje0h2zrds.fl-button-wrap, .fl-node-8gnje0h2zrds .fl-button-wrap {
text-align: left;
}
.fl-builder-content .fl-node-8gnje0h2zrds a.fl-button, .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:visited, .fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button, .fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:visited {
font-weight: 600;
background-color: #e75325;
}
.fl-builder-content .fl-module-button.fl-node-8gnje0h2zrds a.fl-button:hover, .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:focus, .fl-page .fl-builder-content .fl-module-button.fl-node-8gnje0h2zrds a.fl-button:hover, .fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:focus {
border-color: #e75325;
}
.fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:hover, .fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:hover, .fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:hover, .fl-page .fl-page .fl-builder-content .fl-node-8gnje0h2zrds a.fl-button:hover {
background-color: #e75325;
}
.fl-node-8gnje0h2zrds .fl-form-success-message {
display: none;
}
.fl-icon-group .fl-icon {
display: inline-block;
margin-bottom: 10px;
margin-top: 10px;
}
.fl-node-t8r264037koi .fl-icon i, .fl-node-t8r264037koi .fl-icon i:before {
font-size: 30px;
}
.fl-node-t8r264037koi .fl-icon-wrap .fl-icon-text {
height: 52.5px;
}
@media(max-width: 1200px) {
.fl-node-t8r264037koi .fl-icon-wrap .fl-icon-text {
height: 52.5px;
}
}
@media(max-width: 992px) {
.fl-node-t8r264037koi .fl-icon-wrap .fl-icon-text {
height: 52.5px;
}
}
@media(max-width: 768px) {
.fl-node-t8r264037koi .fl-icon-wrap .fl-icon-text {
height: 52.5px;
}
}
.fl-node-t8r264037koi .fl-module-content .fl-icon:nth-child(1) i,
.fl-node-t8r264037koi .fl-module-content .fl-icon:nth-child(1) i:before {
color: #ffffff;
}
.fl-node-t8r264037koi .fl-module-content .fl-icon:nth-child(2) i,
.fl-node-t8r264037koi .fl-module-content .fl-icon:nth-child(2) i:before {
color: #ffffff;
}
.fl-node-t8r264037koi .fl-icon-group {
text-align: left;
}
.fl-node-t8r264037koi .fl-icon + .fl-icon {
margin-left: 10px;
}
.fl-node-t8r264037koi > .fl-module-content {
margin-top:-10px;
}
@media (max-width: 768px) { .fl-node-t8r264037koi > .fl-module-content { margin-top:20px; } }
/* 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-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: 768px) {
.uabb-js-breakpoint {
content:"768";
}
}
/* Full Height Rows */
.fl-node-ihp4a260cfos.fl-row-full-height > .fl-row-content-wrap,
.fl-node-ihp4a260cfos.fl-row-custom-height > .fl-row-content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.fl-node-ihp4a260cfos.fl-row-full-height > .fl-row-content-wrap {
min-height: 100vh;
}
.fl-node-ihp4a260cfos.fl-row-custom-height > .fl-row-content-wrap {
min-height: 0;
}
.fl-builder-edit .fl-node-ihp4a260cfos.fl-row-full-height > .fl-row-content-wrap {
min-height: calc( 100vh - 48px );
}
/* Full height iPad with portrait orientation. */
@media all and (width: 768px) and (height: 1024px) and (orientation:portrait){
.fl-node-ihp4a260cfos.fl-row-full-height > .fl-row-content-wrap {
min-height: 1024px;
}
}
/* Full height iPad with landscape orientation. */
@media all and (width: 1024px) and (height: 768px) and (orientation:landscape){
.fl-node-ihp4a260cfos.fl-row-full-height > .fl-row-content-wrap {
min-height: 768px;
}
}
/* Full height iPhone 5. You can also target devices with aspect ratio. */
@media screen and (aspect-ratio: 40/71) {
.fl-node-ihp4a260cfos.fl-row-full-height > .fl-row-content-wrap {
min-height: 500px;
}
}
.fl-node-ihp4a260cfos > .fl-row-content-wrap {
background-color: #444444;
background-image: url(https://keenly.org/wp-content/uploads/2025/01/keenly-team-web-scaled.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
}
.fl-node-ihp4a260cfos > .fl-row-content-wrap:after {
background-color: rgba(33,37,40,0.76);
}
.fl-node-ihp4a260cfos .fl-row-content {
max-width: 1440px;
}
.fl-node-ihp4a260cfos > .fl-row-content-wrap {
padding-bottom:50px;
}
.fl-node-u5hprc4jv89z > .fl-row-content-wrap {
background-color: #f2f2f2;
}
.fl-node-u5hprc4jv89z .fl-row-content {
max-width: 1440px;
}
.fl-node-u5hprc4jv89z > .fl-row-content-wrap {
margin-bottom:35px;
}
.fl-node-u5hprc4jv89z > .fl-row-content-wrap {
padding-top:55px;
padding-bottom:55px;
}
.fl-node-pyksedthbnu4 .fl-row-content {
max-width: 1440px;
}
.fl-node-lj86kqvyrcup {
width: 24%;
}
@media(max-width: 992px) {
.fl-builder-content .fl-node-lj86kqvyrcup {
width: 90% !important;
max-width: none;
-webkit-box-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
}
.fl-node-czvqy4km2a3b {
width: 60%;
}
.fl-node-qklwb37v8u0o {
width: 27%;
}
.fl-node-0h8nyzkc6mox {
width: 75%;
}
@media(max-width: 992px) {
.fl-builder-content .fl-node-0h8nyzkc6mox {
width: 90% !important;
max-width: none;
-webkit-box-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
}
.fl-node-xa2j8n4vezri {
width: 39%;
}
.fl-node-x7lqpbhvr86e {
width: 72%;
}
body a.infobox-title-link {
text-decoration: none;
}
body h1.uabb-infobox-title,
body h2.uabb-infobox-title,
body h3.uabb-infobox-title,
body h4.uabb-infobox-title,
body h5.uabb-infobox-title,
body h6.uabb-infobox-title,
.uabb-infobox-content .uabb-infobox-title-prefix {
margin: 0;
padding: 0;
}
.uabb-module-content .uabb-text-editor :not(a) {
color: inherit;
}
.uabb-module-content .uabb-text-editor :not(i) {
font-family: inherit;
}
.uabb-module-content .uabb-text-editor :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: inherit;
line-height: inherit;
}
.uabb-module-content .uabb-text-editor :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(strong):not(b):not(i) {
font-weight: inherit;
}
.uabb-infobox-content .uabb-infobox-text p:last-of-type {
margin-bottom: 0;
}
.uabb-infobox-content .uabb-infobox-text p {
padding: 0 0 10px;
}
.fl-builder-content .uabb-infobox-text h1,
.fl-builder-content .uabb-infobox-text h2,
.fl-builder-content .uabb-infobox-text h3,
.fl-builder-content .uabb-infobox-text h4,
.fl-builder-content .uabb-infobox-text h5,
.fl-builder-content .uabb-infobox-text h6 {
margin: 0;
}
.infobox-icon-above-title .uabb-infobox-left-right-wrap,
.infobox-icon-below-title .uabb-infobox-left-right-wrap,
.infobox-photo-above-title .uabb-infobox-left-right-wrap,
.infobox-photo-below-title .uabb-infobox-left-right-wrap {
display: block;
min-width: 100%;
width: 100%;
}
.infobox-icon-above-title .uabb-icon,
.infobox-icon-below-title .uabb-icon,
.infobox-photo-above-title .uabb-imgicon-wrap {
display: block;
}
.infobox-icon-left-title .uabb-infobox-title,
.infobox-icon-right-title .uabb-infobox-title,
.infobox-icon-left-title .uabb-imgicon-wrap,
.infobox-icon-right-title .uabb-imgicon-wrap,
.infobox-photo-left-title .uabb-infobox-title,
.infobox-photo-right-title .uabb-infobox-title,
.infobox-photo-left-title .uabb-imgicon-wrap,
.infobox-photo-right-title .uabb-imgicon-wrap {
display: inline-block;
vertical-align: middle;
}
.infobox-icon-left-title .left-title-image,
.infobox-icon-right-title .right-title-image,
.infobox-icon-left .uabb-infobox-left-right-wrap,
.infobox-icon-right .uabb-infobox-left-right-wrap,
.infobox-photo-left .uabb-infobox-left-right-wrap,
.infobox-photo-right .uabb-infobox-left-right-wrap {
display: inline-block;
width: 100%;
}
.infobox-icon-left-title .uabb-imgicon-wrap,
.infobox-icon-left .uabb-imgicon-wrap,
.infobox-photo-left-title .uabb-imgicon-wrap,
.infobox-photo-left .uabb-imgicon-wrap {
margin-right: 20px;
}
.infobox-icon-right-title .uabb-imgicon-wrap,
.infobox-icon-right .uabb-imgicon-wrap,
.infobox-photo-right-title .uabb-imgicon-wrap,
.infobox-photo-right .uabb-imgicon-wrap {
margin-left: 20px;
}
.infobox-icon-left .uabb-imgicon-wrap,
.infobox-icon-right .uabb-imgicon-wrap,
.infobox-icon-left .uabb-infobox-content,
.infobox-icon-right .uabb-infobox-content,
.infobox-photo-left .uabb-imgicon-wrap,
.infobox-photo-right .uabb-imgicon-wrap,
.infobox-photo-left .uabb-infobox-content,
.infobox-photo-right .uabb-infobox-content {
display: inline-block;
vertical-align: top;
}
.infobox-photo-below-title .uabb-imgicon-wrap {
display: block;
margin: 10px 0 15px;
}
.infobox-photo-left-title .uabb-infobox-title-wrap,
.infobox-icon-left-title .uabb-infobox-title-wrap,
.infobox-photo-right-title .uabb-infobox-title-wrap,
.infobox-icon-right-title .uabb-infobox-title-wrap {
vertical-align: middle;
}
.fl-module-info-box .fl-module-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
flex-shrink: 1;
}
.fl-module-info-box .uabb-separator-parent {
line-height: 0;
}
.fl-module-info-box .uabb-infobox-module-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 4;
}
@media (max-width: 768px) { .infobox-photo-left,
.infobox-photo-right {
display: block;
}
.infobox-photo-left .infobox-photo,
.infobox-photo-left-text .infobox-photo {
display: block;
margin-bottom: 15px;
padding-left: 0;
padding-right: 0;
width: auto;
}
.infobox-photo-right .infobox-photo,
.infobox-photo-right-text .infobox-photo {
display: block;
margin-top: 25px;
padding-left: 0;
padding-right: 0;
width: auto;
}
.infobox-photo-left .infobox-content,
.infobox-photo-left-text .infobox-content,
.infobox-photo-right .infobox-content,
.infobox-photo-right-text .infobox-content {
display: block;
width: auto;
} }
.fl-node-6uhlx4idf51a {
width: 100%;
}
.fl-node-6uhlx4idf51a .uabb-icon-wrap .uabb-icon i {
}
/* Image icon Margin 0 */
/* Border Properties */
/* Background Property */
.fl-node-6uhlx4idf51a .uabb-infobox {
}
/* Align */
.fl-node-6uhlx4idf51a .infobox-left,
.fl-node-6uhlx4idf51a .uabb-infobox .uabb-separator {
text-align: left;
}
/* Minimum Height and Vertical Alignment */
/* Heading Margin Properties */
.fl-builder-content .fl-node-6uhlx4idf51a .uabb-infobox-title {
margin-top: px;
margin-bottom: 10px;
}
/* Prefix Margin Properties */
/* Heading Color */
.fl-builder-content .fl-node-6uhlx4idf51a .uabb-infobox-text {
margin-top: 0px;
margin-bottom: 0px;
}
/* Description Color */
.fl-node-6uhlx4idf51a .uabb-infobox-text {
color:
#757575;
}
/* Icon Margin */
/* Icon Margin */
/* Image Margin */
/* Link Color */
/* Typography Options for Title */
/* Typography Options for Description */
.fl-builder-content .fl-node-6uhlx4idf51a .uabb-infobox-title-prefix {
}
/* Typography Options for Prefix */
/* Typography Options for Link Text */
/* Module Link */
/* Calculation Width */
/* Left Right Title Image */
/* Responsive CSS */
@media (max-width: 992px) {
.fl-builder-content .fl-node-6uhlx4idf51a .uabb-infobox {
; }
}
@media (max-width: 768px) {
.fl-builder-content .fl-node-6uhlx4idf51a .uabb-infobox {
; }
.fl-node-6uhlx4idf51a .infobox-responsive- {
text-align: ;
}
/* Left Right Title Image */
}
.fl-node-6uhlx4idf51a .uabb-infobox-title-prefix {
font-weight: 300;
font-size: 24px;
}
.fl-node-6uhlx4idf51a > .fl-module-content {
margin-top:35px;
margin-right:30px;
margin-bottom:30px;
margin-left:30px;
}
@media (max-width: 768px) { .fl-node-6uhlx4idf51a > .fl-module-content { margin-top:20px;margin-bottom:20px;margin-left:20px;margin-right:20px; } } .fl-node-z29gjo0s8yhq > .fl-module-content {
margin-bottom:0px;
}
.fl-node-gfsr641b8who > .fl-module-content {
margin-top:50px;
}
@media (max-width: 768px) { .fl-node-gfsr641b8who > .fl-module-content { margin-top:20px; } }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: 768px) { /* Mobile Photo */
.fl-photo-content,
.fl-photo-img {
max-width: 100%;
} }.fl-node-rgxm83acivpn, .fl-node-rgxm83acivpn .fl-photo {
text-align: center;
}
.fl-node-rgxm83acivpn .fl-photo-content, .fl-node-rgxm83acivpn .fl-photo-img {
width: 180px;
}
/* Post Slider */
/* Wrappers */
body.rtl .fl-module-post-slider .bx-viewport {
direction: ltr;
}
.fl-module-post-slider .bx-wrapper {
margin: 0 auto 40px;
}
.fl-module-post-slider .bx-controls {
width: 100%;
position: absolute;
bottom: 0;
margin-top: 20px;
}
.fl-post-slider-navigation{
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 20;
margin-top: -16px;
}
.fl-post-slider-navigation a{
position: absolute;
display: inline-block;
opacity: .7;
}
.fl-post-slider-navigation a:hover{ opacity: 1; }
.fl-post-slider-navigation .slider-prev{ left: 5px; }
.fl-post-slider-navigation .slider-next{ right: 5px; }
.fl-post-slider-navigation .fl-post-slider-svg-container{
position: relative;
width: 32px;
height: 32px;
}
.fl-post-slider-navigation svg{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.fl-post-slider-navigation path{ fill: #fff; }
.fl-post-slider-navigation a.disabled,
.bx-controls a.disabled {
pointer-events: none;
}
/*Module styles =======================================*/
/* Background Photo */
.fl-post-slider{
position: relative;
}
.fl-post-slider .fl-post-slider-post {
position: absolute;
top: 0;
visibility: hidden;
}
.fl-post-slider .fl-post-slider-post:first-child,
.fl-post-slider-loaded .fl-post-slider-post {
position: relative;
visibility: visible;
}
.fl-post-slider-post .fl-slide-bg-photo {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.fl-post-slider-post .fl-post-slider-mobile-img { display: none; }
.fl-post-slider-post .fl-slide-bg-photo { display: block; }
.fl-post-slider-post .fl-post-slider-content{
z-index: 10;
}
.fl-post-slider-post .fl-post-slider-title{
margin: 0 0 20px 0 !important;
}
.fl-post-slider-post .fl-post-slider-feed-meta {
margin-bottom: 10px;
}@media (max-width: 768px) { .fl-post-slider-post .fl-slide-bg-photo {
display: none;
}
.fl-post-slider-post .fl-post-slider-mobile-img {
display: block;
} }
.fl-node-f685ba07pmcn .fl-post-slider-background .fl-post-slider-content{
position: relative;
z-index: 10;
padding: 50px;
background-color: rgba(27,139,153,0.82);
}
.fl-node-f685ba07pmcn .fl-post-slider-background .fl-post-slider-content-bg{
display: none;
position: absolute;
top: 0;
z-index: 5;
}
.fl-node-f685ba07pmcn .fl-post-slider-no-thumb{
padding: 50px;
background-color: rgba(27,139,153,0.82);
}
@media ( min-width: 768px ) {
.fl-node-f685ba07pmcn .fl-post-slider-post {
min-height: 400px;
}
.fl-node-f685ba07pmcn .fl-slide-bg-photo {
display: block;
}
.fl-node-f685ba07pmcn .fl-post-slider-mobile-img {
display: none;
}
.fl-node-f685ba07pmcn .fl-post-slider-background .fl-post-slider-content{
width: 50%;
float: left;
background: transparent;
}
.fl-node-f685ba07pmcn .fl-post-slider-background .fl-post-slider-content-bg{
display: block;
left: 0;
width: 50%;
height: 100%;
background-color: rgba(27,139,153,0.82); }
}
.fl-node-f685ba07pmcn .fl-post-slider-title a {
color: #ffffff;
}
.fl-node-f685ba07pmcn .fl-post-slider-title a:hover {
color: #ffffff;
}
.fl-node-f685ba07pmcn .fl-post-slider-feed-meta {
color: #ffffff;
}
.fl-node-f685ba07pmcn .fl-post-slider-feed-meta a {
color: #cccccc;
}
.fl-node-f685ba07pmcn .fl-post-slider-feed-meta a:hover {
color: #ffffff;
}
.fl-node-f685ba07pmcn .fl-post-slider-feed-content {
color: #ffffff;
}
.fl-node-f685ba07pmcn .fl-post-slider-feed-content a:not(.fl-post-slider-feed-more) {
color: #cccccc;
}
.fl-node-f685ba07pmcn .fl-post-slider-feed-content a:not(.fl-post-slider-feed-more):hover {
color: #ffffff;
}
.fl-node-f685ba07pmcn > .fl-module-content {
margin-bottom:0px;
}
.fl-row .fl-col .fl-node-4yz5f12kuscq h1.fl-heading a,
.fl-row .fl-col .fl-node-4yz5f12kuscq h1.fl-heading .fl-heading-text,
.fl-row .fl-col .fl-node-4yz5f12kuscq h1.fl-heading .fl-heading-text *,
.fl-node-4yz5f12kuscq h1.fl-heading .fl-heading-text {
color: #ffffff;
}
@media(max-width: 992px) {
.fl-node-4yz5f12kuscq.fl-module-heading .fl-heading {
font-size: 64px;
}
}
@media(max-width: 768px) {
.fl-node-4yz5f12kuscq.fl-module-heading .fl-heading {
font-size: 47px;
}
}
.fl-node-4yz5f12kuscq > .fl-module-content {
margin-right:0%;
margin-left:5%;
}
.fl-node-p8ohlnm7j05u > .fl-module-content {
margin-bottom:0px;
}
/* Generic Styles */
.fl-module-post-grid .fl-sep {
display: inline-block;
margin: 0 2px;
}
/* Post Columns */
body.rtl .fl-post-column {
float: right;
}
.fl-post-column {
float: left;
}
.fl-post-column .fl-post-grid-post {
visibility: visible;
}
/* Post Grid */
.fl-post-grid {
margin: 0 auto;
position: relative;
}
.fl-post-grid:before,
.fl-post-grid:after {
display: table;
content: " ";
}
.fl-post-grid:after {
clear: both;
}
.fl-post-grid-post {
background: #fff;
border: 1px solid #e6e6e6;
visibility: hidden;
}
.fl-post-grid-post,
.fl-post-feed-post {
overflow: hidden;
}
.fl-post-grid-image {
position: relative;
}
.fl-post-grid-image img {
height: auto !important;
width: 100% !important;
}
.fl-post-grid-text {
padding: 20px;
}
.fl-post-grid-title {
padding-bottom: 7px;
}
body .fl-post-grid-text,
body .fl-post-grid-content p {
font-size: 14px;
line-height: 22px;
}
body .fl-post-grid-text > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
body .fl-post-grid-content p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
body .fl-post-grid-text a {
text-decoration: none;
}
body .fl-post-grid-title {
font-size: 20px;
line-height: 26px;
margin: 0 0 10px;
padding: 0;
}
body .fl-post-grid-meta {
font-size: 14px;
padding-bottom: 10px;
}
.fl-post-feed-comments .fa {
vertical-align: text-top;
}
.fl-post-grid-more {
margin-top: 10px;
display: inline-block;
}
.fl-post-grid #infscr-loading {
bottom: 0;
left: 0;
right: 0;
padding: 40px 0;
position: absolute;
text-align: center;
width: 100%;
}
/* Post Gallery */
.fl-post-gallery-post {
overflow: hidden;
position: relative;
visibility: hidden;
}
.fl-post-gallery-link {
display: block;
height: 100%;
}
.fl-post-gallery-img {
position: relative;
z-index: 1;
}
.fl-post-gallery-img-horiz {
height: 100% !important;
max-height: 100% !important;
max-width: none !important;
width: auto !important;
}
.fl-post-gallery-img-vert {
height: auto !important;
max-height: none !important;
max-width: 100% !important;
width: 100% !important;
}
.fl-post-gallery-text-wrap {
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
width: 100%;
height: 100%;
padding: 0 20px;
text-align: center;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.fl-post-gallery-link:hover .fl-post-gallery-text-wrap {
opacity: 1;
}
.fl-post-gallery-text {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
/* Gallery Transitions */
.fl-post-gallery-text,
.fl-post-gallery-link:hover .fl-post-gallery-text{
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate(-50%,-50%);
transform: translate3d(-50%,-50%,0);
}
/* Gallery Icons */
.fl-post-gallery-text .fl-gallery-icon{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.fl-post-gallery-text .fl-gallery-icon i,
.fl-post-gallery-text .fl-gallery-icon i:before{
width: 24px;
height: 24px;
font-size: 24px;
}
.fl-post-gallery-text h2.fl-post-gallery-title {
font-size: 22px;
margin: 0 0 5px 0;
}
.fl-post-gallery #infscr-loading {
clear: both;
padding: 40px 0;
text-align: center;
width: 100%;
}
/* Post Feed */
.fl-post-feed-post {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 40px;
}
.fl-post-feed-post:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.fl-post-feed-header {
margin-bottom: 20px;
}
.fl-post-feed-header a {
text-decoration: none;
}
body h2.fl-post-feed-title {
margin: 0 0 10px;
padding: 0;
clear: none;
}
body .fl-post-feed-meta {
font-size: 14px;
margin-bottom: 5px;
}
.fl-post-feed-meta .fl-sep {
margin: 0 3px;
}
.fl-post-feed-image {
margin-bottom: 25px;
position: relative;
}
.fl-post-feed-image img {
height: auto !important;
width: 100% !important;
}
.fl-post-feed-image-beside .fl-post-feed-image,
.fl-post-feed-image-beside-content .fl-post-feed-image {
float: left;
margin-bottom: 0;
width: 33%;
}
.fl-post-feed-image-beside .fl-post-feed-text,
.fl-post-feed-image-beside-content .fl-post-feed-text {
margin-left: 37%;
}
.fl-post-feed-image-beside-right .fl-post-feed-image,
.fl-post-feed-image-beside-content-right .fl-post-feed-image {
float: right;
margin-bottom: 0;
width: 33%;
}
.fl-post-feed-image-beside-right .fl-post-feed-text,
.fl-post-feed-image-beside-content-right .fl-post-feed-text {
margin-right: 37%;
}
.fl-post-feed-content a {
text-decoration: none;
}
.fl-post-feed-content p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.fl-post-feed-more {
margin-top: 15px;
display: inline-block;
}
.fl-post-feed #infscr-loading {
padding: 40px 0;
text-align: center;
width: 100%;
}
/* No posts message */
.fl-post-grid-empty {
}
li.fl-post-feed-post,li.fl-post-gallery-post, li.fl-post-grid-post {
list-style: none;
}
@media (max-width: 768px) { /* Post Feed */
.fl-post-feed-post.fl-post-feed-image-beside,
.fl-post-feed-post.fl-post-feed-image-beside-content,
.fl-post-feed-post.fl-post-feed-image-beside-right,
.fl-post-feed-post.fl-post-feed-image-beside-content-right {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.fl-post-feed-image-beside .fl-post-feed-image,
.fl-post-feed-image-beside .fl-post-feed-image img,
.fl-post-feed-image-beside-content .fl-post-feed-image,
.fl-post-feed-image-beside-content .fl-post-feed-image img,
.fl-post-feed-image-beside-right .fl-post-feed-image,
.fl-post-feed-image-beside-right .fl-post-feed-image img,
.fl-post-feed-image-beside-content-right .fl-post-feed-image,
.fl-post-feed-image-beside-content-right .fl-post-feed-image img {
float: none;
width: 100% !important;
}
.fl-post-feed-image-beside .fl-post-feed-image,
.fl-post-feed-image-beside-content .fl-post-feed-image,
.fl-post-feed-image-beside-right .fl-post-feed-image,
.fl-post-feed-image-beside-content-right .fl-post-feed-image {
margin-bottom: 20px;
}
.fl-post-feed-image-beside .fl-post-feed-text,
.fl-post-feed-image-beside-content .fl-post-feed-text,
.fl-post-feed-image-beside-right .fl-post-feed-text,
.fl-post-feed-image-beside-content-right .fl-post-feed-text {
margin-left: 0 !important;
margin-right: 0 !important;
}
}.fl-node-kz7v0hetnfxu div.fl-post-grid-post {
margin-bottom: 30px;
width: 300px;
}
.fl-node-kz7v0hetnfxu .fl-post-grid-sizer {
width: 300px;
}
@media screen and (max-width: 330px) {
.fl-node-kz7v0hetnfxu .fl-post-grid,
.fl-node-kz7v0hetnfxu .fl-post-grid-post,
.fl-node-kz7v0hetnfxu .fl-post-grid-sizer {
width: 100% !important;
}
}
.fl-node-kz7v0hetnfxu .fl-post-grid-post {
background-color: #f2f2f2;
text-align: left;
}
.fl-node-kz7v0hetnfxu .fl-post-grid-text {
padding: 25px;
}
.fl-node-kz7v0hetnfxu .fl-post-grid-post {
border-style: none;
border-width: 0;
background-clip: border-box;
border-color: #4c555c;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.fl-node-kz7v0hetnfxu .fl-post-grid-title {
font-size: 24px;
line-height: 1.1;
}
.fl-node-kz7v0hetnfxu .fl-post-grid-content, .fl-node-kz7v0hetnfxu .fl-post-grid-content p {
font-size: 18px;
}
.fl-builder-content .fl-node-063tmxh82rcs .fl-rich-text, .fl-builder-content .fl-node-063tmxh82rcs .fl-rich-text *:not(b, strong) {
font-size: 17px;
font-style: italic;
}
.fl-node-063tmxh82rcs > .fl-module-content {
margin-top:5px;
margin-bottom:0px;
}
.fl-builder-content .fl-node-1vz6yn8chl0k .fl-module-content .fl-rich-text,
.fl-builder-content .fl-node-1vz6yn8chl0k .fl-module-content .fl-rich-text * {
color: #e75325;
}
.fl-builder-content .fl-node-1vz6yn8chl0k .fl-rich-text, .fl-builder-content .fl-node-1vz6yn8chl0k .fl-rich-text *:not(b, strong) {
font-weight: 300;
font-size: calc(16px + .8vw);
line-height: 1.1;
text-align: left;
}
.fl-node-1vz6yn8chl0k > .fl-module-content {
margin-top:0px;
margin-right:10px;
margin-bottom:30px;
}
@media (max-width: 768px) { .fl-node-1vz6yn8chl0k > .fl-module-content { margin-bottom:20px; } }
.fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover,
.fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover span.fl-button-text,
.fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover *,
.fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover,
.fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover span.fl-button-text,
.fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover * {
color: #ffffff;
}
.fl-node-am40fysuk1xr.fl-button-wrap, .fl-node-am40fysuk1xr .fl-button-wrap {
text-align: left;
}
.fl-builder-content .fl-node-am40fysuk1xr a.fl-button, .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:visited, .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover, .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:focus, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:visited, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:focus {
border-style: solid;
border-width: 0;
background-clip: border-box;
border-color: #e75325;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
}
.fl-builder-content .fl-module-button.fl-node-am40fysuk1xr a.fl-button:hover, .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:focus, .fl-page .fl-builder-content .fl-module-button.fl-node-am40fysuk1xr a.fl-button:hover, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:focus {
border-color: #e75325;
border-color: #e75325;
}
.fl-builder-content .fl-node-am40fysuk1xr a.fl-button, .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:visited, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:visited {
background-color: rgba(255,255,255,0);
}
.fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover, .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover, .fl-page .fl-page .fl-builder-content .fl-node-am40fysuk1xr a.fl-button:hover {
background-color: #e75325;
}
/* Start Global Nodes CSS */
/* End Global Nodes CSS */
/* Start Layout CSS */
/* End Layout CSS */
/* Meta */
.fl-post-grid-event-calendar-meta {
padding-bottom: 10px;
}
.fl-post-feed-text .fl-post-grid-event-calendar-meta {
padding-bottom: 0;
}
.fl-post-grid-event-calendar-date {
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fl-post-grid-event-calendar-address {
font-style: italic;
}
.fl-post-grid-event-calendar-address abbr {
border: none !important;
text-decoration: none;
}
/* Cost */
.fl-post-module-event-calendar-cost.tribe-events-event-cost {
margin: 0 0 10px 0;
}
.fl-post-feed-text .fl-post-module-event-calendar-cost.tribe-events-event-cost {
margin: 10px 0 0 0;
}
.fl-post-module-event-calendar-cost button.tribe-button {
border: none;
margin: 0 0 0 10px;
}
/* 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-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: 768px) {
.uabb-js-breakpoint {
content:"768";
}
}