File: /home/adventp/www/wp-content/themes/brooklyn/css/ut.vc.css
/*
##########################################################################################
BROOKLYN THEME BY UNITED THEMES™ (A BRAND OF DIGISHARK™ LLC)
WEB DEVELOPMENT FORGE EST.2011
WWW.UNITEDTHEMES.COM
COPYRIGHT 2011 - 2025 ALL RIGHTS RESERVED BY UNITED THEMES™ (A BRAND OF DIGISHARK® LLC)
##########################################################################################
*/
/* Table of Content
==================================================
# Visual Composer Customization
# Blog
# Portfolio
# VC Active with Hero
# Helpers
# Sections
# Rows
# Service Column Vertical
# Service Box
# Background Text
==================================================
*/
/* #Bklyn Visual Composer Customization
================================================== */
section {
position: relative;
}
[class*="grid-"] > .wpb_content_element,
.entry-content > .wpb_content_element {
margin-bottom:0;
}
.vc_row.ut-row-has-filled-cols {
margin-left: 0;
margin-right: 0;
}
.vc_section[data-vc-full-width] > .ut-row-has-filled-cols:not([data-vc-full-width]),
.vc_section[data-vc-full-width] > .vc_row-has-fill:not([data-vc-full-width]) {
margin-left: 20px;
margin-right: 20px;
}
.vc_row {
margin-left:-20px;
margin-right:-20px;
position: relative;
}
.vc_row[class*="vc_column-gap-"]:not(.vc_column-gap-0) .wpb_column:not(.vc_col-has-fill) .vc_column-inner {
padding-left:0;
padding-right:0;
}
.vc_row[class*="vc_column-gap-"]:not(.vc_column-gap-0) > .wpb_column:not(.vc_col-has-fill) .vc_column-inner .wpb_content_element:last-child {
margin-bottom: 0;
}
.vc_row[class*="vc_column-gap-"]:not(.vc_column-gap-0) .vc_row.vc_inner {
margin-left: 0;
margin-right: 0;
}
.vc_row[class*="vc_column-gap-"]:not(.vc_column-gap-0) .vc_row.vc_inner.ut-row-has-filled-cols .vc_column-inner {
padding-top: 40px;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
}
.bklyn-column-with-overlay > .vc_column-inner {
overflow: hidden;
}
.vc_column_container > .vc_column-inner {
padding-left:20px;
padding-right:20px;
}
.vc_row.vc_column-gap-40 > .vc_column_container {
padding: 20px;
}
.vc_column-gap-0.ut-row-has-filled-cols {
margin-left: 20px !important;
margin-right: 20px !important;
}
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.vc_icon_element {
margin-bottom:40px;
}
div.vc_custom_heading,
p.vc_custom_heading {
line-height: 150%;
}
.vc_custom_heading + .wpb_content_element {
margin-top: 0;
}
#contact-section .parallax-title,
#contact-section .section-title {
font-size:30px;
}
.vc_section .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_section .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_section .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: inherit;
}
.vc_section .vc_row-has-fill > .vc_column_container:not(.vc_col-has-fill) > .vc_column-inner,
.vc_section .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_section .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: inherit;
padding-bottom: 0;
}
.vc_section .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner {
padding-top: inherit;
}
.vc_row[class*="vc_column-gap-"].vc_row-o-equal-height.ut-row-has-filled-cols > .vc_column_container > .vc_column-inner {
padding-top: 40px;
}
.ut-portfolio-detail .vc_row.vc_inner[class*="vc_column-gap-"]:not(.vc_column-gap-0) > .vc_column_container > .vc_column-inner.vc_column-inner-nested {
padding-left: 0;
padding-right: 0;
}
.vc_section .vc_col-has-fill > .vc_column-inner {
padding-top: 40px !important;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
}
/* Overflow Option for Row's and Section's */
@media (max-width: 767px) {
.vc_section.ut-overflow-visible-mobile,
.vc_row.ut-overflow-visible-mobile {
overflow: visible !important;
}
.vc_row.ut-remove-clear-on-mobile::after {
clear: inherit !important;
}
.vc_row.vc_inner.ut-overflow-hidden-on-mobile {
overflow: hidden;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.vc_section.ut-overflow-visible-tablet,
.vc_row.ut-overflow-visible-tablet {
overflow: visible !important;
}
.vc_row.ut-remove-clear-on-tablet::after {
clear: inherit !important;
}
.vc_row.vc_inner.ut-overflow-hidden-on-tablet {
overflow: hidden;
}
}
@media (min-width: 1025px) {
.vc_section.ut-overflow-visible,
.vc_row.ut-overflow-visible {
overflow: visible !important;
}
.vc_row.ut-remove-clear-on-desktop::after {
clear: inherit !important;
}
.vc_row.vc_inner.ut-overflow-hidden-on-desktop {
overflow: hidden;
}
}
/* Blog */
.blog .post .vc_section {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
/* Portfolio Slide Up */
#ut-sitebody .ut-portfolio-details-wrap .vc_section.ut-first-section {
padding-top: 40px;
}
#ut-sitebody .ut-portfolio-details-wrap .entry-content .ut-portfolio-title + style + .vc_section.ut-first-section {
padding-top: 0;
}
#ut-sitebody .ut-portfolio-details-wrap .ut-vc-80.vc_section.ut-last-section,
#ut-sitebody.ut-has-scroll-top .ut-portfolio-details-wrap .vc_section.vc_section-has-fill.ut-last-section,
#ut-sitebody.ut-has-scroll-top .ut-portfolio-details-wrap .ut-vc-80.vc_section.ut-last-section {
padding-bottom: 0;
}
#ut-sitebody .ut-portfolio-details-wrap .vc_section {
}
/* VC Active without Hero */
.page.has-no-hero.ut-vc-enabled #primary,
.single-portfolio.has-no-hero.ut-vc-enabled #primary {
padding: 0;
}
/* VC Active with Hero */
.page.ut-vc-enabled #primary,
.single-portfolio.ut-vc-enabled #primary {
padding: 0;
}
.ut-has-page-title .vc_section.ut-vc-80.ut-first-section,
.ut-has-page-title .vc_section.ut-vc-120.ut-first-section,
.ut-has-page-title .vc_section.ut-vc-160.ut-first-section,
.ut-has-page-title .vc_section.ut-vc-200.ut-first-section,
.single-post .main-content-background .vc_section.ut-vc-80.ut-first-section,
.single-post .main-content-background .vc_section.ut-vc-120.ut-first-section,
.single-post .main-content-background .vc_section.ut-vc-160.ut-first-section,
.single-post .main-content-background .vc_section.ut-vc-200.ut-first-section {
padding-top: 0;
}
.ut-has-page-title .vc_section.vc_section-has-fill.ut-vc-80.ut-first-section {
padding-top: 80px;
}
.ut-has-page-title .vc_section.vc_section-has-fill.ut-vc-120.ut-first-section {
padding-top: 120px;
}
.ut-has-page-title .vc_section.vc_section-has-fill.ut-vc-160.ut-first-section {
padding-top: 160px;
}
.ut-has-page-title .vc_section.vc_section-has-fill.ut-vc-200.ut-first-section {
padding-top: 200px;
}
/*--------------------------------*/
/* Helpers */
.ut-vc-80.vc_section.vc_section-remove-padding-bottom,
.ut-vc-120.vc_section.vc_section-remove-padding-bottom,
.ut-vc-160.vc_section.vc_section-remove-padding-bottom,
.ut-vc-200.vc_section.vc_section-remove-padding-bottom,
.vc_section.vc_section-remove-padding-bottom {
padding-bottom: 0;
}
.ut-last-content-section-as-no-fill .ut-first-in-contact-section.vc_section-has-no-fill {
padding-top: 0 !important;
}
/*--------------------------------*/
@media (max-width: 767px) {
#ut-sitebody .vc_row {
padding-left:0 !important;
padding-right:0 !important;
}
.vc_section .vc_col-has-fill > .vc_column-inner {
/*padding-top: 20px;*/
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.vc_section .vc_col-has-fill > .vc_column-inner .wpb_content_element:last-child {
/*margin-bottom: 20px;*/
}
.vc_column-inner.ut-column-shadow {
margin: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ut-has-page-title .vc_section.ut-first-section {
padding-top: 0 !important;
}
.ut-has-page-title .vc_section.vc_section-has-fill.ut-first-section {
padding-top: 80px !important;
}
/* 80 System */
/* Sections */
#ut-custom-hero .vc_section.ut-first-section,
#ut-custom-hero .vc_section.ut-first-section.vc_section-has-fill {
padding-top: 140px;
}
.vc_section,
.vc_section.vc_section-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
#ut-sitebody .vc_section.bklyn-section-with-separator.bklyn-section-separator-mobile-off:not(.ut-first-section) {
padding-top: 80px !important;
}
.vc_section.ut-last-row-has-fill + .vc_row-full-width + .vc_section,
.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
.vc_section + .vc_row-full-width + .vc_section.vc_section-has-fill {
padding-top: 80px;
}
.vc_section + .vc_row-full-width + .vc_section {
padding-top: 40px;
}
.vc_section + .vc_row-full-width + .vc_section.ut-first-row-has-fill,
.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-first-row-has-fill {
padding-top: 0;
}
/* Last Section */
.ut-has-scroll-top .vc_section.ut-last-section,
.ut-has-scroll-top .vc_section.vc_section-has-fill.ut-last-section {
padding-bottom: 80px;
}
.ut-has-scroll-top .vc_section.ut-last-section.ut-last-row-has-fill,
.ut-has-scroll-top .vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-has-scroll-top .vc_section.ut-last-section.ut-last-row-has-fill .ut-last-row,
.ut-has-scroll-top .vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill .ut-last-row {
padding-bottom: 80px;
}
/* Rows */
.vc_section.ut-first-row-has-fill,
.vc_section.vc_section-has-fill.ut-first-row-has-fill {
padding-top: 0;
}
.vc_section.ut-last-row-has-fill,
.vc_section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.vc_section > .vc_row + .vc_row-full-width + .vc_row {
margin-top: 40px;
}
.vc_section > .vc_row.ut-row-has-filled-cols + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill {
margin-top: 40px;
}
.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 40px;
}
.vc_section > .vc_row-has-fill.vc_row-o-full-height + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 0;
}
.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row-has-fill {
margin-top: 0;
}
.vc_section > .vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.vc_section > .vc_row-has-fill.ut-row-has-filled-cols.vc_column-gap-0 {
padding-top: 80px;
padding-bottom: 80px;
}
/* Rows Inner */
#ut-sitebody [id*="ut_inner_column_"] {
margin-top: 0 !important;
}
.vc_section .vc_row.vc_inner {
margin-top: 40px;
}
.vc_section .vc_row.vc_inner:first-child {
margin-top: 0;
}
.vc_section .vc_row.vc_inner + .vc_row.vc_inner {
margin-top: 40px;
}
.vc_section .vc_row.vc_inner.vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 0;
}
.vc_section .vc_row.vc_inner + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 40px;
}
/* Contact Section */
#contact-section.ut-contact-section-with-overlay .parallax-overlay,
#contact-section.ut-contact-section-without-overlay {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
#contact-section.ut-contact-section-with-overlay.ut-contact-section-scroll-top .parallax-overlay {
padding-top: 80px !important;
padding-bottom: 120px !important;
}
} /* End */
@media (min-width: 768px) and (max-width: 1024px) {
#ut-sitebody:not(.single-post) .vc_row {
padding-left:0 !important;
padding-right:0 !important;
}
.ut-site-border .vc_row-has-fill {
border:none !important;
}
.ut-has-page-title .vc_section.ut-first-section {
padding-top: 0 !important;
}
.ut-has-page-title .vc_section.vc_section-has-fill.ut-first-section {
padding-top: 80px !important;
}
/* 80 System */
/* Sections */
#ut-custom-hero .vc_section.ut-first-section,
#ut-custom-hero .vc_section.ut-first-section.vc_section-has-fill {
padding-top: 160px;
}
.vc_section,
.vc_section.vc_section-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
#ut-sitebody .vc_section.bklyn-section-with-separator.bklyn-section-separator-tablet-off:not(.ut-first-section) {
padding-top: 80px !important;
}
.vc_section.ut-last-row-has-fill + .vc_row-full-width + .vc_section,
.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
.vc_section + .vc_row-full-width + .vc_section.vc_section-has-fill {
padding-top: 80px;
}
.vc_section + .vc_row-full-width + .vc_section {
padding-top: 40px;
}
.vc_section + .vc_row-full-width + .vc_section.ut-first-row-has-fill,
.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-first-row-has-fill {
padding-top: 0;
}
/* Last Section */
.ut-has-scroll-top .vc_section.ut-last-section,
.ut-has-scroll-top .vc_section.vc_section-has-fill.ut-last-section {
padding-bottom: 80px;
}
.ut-has-scroll-top .vc_section.ut-last-section.ut-last-row-has-fill,
.ut-has-scroll-top .vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-has-scroll-top .vc_section.ut-last-section.ut-last-row-has-fill .ut-last-row,
.ut-has-scroll-top .vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill .ut-last-row {
padding-bottom: 80px;
}
/* Rows */
.vc_section.ut-first-row-has-fill,
.vc_section.vc_section-has-fill.ut-first-row-has-fill {
padding-top: 0;
}
.vc_section.ut-last-row-has-fill,
.vc_section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.vc_section > .vc_row + .vc_row-full-width + .vc_row {
margin-top: 40px;
}
.vc_section > .vc_row.ut-row-has-filled-cols + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill {
margin-top: 40px;
}
.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 40px;
}
.vc_section > .vc_row-has-fill.vc_row-o-full-height + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 0;
}
.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row-has-fill {
margin-top: 0;
}
.vc_section > .vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
/* Rows Inner */
.vc_section .vc_row.vc_inner {
margin-top: 40px;
}
.vc_section .vc_row.vc_inner:first-child {
margin-top: 0;
}
.vc_section .vc_row.vc_inner + .vc_row.vc_inner {
margin-top: 40px;
}
.vc_section .vc_row.vc_inner.vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 0;
}
.vc_section .vc_row.vc_inner + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 40px;
}
/* Contact Section */
#contact-section.ut-contact-section-with-overlay .parallax-overlay,
#contact-section.ut-contact-section-without-overlay {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
#contact-section.ut-contact-section-with-overlay.ut-contact-section-scroll-to .parallax-overlay {
padding-top: 80px !important;
padding-bottom: 120px !important;
}
} /* End */
@media (min-width: 1025px) {
/* 80 System */
/* Sections */
.ut-vc-80.vc_section,
.ut-vc-80.vc_section.vc_section-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.ut-vc-80.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-vc-80.vc_section,
.ut-vc-80.vc_section.vc_section-has-fill + .vc_row-full-width + .ut-vc-80.vc_section,
.ut-vc-80.vc_section + .vc_row-full-width + .ut-vc-80.vc_section.vc_section-has-fill {
padding-top: 80px;
}
.ut-vc-80.vc_section + .vc_row-full-width + .ut-vc-80.vc_section {
padding-top: 40px;
}
.ut-vc-80.vc_section + .vc_row-full-width + .ut-vc-80.vc_section.ut-first-row-has-fill,
.ut-vc-80.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-first-row-has-fill {
padding-top: 0;
}
/* Last Section */
.ut-has-scroll-top .ut-vc-80.vc_section.ut-last-section,
.ut-has-scroll-top .ut-vc-80.vc_section.vc_section-has-fill.ut-last-section {
padding-bottom: 80px;
}
.single-post.ut-has-scroll-top .ut-vc-80.vc_section.ut-last-section,
.single-post .ut-vc-80.vc_section.ut-last-section {
padding-bottom: 0;
}
.single-post.ut-has-scroll-top .ut-vc-80.vc_section.vc_section-has-fill.ut-last-section,
.ut-vc-80.vc_section.vc_section-has-fill.ut-last-section {
padding-bottom: 40px;
}
.ut-has-scroll-top .ut-vc-80.vc_section.ut-last-section.ut-last-row-has-fill,
.ut-has-scroll-top .ut-vc-80.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-has-scroll-top .ut-vc-80.vc_section.ut-last-section.ut-last-row-has-fill .ut-last-row,
.ut-has-scroll-top .ut-vc-80.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill .ut-last-row {
padding-bottom: 80px;
}
/* Rows */
.ut-vc-80.vc_section.ut-first-row-has-fill,
.ut-vc-80.vc_section.vc_section-has-fill.ut-first-row-has-fill {
padding-top: 0;
}
.ut-vc-80.vc_section.ut-last-row-has-fill,
.ut-vc-80.vc_section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-vc-80.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row {
margin-bottom: 40px;
}
.ut-vc-80.vc_section > .vc_row + .vc_row-full-width + .vc_row {
margin-top: 40px;
}
.ut-vc-80.vc_section > .vc_row.ut-row-has-filled-cols + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.ut-vc-80.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill {
margin-top: 40px;
}
.ut-vc-80.vc_section > .vc_row-has-fill.vc_row-o-full-height + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 0;
}
.ut-vc-80.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.ut-vc-80.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row-has-fill {
margin-top: 0;
}
.ut-vc-80.vc_section > .vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
/* Rows Inner */
.ut-vc-80.vc_section .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-80.vc_section .vc_row.vc_inner:first-child {
margin-top: 0;
}
.ut-vc-80.vc_section .vc_row.vc_inner + .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-80.vc_section .vc_row.vc_inner.vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.ut-vc-80.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 0;
}
.ut-vc-80.vc_section .vc_row.vc_inner + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 40px;
}
.ut-vc-80.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner {
margin-top: 80px;
}
/* 120 System */
/* Sections */
.ut-vc-120.vc_section,
.ut-vc-120.vc_section.vc_section-has-fill {
padding-top: 120px;
padding-bottom: 80px;
}
.ut-vc-120.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-vc-120.vc_section,
.ut-vc-120.vc_section.vc_section-has-fill + .vc_row-full-width + .ut-vc-120.vc_section,
.ut-vc-120.vc_section + .vc_row-full-width + .ut-vc-120.vc_section.vc_section-has-fill {
padding-top: 120px;
}
.ut-vc-120.vc_section + .vc_row-full-width + .ut-vc-120.vc_section {
padding-top: 80px;
}
.ut-vc-120.vc_section + .vc_row-full-width + .ut-vc-120.vc_section.ut-first-row-has-fill,
.ut-vc-120.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-first-row-has-fill {
padding-top: 0;
}
/* Last Section */
.ut-has-scroll-top .ut-vc-120.vc_section.ut-last-section,
.ut-has-scroll-top .ut-vc-120.vc_section.vc_section-has-fill.ut-last-section {
padding-bottom: 120px;
}
.ut-has-scroll-top .ut-vc-120.vc_section.ut-last-section.ut-last-row-has-fill,
.ut-has-scroll-top .ut-vc-120.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-has-scroll-top .ut-vc-120.vc_section.ut-last-section.ut-last-row-has-fill .ut-last-row,
.ut-has-scroll-top .ut-vc-120.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill .ut-last-row {
padding-bottom: 120px;
}
/* Rows */
.ut-vc-120.vc_section.ut-first-row-has-fill,
.ut-vc-120.vc_section.vc_section-has-fill.ut-first-row-has-fill {
padding-top: 0;
}
.ut-vc-120.vc_section.ut-last-row-has-fill,
.ut-vc-120.vc_section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-vc-120.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row {
margin-bottom: 40px;
}
.ut-vc-120.vc_section > .vc_row + .vc_row-full-width + .vc_row {
margin-top: 40px;
}
.ut-vc-120.vc_section > .vc_row.ut-row-has-filled-cols + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.ut-vc-120.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill {
margin-top: 80px;
}
.ut-vc-120.vc_section > .vc_row-has-fill.vc_row-o-full-height + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 0;
}
.ut-vc-120.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row {
margin-top: 120px;
}
.ut-vc-120.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row-has-fill {
margin-top: 0;
}
.ut-vc-120.vc_section > .vc_row-has-fill {
padding-top: 120px;
padding-bottom: 80px;
}
/* Rows Inner */
.ut-vc-120.vc_section .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-120.vc_section .vc_row.vc_inner:first-child {
margin-top: 0;
}
.ut-vc-120.vc_section .vc_row.vc_inner + .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-120.vc_section .vc_row.vc_inner.vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.ut-vc-120.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 0;
}
.ut-vc-120.vc_section .vc_row.vc_inner + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 40px;
}
.ut-vc-120.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner {
margin-top: 80px;
}
/* 160 System */
/* Sections */
.ut-vc-160.vc_section,
.ut-vc-160.vc_section.vc_section-has-fill {
padding-top: 160px;
padding-bottom: 120px;
}
.ut-vc-160.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-vc-160.vc_section,
.ut-vc-160.vc_section.vc_section-has-fill + .vc_row-full-width + .ut-vc-160.vc_section,
.ut-vc-160.vc_section + .vc_row-full-width + .ut-vc-160.vc_section.vc_section-has-fill {
padding-top: 160px;
}
.ut-vc-160.vc_section + .vc_row-full-width + .ut-vc-160.vc_section {
padding-top: 120px;
}
.ut-vc-160.vc_section + .vc_row-full-width + .ut-vc-160.vc_section.ut-first-row-has-fill,
.ut-vc-160.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-first-row-has-fill {
padding-top: 0;
}
/* Last Section */
.ut-has-scroll-top .ut-vc-160.vc_section.ut-last-section,
.ut-has-scroll-top .ut-vc-160.vc_section.vc_section-has-fill.ut-last-section {
padding-bottom: 160px;
}
.ut-has-scroll-top .ut-vc-160.vc_section.ut-last-section.ut-last-row-has-fill,
.ut-has-scroll-top .ut-vc-160.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-has-scroll-top .ut-vc-160.vc_section.ut-last-section.ut-last-row-has-fill .ut-last-row,
.ut-has-scroll-top .ut-vc-160.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill .ut-last-row {
padding-bottom: 160px;
}
/* Rows */
.ut-vc-160.vc_section.ut-first-row-has-fill,
.ut-vc-160.vc_section.vc_section-has-fill.ut-first-row-has-fill {
padding-top: 0;
}
.ut-vc-160.vc_section.ut-last-row-has-fill,
.ut-vc-160.vc_section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-vc-160.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row {
margin-bottom: 40px;
}
.ut-vc-160.vc_section > .vc_row + .vc_row-full-width + .vc_row {
margin-top: 40px;
}
.ut-vc-160.vc_section > .vc_row.ut-row-has-filled-cols + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.ut-vc-160.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill {
margin-top: 120px;
}
.ut-vc-160.vc_section > .vc_row-has-fill.vc_row-o-full-height + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 0;
}
.ut-vc-160.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row {
margin-top: 160px;
}
.ut-vc-160.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row-has-fill {
margin-top: 0;
}
.ut-vc-160.vc_section > .vc_row-has-fill {
padding-top: 160px;
padding-bottom: 120px;
}
/* Rows Inner */
.ut-vc-160.vc_section .vc_row.vc_inner:first-child {
margin-top: 0;
}
.ut-vc-160.vc_section .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-160.vc_section .vc_row.vc_inner + .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-160.vc_section .vc_row.vc_inner.vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.ut-vc-160.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 0;
}
.ut-vc-160.vc_section .vc_row.vc_inner + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 40px;
}
.ut-vc-160.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner {
margin-top: 80px;
}
/* 200 System */
/* Sections */
.ut-vc-200.vc_section,
.ut-vc-200.vc_section.vc_section-has-fill {
padding-top: 200px;
padding-bottom: 160px;
}
.ut-vc-200.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-vc-200.vc_section,
.ut-vc-200.vc_section.vc_section-has-fill + .vc_row-full-width + .ut-vc-200.vc_section,
.ut-vc-200.vc_section + .vc_row-full-width + .ut-vc-200.vc_section.vc_section-has-fill {
padding-top: 200px;
}
.ut-vc-200.vc_section + .vc_row-full-width + .ut-vc-200.vc_section {
padding-top: 160px;
}
.ut-vc-200.vc_section + .vc_row-full-width + .ut-vc-200.vc_section.ut-first-row-has-fill,
.ut-vc-200.vc_section.ut-last-row-has-fill + .vc_row-full-width + .ut-first-row-has-fill {
padding-top: 0;
}
/* Last Section */
.ut-has-scroll-top .ut-vc-200.vc_section.ut-last-section,
.ut-has-scroll-top .ut-vc-200.vc_section.vc_section-has-fill.ut-last-section {
padding-bottom: 200px;
}
.ut-has-scroll-top .ut-vc-200.vc_section.ut-last-section.ut-last-row-has-fill,
.ut-has-scroll-top .ut-vc-200.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-has-scroll-top .ut-vc-200.vc_section.ut-last-section.ut-last-row-has-fill .ut-last-row,
.ut-has-scroll-top .ut-vc-200.vc_section.ut-last-section.vc_section-has-fill.ut-last-row-has-fill .ut-last-row {
padding-bottom: 200px;
}
/* Rows */
.ut-vc-200.vc_section.ut-first-row-has-fill,
.ut-vc-200.vc_section.vc_section-has-fill.ut-first-row-has-fill {
padding-top: 0;
}
.ut-vc-200.vc_section.ut-last-row-has-fill,
.ut-vc-200.vc_section.vc_section-has-fill.ut-last-row-has-fill {
padding-bottom: 0;
}
.ut-vc-200.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row {
margin-bottom: 40px;
}
.ut-vc-200.vc_section > .vc_row + .vc_row-full-width + .vc_row {
margin-top: 40px;
}
.ut-vc-200.vc_section > .vc_row.ut-row-has-filled-cols + .vc_row-full-width + .vc_row {
margin-top: 80px;
}
.ut-vc-200.vc_section > .vc_row + .vc_row-full-width + .vc_row-has-fill {
margin-top: 160px;
}
.ut-vc-200.vc_section > .vc_row-has-fill.vc_row-o-full-height + .vc_row-full-width + .vc_row-has-fill.vc_row-o-full-height {
margin-top: 0;
}
.ut-vc-200.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row {
margin-top: 200px;
}
.ut-vc-200.vc_section > .vc_row-has-fill + .vc_row-full-width + .vc_row-has-fill {
margin-top: 0;
}
.ut-vc-200.vc_section > .vc_row-has-fill {
padding-top: 200px;
padding-bottom: 160px;
}
/* Rows Inner */
.ut-vc-200.vc_section .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-200.vc_section .vc_row.vc_inner:first-child {
margin-top: 0;
}
.ut-vc-200.vc_section .vc_row.vc_inner + .vc_row.vc_inner {
margin-top: 40px;
}
.ut-vc-200.vc_section .vc_row.vc_inner.vc_row-has-fill {
padding-top: 80px;
padding-bottom: 40px;
}
.ut-vc-200.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 0;
}
.ut-vc-200.vc_section .vc_row.vc_inner + .vc_row.vc_inner.vc_row-has-fill {
margin-top: 40px;
}
.ut-vc-200.vc_section .vc_row.vc_inner.vc_row-has-fill + .vc_row.vc_inner {
margin-top: 80px;
}
} /* End */
/* #Bklyn Visual Composer Customization Flex Slider Deprecated
================================================== */
#ut-sitebody .wpb_flexslider.flexslider {
border:none;
margin:0;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius:0;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-direction-nav .flex-prev {
left:0;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-direction-nav .flex-next {
right:0;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-direction-nav a::before {
font-family:FontAwesome !important;
content: "\f104";
line-height:80px;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-direction-nav a.flex-next::before {
font-family:FontAwesome !important;
content: "\f105";
line-height:80px;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-direction-nav a::before {
font-size:40px;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-direction-nav a {
color:#333333;
height:80px;
margin:-40px 0 0;
line-height:80px;
text-align:center;
width:80px;
opacity:1;
text-shadow:none;
-webkit-transition:none;
-o-transition:none;
transition:none;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-control-nav {
bottom:0;
margin-top:0;
top:inherit;
}
#ut-sitebody .wpb_flexslider.flexslider .flex-viewport {
-webkit-transition:none;
-o-transition:none !important;
transition:none !important;
}
/* #Bklyn Visual Composer Customization Nivo Slider Deprecated
================================================== */
#ut-sitebody .theme-default .nivoSlider {
-webkit-box-shadow:none;
box-shadow:none;
}
#ut-sitebody .wpb_gallery_slides.wpb_slider_nivo.theme-default {
position:relative;
z-index:9;
}
#ut-sitebody .wpb_gallery .theme-default .nivo-controlNav {
bottom:5px;
padding:0;
position:absolute;
z-index:10;
width:100%;
}
#ut-sitebody .theme-default .nivo-directionNav a {
text-indent:inherit;
}
#ut-sitebody .wpb_slider_nivo .nivo-directionNav a {
background:none;
color:#333333;
display:block;
font-family:FontAwesome !important;
font-size:40px;
height:80px;
margin-top:-40px;
line-height:80px;
text-align:center;
top:50%;
width:80px;
}
#ut-sitebody .wpb_slider_nivo.theme-default a.nivo-prevNav {
left:0;
}
#ut-sitebody .wpb_slider_nivo.theme-default a.nivo-nextNav {
right:0;
}
#ut-sitebody .wpb_slider_nivo .nivo-directionNav a.nivo-prevNav::before {
content: "\f104";
}
#ut-sitebody .wpb_slider_nivo .nivo-directionNav a.nivo-nextNav::before {
content: "\f105";
}
/* #Bklyn Visual Composer Customization Image Grid Deprecated
================================================== */
.vc_grid.vc_row.vc_grid-gutter-40px .vc_grid-item {
padding-bottom:40px;
padding-right:40px;
}
.vc_grid.vc_row.vc_grid-gutter-40px .vc_pageable-slide-wrapper {
margin-right:-40px;
}
/* #Bklyn Image Gallery
================================================== */
.ut-image-gallery {
overflow:hidden !important;
}
.ut-image-gallery-item {
margin:0;
padding:0;
text-align:center;
}
.ut-image-gallery-image {
position: relative;
}
.ut-image-gallery-image-caption {
height: 100%;
left: 0;
min-height: 100%;
padding: 20px;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-image-gallery-item.ut-animation-done:hover .ut-image-gallery-image-caption,
.ut-image-gallery-item.ut-element-is-animating:hover .ut-image-gallery-image-caption {
background: rgb(20,22,24);
background: rgba(20,22,24, 0.8);
color: #FFFFFF;
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-image-gallery-item.ut-animate-gallery-element > a {
pointer-events: none;
}
.ut-image-gallery-item.ut-animate-gallery-element.ut-animation-done > a,
.ut-image-gallery-item.ut-animate-gallery-element.ut-element-is-animating > a {
pointer-events: initial;
}
@media (max-width: 767px) {
.ut-image-gallery-item.ut-no-animation-mobile.ut-animate-gallery-element > a {
pointer-events: initial;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-image-gallery-item.ut-no-animation-tablet.ut-animate-gallery-element > a {
pointer-events: initial;
}
}
.ut-image-gallery-image-caption-style-2 {
width: auto;
padding: 0.35em 0.5em;
position: absolute;
bottom: 0;
right: 0;
text-align: left;
z-index: 2;
}
.ut-image-gallery-item-caption-title-style-2 h3 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.ut-image-gallery-item-caption-title-style-2 h3 {
font-size: 0.9em;
line-height: 125%;
}
}
@media (min-width: 768px) {
.ut-image-gallery-image-caption-style-2 {
width: 250px;
padding: 20px;
position: absolute;
bottom: 40px;
right: 0;
text-align: left;
}
}
.ut-image-gallery-item img:not(.gutter-shadow):not([class^="ut-box-shadow"]) {
border:none !important;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-box-shadow:#000 0em 0em 0em !important;
box-shadow:#000 0em 0em 0em !important;
}
.ut-image-gallery-item-caption-title {
padding: 0 20px;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ut-image-gallery-item-caption-title h3 {
color: #FFFFFF;
font-size: 17px;
line-height: 150%;
margin: 0;
-webkit-animation-duration: 300ms;
-webkit-animation-fill-mode: both;
-webkit-animation-name: fadeOut;
animation-duration: 300ms;
animation-fill-mode: both;
animation-name: fadeOut;
}
.ut-image-gallery-item-caption-title h3.ut-image-gallery-empty-title {
font-size: 24px;
font-family: sans-serif !important;
}
.ut-image-gallery-item.ut-animation-done:hover .ut-image-gallery-item-caption-title h3,
.ut-image-gallery-item.ut-element-is-animating:hover .ut-image-gallery-item-caption-title h3 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ut-image-gallery-item a {
display:block;
height:100%;
width:100%;
}
.ut-image-gallery-1 .ut-image-gallery-item {
padding:0 1px 1px 0;
}
.ut-image-gallery-1 {
margin-right:-1px;
margin-bottom: -1px;
}
.ut-image-gallery-5 .ut-image-gallery-item {
padding:0 5px 5px 0;
}
.ut-image-gallery-5 {
margin-right:-5px;
margin-bottom: -5px;
}
.ut-image-gallery-10 .ut-image-gallery-item {
padding:0 10px 10px 0;
}
.ut-image-gallery-10 {
margin-right:-10px;
margin-bottom: -10px;
}
.ut-image-gallery-15 .ut-image-gallery-item {
padding:0 15px 15px 0;
}
.ut-image-gallery-15 {
margin-right:-15px;
margin-bottom: -15px;
}
.ut-image-gallery-20 .ut-image-gallery-item {
padding:0 20px 20px 0;
}
.ut-image-gallery-20 {
margin-right:-20px;
margin-bottom: -20px;
}
.ut-image-gallery-25 .ut-image-gallery-item {
padding:0 25px 25px 0;
}
.ut-image-gallery-25 {
margin-right:-25px;
margin-bottom: -25px;
}
.ut-image-gallery-30 .ut-image-gallery-item {
padding:0 30px 30px 0;
}
.ut-image-gallery-30 {
margin-right:-30px;
margin-bottom: -30px;
}
.ut-image-gallery-35 .ut-image-gallery-item {
padding:0 35px 35px 0;
}
.ut-image-gallery-35 {
margin-right:-35px;
margin-bottom: -35px;
}
.ut-image-gallery-40 .ut-image-gallery-item {
padding:0 40px 40px 0;
}
.ut-image-gallery-40 {
margin-right:-40px;
margin-bottom: -40px;
}
@media (max-width: 767px) {
.ut-image-gallery-image {
text-align: center !important;
}
.ut-no-animation-mobile {
-webkit-animation:none !important;
animation:none !important;
opacity:1 !important;
visibility:visible !important;
-webkit-animation-name:none !important;
animation-name:none !important;
}
.ut-image-gallery-1 .ut-image-gallery-item {
padding:0 0 1px 0;
}
.ut-image-gallery-1 {
margin-right:0;
}
.ut-image-gallery-5 .ut-image-gallery-item {
padding:0 0 5px 0;
}
.ut-image-gallery-5 {
margin-right:0;
}
.ut-image-gallery-10 .ut-image-gallery-item {
padding:0 0 10px 0;
}
.ut-image-gallery-10 {
margin-right:0;
}
.ut-image-gallery-15 .ut-image-gallery-item {
padding:0 0 15px 0;
}
.ut-image-gallery-15 {
margin-right:0;
}
.ut-image-gallery-20 .ut-image-gallery-item {
padding:0 0 20px 0;
}
.ut-image-gallery-20 {
margin-right:0;
}
.ut-image-gallery-25 .ut-image-gallery-item {
padding:0 0 25px 0;
}
.ut-image-gallery-25 {
margin-right:0;
}
.ut-image-gallery-30 .ut-image-gallery-item {
padding:0 0 30px 0;
}
.ut-image-gallery-30 {
margin-right:0;
}
.ut-image-gallery-35 .ut-image-gallery-item {
padding:0 0 35px 0;
}
.ut-image-gallery-35 {
margin-right:0;
}
.ut-image-gallery-40 .ut-image-gallery-item {
padding:0 0 40px 0;
}
.ut-image-gallery-40 {
margin-right:0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-no-animation-tablet {
-webkit-animation:none !important;
animation:none !important;
opacity:1 !important;
visibility:visible !important;
-webkit-animation-name:none !important;
animation-name:none !important;
}
}
/* fitRow Mode */
.ut-image-gallery-fitRows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.ut-image-gallery-fitRows .ut-image-gallery-item > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ut-image-gallery-fitRows .ut-image-gallery-item,
.ut-image-gallery-fitRows .ut-image-gallery-image {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
overflow: hidden;
float: none !important;
width: auto;
height: 600px;
}
.ut-image-gallery-masonry {
visibility: hidden;
}
.ut-image-gallery-masonry.ut-isotope-ready {
visibility: visible;
}
.ut-image-gallery-fitRows .ut-image-gallery-item {
margin: 0;
padding: 0;
}
.ut-image-gallery-masonry .ut-image-gallery-image > img,
.ut-image-gallery-fitRows .ut-image-gallery-image > img {
object-fit: cover;
width: 100%;
height: 100%;
}
/* Gallery Loader */
.ut-image-gallery-loader {
width: 35px;
height: 35px;
}
.ut-image-gallery-loader .ut-image-gallery-loader-inner {
width: 100%;
height: 100%;
display: inline-block;
padding: 0;
border-radius: 100%;
-webkit-animation: image-gallery-loader .8s linear infinite;
animation: image-gallery-loader .8s linear infinite;
border: 2px solid rgba(255, 191, 0, 0.65);
border-right-color: rgba(255, 191, 0, 0.15);
border-bottom-color: rgba(255, 191, 0, 0.15);
}
@keyframes image-gallery-loader {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes image-gallery-loader {
from {
-webkit-transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg)
}
}
/* #Bklyn Gallery Slider
================================================== */
.ut-owl-gallery-slider-wrap {
position:relative;
}
.ut-owl-gallery-slider-wrap,
.owl-carousel.owl-loaded {
overflow:hidden;
}
.ut-owl-gallery-slide {
position:relative;
}
.ut-owl-gallery-slider .owl-nav {
display:none;
}
.ut-owl-gallery-slider-wrap .owl-carousel .owl-item img {
max-width: 100%;
margin: 0 auto;
}
.ut-owl-gallery-slider-wrap .ut-slider-maximize,
.ut-owl-gallery-slider-wrap .ut-prev-gallery-slide,
.ut-owl-gallery-slider-wrap .ut-next-gallery-slide,
.ut-owl-gallery-slider-wrap .ut-owl-video-play-icon {
position:absolute;
color: #FFFFFF;
width:40px;
height:40px;
top:20px;
font-size:16px;
margin-top:0;
z-index:10;
line-height:40px;
text-align:center;
background:#151515;;
-webkit-border-radius: 50%;
-webkit-transition:0.40s all ease-in-out;
-moz-border-radius: 50%;
-moz-transition:0.40s all ease-in-out;
border-radius: 50%;
-o-transition:0.40s all ease-in-out;
transition:0.40s all ease-in-out;
}
.ut-owl-gallery-slider-wrap .ut-slider-maximize {
left: 20px;
}
.ut-owl-gallery-slider-wrap .ut-owl-video-play-icon {
left: 20px;
}
.ut-owl-gallery-slider-wrap .ut-owl-video-play-icon i {
padding-left: 4px;
}
.ut-owl-gallery-slider-wrap .ut-prev-gallery-slide:hover,
.ut-owl-gallery-slider-wrap .ut-next-gallery-slide:hover {
color: #FFFFFF;
background: #151515;
}
.ut-owl-gallery-slider-wrap .ut-slider-maximize i,
.ut-owl-gallery-slider-wrap .ut-owl-video-play-icon i,
.ut-owl-gallery-slider-wrap .ut-prev-gallery-slide i,
.ut-owl-gallery-slider-wrap .ut-next-gallery-slide i {
line-height: 40px;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}
.ut-owl-gallery-slider-wrap .ut-prev-gallery-slide {
right:70px;
}
.ut-owl-gallery-slider-wrap .ut-next-gallery-slide {
right:20px;
}
.ut-owl-gallery-slider-wrap .owl-dots {
position:absolute;
bottom:-3px;
width:100%;
z-index:10;
}
.ut-owl-gallery-slider-wrap .owl-theme .owl-dots .owl-dot span {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius:30px;
display:block;
height:10px;
margin:5px 7px;
-webkit-transition:0.2s all linear;
-o-transition:0.2s all linear;
transition:0.2s all linear;
width:10px;
}
.ut-owl-gallery-slider-wrap .owl-theme .owl-dots .owl-dot.active span,
.ut-owl-gallery-slider-wrap .owl-theme .owl-dots .owl-dot:hover span {
background:#151515;
}
.ut-owl-gallery-slider-wrap .ut-owl-video-link {
color:#FFFFFF;
}
figure.ut-gallery-slider-caption-wrap {
position: relative;
text-align: center;
overflow: hidden;
}
.ut-owl-carousel figure.ut-gallery-slider-caption-wrap img {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}
.ut-owl-carousel .ut-slider-maximize.ut-morph-active + img ,
.ut-owl-carousel figure.ut-gallery-slider-caption-wrap:hover img {
-webkit-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
}
figure.ut-gallery-slider-caption-wrap::before {
content: attr(data-caption);
position: absolute;
opacity: 0;
text-transform: uppercase;
line-height: 150%;
font-size: 17px;
z-index: 12;
color: #ffbf00;
text-align: center;
top: 50%;
left: 50%;
padding: 20px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
figure.ut-gallery-slider-caption-wrap:hover::before {
opacity: 1;
text-align: center;
}
figure.ut-gallery-slider-caption-wrap::after {
content: '';
height: 110%;
width: 100%;
background: #151515;
display: block;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
figure.ut-gallery-slider-caption-wrap:hover::after {
opacity: 0.9;
}
.ut-gallery-slider-caption {
font-size: 12px;
font-weight: bold;
text-align: center;
display: block;
color: #151515;
line-height: 150%;
margin-top: 10px;
}
@media (max-width: 767px) {
.ut-owl-gallery-slider-wrap .owl-dots {
display:none !important;
}
.ut-owl-gallery-slider-wrap .ut-owl-video-play-icon .fa {
padding-left:4px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-prev-gallery-slide,
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
-moz-border-radius: 0;
border-radius: 0;
top: calc(50% - 60px);
height: 120px;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-prev-gallery-slide {
left: 0;
right: auto;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
right: 0;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-slider-maximize,
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-owl-video-play-icon {
-moz-border-radius: 0;
border-radius: 0;
top: inherit;
left: inherit;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-prev-gallery-slide,
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
top: auto;
bottom: 0;
left: 0;
height: 40px;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
left: 40px;
}
}
/* #Bklyn LightBox
================================================== */
#ut-sitebody .lg-content .lg-next,
#ut-sitebody .lg-content .lg-prev {
color:#FFFFFF;
height:120px;
text-align:center;
padding:0;
width:40px;
margin-top:-60px;
background: #141618;
}
.lg-toolbar .lg-icon:hover,
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
color:rgb(255,255,255);
color:rgba(255,255,255,0.5);
}
.lg-content .lg-next {
right: 20px;
}
.lg-content .lg-prev {
left: 20px;
}
#lg-counter {
font-size: 14px;
color: #FFFFFF;
}
.lg-toolbar .lg-icon {
color: #FFFFFF;
font-size: 20px;
}
#ut-sitebody .lg-backdrop {
background:rgb(20,22,24);
background:rgba(20,22,24,0.95);
}
#ut-sitebody .lg-content .lg-next::before {
font-family:'icon54com' !important;
content: "\e959" !important;
}
#ut-sitebody .lg-content .lg-prev::after {
font-family:'icon54com' !important;
content: "\e93f" !important;
}
#ut-sitebody .lg-sub-html {
background: rgba(0, 0, 0, 0.5);
}
.lg-container.lg-show {
z-index: 99999;
}
#ut-sitebody .lg-sub-html h4 {
color:#FFFFFF;
}
/* #Bklyn New Footer Spacings
================================================== */
.ut-footer-area .grid-container {
padding-left:0;
padding-right:0;
}
.ut-footer-area .grid-5, .ut-footer-area .mobile-grid-5, .ut-footer-area .tablet-grid-5, .ut-footer-area .grid-10, .ut-footer-area .mobile-grid-10, .ut-footer-area .tablet-grid-10, .ut-footer-area .grid-15, .ut-footer-area .mobile-grid-15, .ut-footer-area .tablet-grid-15, .ut-footer-area .grid-20, .ut-footer-area .mobile-grid-20, .ut-footer-area .tablet-grid-20, .ut-footer-area .grid-25, .ut-footer-area .mobile-grid-25, .ut-footer-area .tablet-grid-25, .ut-footer-area .grid-30, .ut-footer-area .mobile-grid-30, .ut-footer-area .tablet-grid-30, .ut-footer-area .grid-35, .ut-footer-area .mobile-grid-35, .ut-footer-area .tablet-grid-35, .ut-footer-area .grid-40, .ut-footer-area .mobile-grid-40, .ut-footer-area .tablet-grid-40, .ut-footer-area .grid-45, .ut-footer-area .mobile-grid-45, .ut-footer-area .tablet-grid-45, .ut-footer-area .grid-50, .ut-footer-area .mobile-grid-50, .ut-footer-area .tablet-grid-50, .ut-footer-area .grid-55, .ut-footer-area .mobile-grid-55, .ut-footer-area .tablet-grid-55, .ut-footer-area .grid-60, .ut-footer-area .mobile-grid-60, .ut-footer-area .tablet-grid-60, .ut-footer-area .grid-65, .ut-footer-area .mobile-grid-65, .ut-footer-area .tablet-grid-65, .ut-footer-area .grid-70, .ut-footer-area.mobile-grid-70, .ut-footer-area .tablet-grid-70, .ut-footer-area .grid-75, .ut-footer-area .mobile-grid-75, .ut-footer-area .tablet-grid-75, .ut-footer-area .grid-80, .ut-footer-area .mobile-grid-80, .ut-footer-area .tablet-grid-80, .ut-footer-area .grid-85, .ut-footer-area .mobile-grid-85, .ut-footer-area .tablet-grid-85, .ut-footer-area .grid-90, .ut-footer-area .mobile-grid-90, .ut-footer-area .tablet-grid-90, .ut-footer-area .grid-95, .ut-footer-area .mobile-grid-95, .ut-footer-area .tablet-grid-95, .ut-footer-area .grid-100, .ut-footer-area .mobile-grid-100, .ut-footer-area .tablet-grid-100, .ut-footer-area .grid-33, .ut-footer-area .mobile-grid-33, .ut-footer-area .tablet-grid-33, .ut-footer-area .grid-66, .ut-footer-area .mobile-grid-66, .ut-footer-area .tablet-grid-66 {
padding-left:20px;
padding-right:20px;
}
/* #Old Shortcodes Fixes For Visual Composer
================================================== */
.wpb_wrapper .ut-service-icon-box-content > *:last-child,
.wpb_wrapper .page-header .lead > *:last-child,
.wpb_wrapper .section-header .lead > *:last-child,
.wpb_wrapper .ut-service-column > *:last-child,
.wpb_wrapper .ut-info > *:last-child {
margin-bottom:0;
}
.wpb_wrapper .section-header > *:first-child {
margin-bottom:20px;
}
.section-header > *:last-child {
margin-bottom: 0 !important;
}
.page-header.page-title-module > *:last-child {
margin-bottom: 0 !important;
}
/* #Bklyn Call to Action
================================================== */
.bklyn-call-to-action-wrapper h3 {
margin-bottom:0;
}
.bklyn-call-to-action-wrapper {
display:block;
margin:0;
padding:0;
width:100%;
}
.bklyn-call-to-action-inner {
display:table;
width: 100%;
}
.bklyn-call-to-action-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display:table-cell;
padding-right:20px;
text-align:left;
}
.bklyn-call-to-action-button-holder .bklyn-btn {
margin-bottom: 0;
}
.bklyn-call-to-action-button-holder {
display:table-cell;
vertical-align: middle;
}
.bklyn-call-to-action-content > p {
margin-top:15px;
}
.bklyn-call-to-action-content > *:last-child {
margin-bottom:0;
}
@media (max-width: 767px) {
.bklyn-call-to-action-content {
display:block;
max-width:100%;
margin-bottom:20px;
padding-right:0;
}
.bklyn-call-to-action-button-holder {
display:block;
vertical-align:middle;
max-width:100%;
}
.bklyn-call-to-action-button-holder .bklyn-btn-holder.bklyn-btn-right {
text-align:left;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-call-to-action-content {
display:block;
max-width:100%;
margin-bottom:20px;
padding-right:0;
}
.bklyn-call-to-action-button-holder {
display:block;
vertical-align:middle;
max-width:100%;
}
.bklyn-call-to-action-button-holder .bklyn-btn-holder.bklyn-btn-right {
text-align:left;
}
}
/* #Bklyn Service Icon Box
================================================== */
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-left,
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-left .ut-highlight-icon-wrap {
text-align:left;
}
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-right,
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-right .ut-highlight-icon-wrap {
text-align:right;
}
.wpb_wrapper .ut-service-icon-box .ut-highlight-icon-wrap {
margin:0;
padding:0;
vertical-align:bottom;
}
.wpb_wrapper .ut-service-icon-box .ut-highlight-icon-wrap a {
margin:12px 0 0 0;
}
.wpb_wrapper .ut-service-icon-box .ut-highlight-icon-wrap img {
height:40px;
width:40px;
position:absolute;
top:50%;
left:50%;
margin-left:-20px;
margin-top:-20px;
}
.wpb_wrapper .ut-service-icon-box-content {
margin-top:30px;
}
.wpb_wrapper .ut-service-icon-box-content h3 {
margin-bottom:0;
}
.wpb_wrapper .ut-service-icon-box-content > p {
margin-top:15px;
}
@media (max-width: 767px) {
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-left,
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-left .ut-highlight-icon-wrap,
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-right,
.wpb_wrapper .ut-service-icon-box.ut-service-icon-box-right .ut-highlight-icon-wrap {
text-align:center;
}
}
/* #Bklyn Service Column
================================================== */
.wpb_wrapper .ut-service-column h3 {
margin-bottom:0;
}
.wpb_wrapper .ut-service-column > p {
margin-top:15px;
}
.ut-service-column.ut-service-column-horiz > *:first-child {
margin-top: 0;
}
.wpb_wrapper .ut-service-icon-round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.wpb_wrapper .ut-service-icon-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpb_wrapper .ut-service-icon-normal {
}
.wpb_wrapper .ut-service-icon-rounded,
.wpb_wrapper .ut-service-icon-square,
.wpb_wrapper .ut-service-icon-round {
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;
}
/* x-large */
.wpb_wrapper .ut-horizontal-style .ut-service-icon-x-large.ut-service-icon-normal {
height: auto;
width: auto;
font-size: 90px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-x-large.ut-service-icon-normal.ut-service-icon-svg {
width: 90px;
}
.wpb_wrapper .ut-vertical-style .ut-service-icon-x-large.ut-service-icon-normal {
height: auto;
text-align: center;
}
.wpb_wrapper .ut-service-icon-x-large {
font-size: 90px;
height: 106px;
width: 106px;
}
.wpb_wrapper .ut-service-icon-rounded.ut-service-icon-x-large,
.wpb_wrapper .ut-service-icon-square.ut-service-icon-x-large,
.wpb_wrapper .ut-service-icon-round.ut-service-icon-x-large {
font-size: 36px;
height: 90px;
width: 90px;
}
.wpb_wrapper .ut-service-icon-x-large.ut-custom-icon img {
max-width: 90px;
width: 100%;
}
.wpb_wrapper .ut-service-icon-x-large.ut-service-icon-square.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-x-large.ut-service-icon-rounded.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-x-large.ut-service-icon-round.ut-custom-icon img {
width: 36px;
}
.wpb_wrapper .ut-service-icon-x-large.ut-service-icon-with-svg svg {
width: 90px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon-x-large.ut-service-icon-square.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-x-large.ut-service-icon-rounded.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-x-large.ut-service-icon-round.ut-service-icon-with-svg svg {
width: 36px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* large */
.wpb_wrapper .ut-horizontal-style .ut-service-icon-large.ut-service-icon-normal {
height: auto;
width: auto;
font-size: 48px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-large.ut-service-icon-normal.ut-service-icon-svg {
width: 48px;
}
.wpb_wrapper .ut-vertical-style .ut-service-icon-large.ut-service-icon-normal {
height: auto;
text-align: center;
}
.wpb_wrapper .ut-service-icon-large {
font-size: 48px;
height: 64px;
width: 64px;
}
.wpb_wrapper .ut-service-icon-rounded.ut-service-icon-large,
.wpb_wrapper .ut-service-icon-square.ut-service-icon-large,
.wpb_wrapper .ut-service-icon-round.ut-service-icon-large {
font-size: 32px;
}
.wpb_wrapper .ut-service-icon-large.ut-custom-icon img {
max-width: 64px;
width: 100%;
}
.wpb_wrapper .ut-service-icon-large.ut-service-icon-square.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-large.ut-service-icon-rounded.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-large.ut-service-icon-round.ut-custom-icon img {
width: 32px;
}
.wpb_wrapper .ut-service-icon-large.ut-service-icon-with-svg svg {
width: 64px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon-large.ut-service-icon-square.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-large.ut-service-icon-rounded.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-large.ut-service-icon-round.ut-service-icon-with-svg svg {
width: 32px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* medium */
.wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal {
height: auto;
width: auto;
font-size: 38px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal.ut-service-icon-svg {
width: 38px;
}
.wpb_wrapper .ut-vertical-style .ut-service-icon-medium.ut-service-icon-normal {
height: auto;
text-align: center;
}
.wpb_wrapper .ut-service-icon-medium {
font-size: 38px;
height: 56px;
width: 56px;
}
.wpb_wrapper .ut-service-icon-rounded.ut-service-icon-medium,
.wpb_wrapper .ut-service-icon-square.ut-service-icon-medium,
.wpb_wrapper .ut-service-icon-round.ut-service-icon-medium {
font-size: 28px;
}
.wpb_wrapper .ut-service-icon-medium.ut-custom-icon img {
max-width: 56px;
}
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-square.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-rounded.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-round.ut-custom-icon img {
width: 28px;
}
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-with-svg svg {
max-width: 56px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-square.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-rounded.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-round.ut-service-icon-with-svg svg {
width: 28px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* small */
.wpb_wrapper .ut-horizontal-style .ut-service-icon-small.ut-service-icon-normal {
height: auto;
width: auto;
font-size: 28px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-small.ut-service-icon-normal.ut-service-icon-svg {
width: 28px;
}
.wpb_wrapper .ut-vertical-style .ut-service-icon-small.ut-service-icon-normal {
height: auto;
text-align: center;
}
.wpb_wrapper .ut-service-icon-small {
height: 48px;
width: 48px;
font-size: 28px;
}
.wpb_wrapper .ut-service-icon-rounded.ut-service-icon-small,
.wpb_wrapper .ut-service-icon-square.ut-service-icon-small,
.wpb_wrapper .ut-service-icon-round.ut-service-icon-small {
height: 48px;
width: 48px;
font-size: 24px;
}
.wpb_wrapper .ut-service-icon-small.ut-custom-icon img {
max-width: 48px;
}
.wpb_wrapper .ut-service-icon-small.ut-service-icon-square.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-small.ut-service-icon-rounded.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-small.ut-service-icon-round.ut-custom-icon img {
width: 24px;
}
.wpb_wrapper .ut-service-icon-small.ut-service-icon-with-svg svg {
max-width: 48px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon-small.ut-service-icon-square.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-small.ut-service-icon-rounded.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-small.ut-service-icon-round.ut-service-icon-with-svg svg {
width: 24px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon {
margin-bottom:0;
margin-right:20px;
position: relative;
}
.wpb_wrapper .ut-service-icon.ut-custom-icon {
margin-right:20px;
}
.wpb_wrapper .ut-service-icon.ut-si-right {
margin-right:0;
margin-left:20px;
}
.wpb_wrapper .ut-service-icon.ut-si-right.ut-custom-icon {
margin-right:0;
margin-left:20px;
}
.wpb_wrapper .ut-service-column.ut-vertical {
margin-top:20px;
}
/* Mobile */
@media (max-width: 767px) {
.wpb_wrapper .ut-service-icon-large,
.wpb_wrapper .ut-service-icon-medium,
.wpb_wrapper .ut-service-icon-small,
.wpb_wrapper .ut-service-icon-large.ut-si-right,
.wpb_wrapper .ut-service-icon-medium.ut-si-right,
.wpb_wrapper .ut-service-icon-small.ut-si-right {
text-align: center;
}
.wpb_wrapper .ut-service-icon-large .ut-svg-loaded,
.wpb_wrapper .ut-service-icon-medium .ut-svg-loaded,
.wpb_wrapper .ut-service-icon-small .ut-svg-loaded {
margin: 0 auto;
}
.wpb_wrapper .ut-service-icon.ut-service-icon-large.ut-service-icon-round.ut-si-right,
.wpb_wrapper .ut-service-icon.ut-service-icon-medium.ut-service-icon-round.ut-si-right,
.wpb_wrapper .ut-service-icon.ut-service-icon-small.ut-service-icon-round.ut-si-right {
text-align: center;
}
.wpb_wrapper .ut-service-icon.ut-si-right {
margin-right:20px;
margin-left:0;
}
.wpb_wrapper .ut-service-icon,
.wpb_wrapper .ut-service-icon.ut-si-right.ut-custom-icon {
float: none;
margin: 0 auto 20px auto !important;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-small.ut-service-icon-normal.ut-service-icon-with-svg {
width: 48px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal.ut-service-icon-with-svg {
width: 56px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal.ut-service-icon-with-svg {
width: 64px;
}
/*.wpb_wrapper .ut-service-column {
text-align:left !important;
}*/
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
}
/* #Bklyn Service Column Vertical
================================================== */
.wpb_wrapper .ut-vertical-style .ut-service-icon {
margin: 0 auto 0;
}
.ut-service-column.ut-vertical > *:first-child {
margin-top: 0;
}
.ut-vertical-style-no-icon .ut-service-column.ut-vertical {
margin-top: 0 !important;
}
.wpb_wrapper .ut-vertical-style-align-left,
.wpb_wrapper .ut-vertical-style-align-left .ut-service-icon.ut-service-icon-normal,
.wpb_wrapper .ut-vertical-style-align-left .ut-vertical {
text-align: left;
}
.wpb_wrapper .ut-vertical-style-align-left .ut-service-icon {
margin: 0 0 12px;
}
.wpb_wrapper .ut-vertical-style-align-right,
.wpb_wrapper .ut-vertical-style-align-right .ut-service-icon.ut-service-icon-normal,
.wpb_wrapper .ut-vertical-style-align-right .ut-vertical {
text-align: right;
}
.wpb_wrapper .ut-vertical-style-align-right .ut-service-icon {
margin: 0 0 12px auto;
}
@media (min-width: 768px) {
.wpb_wrapper .ut-vertical-style-align-right .ut-service-icon-normal {
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
.wpb_wrapper .ut-vertical-style-align-left .ut-service-icon-normal {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
}
@media (max-width: 767px) {
.wpb_wrapper .ut-vertical-style-align-left,
.wpb_wrapper .ut-vertical-style-align-left .ut-service-icon.ut-service-icon-normal,
.wpb_wrapper .ut-vertical-style-align-left .ut-vertical {
text-align: center;
}
.wpb_wrapper .ut-vertical-style-align-right,
.wpb_wrapper .ut-vertical-style-align-right .ut-service-icon.ut-service-icon-normal,
.wpb_wrapper .ut-vertical-style-align-right .ut-vertical {
text-align: center;
}
}
/* Service Column Vertical Icon Animation and Service Column Horizontal
================================================== */
.ut-service-column-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-service-column-vertical-link-with-animation i,
.ut-service-column-link-with-animation i {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
display: inline-block;
}
.ut-service-column-vertical-link {
line-height: 150%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-service-column-vertical-link-icon-before i,
.ut-service-column-link-icon-before i {
margin-right:10px;
}
.ut-service-column-vertical-link-icon-after i,
.ut-service-column-link-icon-after i {
margin-left:10px;
}
.ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-before i,
.ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-after i,
.ut-service-column-link-with-animation.ut-service-column-link-icon-before i,
.ut-service-column-link-with-animation.ut-service-column-link-icon-after i {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
/* Vertical Column Align Left + Icon Before */
.ut-vertical-style-align-left .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-before:hover i {
margin-right: 15px;
}
/* Vertical Column Align Left + Icon After & Vertical Column Align Center + Icon After */
.ut-vertical-style-align-left .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-after:hover i,
.ut-vertical-style-align-center .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-after:hover i {
-webkit-transform: translate(5px,0);
-ms-transform: translate(5px,0);
transform: translate(5px,0);
}
/* Vertical Column Align Center + Icon Before + Column Align Right + Icon Before */
.ut-vertical-style-align-right .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-before:hover i {
-webkit-transform: translate(-5px,0);
-ms-transform: translate(-5px,0);
transform: translate(-5px,0);
}
/* Vertical Column Align Right + Icon After */
.ut-vertical-style-align-right .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-after:hover i {
margin-left: 15px;
}
/* Horizontal Column Align Left + Icon After */
.ut-vertical-style-align-center .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-before:hover i,
.ut-horizontal-style-align-left .ut-service-column-link-with-animation.ut-service-column-link-icon-before:hover i {
margin-right: 15px;
}
/* Horizontal Column Align Left + Icon Before */
.ut-horizontal-style-align-left .ut-service-column-link-with-animation.ut-service-column-link-icon-after:hover i {
-webkit-transform: translate(5px,0);
-ms-transform: translate(5px,0);
transform: translate(5px,0);
}
/* Horizontal Column Align Right + Icon Before */
.ut-horizontal-style-align-right .ut-service-column-link-with-animation.ut-service-column-link-icon-before:hover i {
-webkit-transform: translate(-5px,0);
-ms-transform: translate(-5px,0);
transform: translate(-5px,0);
}
/* Horizontal Column Align Right + Icon After */
.ut-horizontal-style-align-right .ut-service-column-link-with-animation.ut-service-column-link-icon-after:hover i {
margin-left: 15px;
}
.ut-horizontal-style-align-center .ut-service-column {
text-align: center;
}
.ut-horizontal-style-align-right .ut-service-column {
text-align: right;
}
@media (max-width: 767px) {
.ut-horizontal-style-align-right .ut-service-column {
text-align: center;
}
}
/* #Bklyn Service Box
================================================== */
.ut-service-box-icon {
text-align:center;
z-index:3;
position:relative;
}
.ut-icon-box {
float:left;
height:100px;
margin-bottom:0;
margin-right:30px;
position:relative;
width:100px;
}
.ut-arrow-right {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
position:absolute;
right:-10px;
top:50%;
margin-top:-10px;
}
.ut-icon-box.ut-icon-box-with-svg {
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;
}
.ut-info h3 {
margin-bottom:0;
}
.ut-info {
text-align:left;
overflow: hidden;
}
.ut-info > p {
margin-top:15px;
}
.ut-icon-box i {
font-size:50px;
line-height:100px !important;
}
.ut-icon-box.ut-icon-box-small i {
font-size: 32px;
line-height: 100px !important;
}
.ut-icon-box.ut-icon-box-small.ut-icon-box-with-svg svg {
width: 32px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ut-icon-box.ut-icon-box-medium i {
font-size: 44px;
line-height: 100px !important;
}
.ut-icon-box.ut-icon-box-medium.ut-icon-box-with-svg svg {
width: 44px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ut-icon-box i {
display: block;
}
@media (max-width: 767px) {
.ut-icon-box {
margin:0 auto 20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-icon-box {
margin:0 auto 20px;
}
}
.ut-service-box-link-with-animation i {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
display: inline-block;
}
.ut-service-box-link-icon-before i {
margin-right:10px;
margin-left: 1px; /* overflow fix */
}
.ut-service-box-link-icon-after i {
margin-left:10px;
}
.ut-service-box-link {
line-height: 150%;
display: inline-block;
}
.ut-service-box-link-with-animation.ut-service-box-link-icon-before i {
margin-right: 10px;
}
.ut-service-box-link-with-animation.ut-service-box-link-icon-before:hover i {
margin-right: 15px;
}
.ut-service-box-link-with-animation.ut-service-box-link-icon-after i {
margin-left: 10px;
}
.ut-service-box-link-with-animation.ut-service-box-link-icon-after:hover i {
margin-left: 15px;
}
/* #Bklyn Section Headers
================================================== */
.wpb_wrapper .section-header,
.wpb_wrapper .page-header,
#home .wpb_wrapper .section-header,
#home .wpb_wrapper .page-header {
margin-bottom:0;
padding-bottom:0;
}
.wpb_wrapper .section-title,
.wpb_wrapper .page-title {
margin-bottom:0;
}
.vc_row:not(.vc_row-o-content-middle):not(.vc_row-o-content-bottom) .ut-first-wpb-column .ut-first-section-title .ut-glow ,
.vc_row:not(.vc_row-o-content-middle):not(.vc_row-o-content-bottom) .ut-first-wpb-column .ut-first-page-title .ut-glow {
margin-top: 20px;
}
#primary .wpb_wrapper .section-header .lead p,
#primary .wpb_wrapper .page-title-module .lead p {
margin-top:0;
}
.section-header.header-with-gradient h1 span,
.parallax-header.header-with-gradient h1 span,
.page-title-module.header-with-gradient h1 span,
.section-header.header-with-gradient h2 span,
.parallax-header.header-with-gradient h2 span,
.page-title-module.header-with-gradient h2 span,
.section-header.header-with-gradient h3 span,
.parallax-header.header-with-gradient h3 span,
.page-title-module.header-with-gradient h3 span,
.section-header.header-with-gradient h4 span,
.parallax-header.header-with-gradient h4 span,
.page-title-module.header-with-gradient h4 span,
.section-header.header-with-gradient h5 span,
.parallax-header.header-with-gradient h5 span,
.page-title-module.header-with-gradient h5 span,
.section-header.header-with-gradient h6 span,
.parallax-header.header-with-gradient h6 span,
.page-title-module.header-with-gradient h6 span {
display:inline-block;
}
@media (max-width: 767px) {
.section-header.ut-no-title-linebreak-mobile .section-title br,
.page-title-module.ut-no-title-linebreak-mobile .page-title br {
display: none;
}
.section-header.ut-no-lead-linebreak-mobile .lead br,
.page-title-module.ut-no-lead-linebreak-mobile .lead br {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.section-header.ut-no-title-linebreak-tablet .section-title br,
.page-title-module.ut-no-title-linebreak-tablet .page-title br {
display: none;
}
.section-header.ut-no-lead-linebreak-tablet .lead br,
.page-title-module.ut-no-lead-linebreak-tablet .lead br {
display: none;
}
}
/* #Bklyn Page Headers
================================================== */
#primary .page-header:not(.page-title-module) {
margin-bottom:40px;
padding-bottom:0;
}
#primary .page-title {
margin-bottom:0;
}
#primary .lead > p {
margin-top:20px;
}
/* #Bklyn Contact Form 7
================================================== */
.wpb_wrapper .wpb_content_element form > p:last-child {
margin-bottom:0;
}
/* #Bklyn Buttons
================================================== */
.ut-btn-group {
display: inline-block;
width: 100%;
}
.ut-btn-group.ut-btn-group-left {
text-align: left;
}
.ut-btn-group.ut-btn-group-center {
text-align: center;
}
.ut-btn-group.ut-btn-group-right {
text-align: right;
}
.ut-btn-group > .bklyn-btn-holder {
display: inline;
}
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder {
margin-right: 20px;
}
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder.bklyn-btn-last,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder.bklyn-btn-last,
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder:last-child,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder:last-child {
margin-right: 0;
}
.ut-btn-group.ut-btn-group-right > .bklyn-btn-holder {
margin-left: 20px;
}
.ut-btn-group.ut-btn-group-right > .bklyn-btn-holder.bklyn-btn-first {
margin-left: 0 !important;
}
.bklyn-btn i {
}
.bklyn-btn i.fa::before {
}
.bklyn-btn.bklyn-btn-icon-left:not(.icon-only) i {
padding-right: 10px;
}
.bklyn-btn.bklyn-btn-icon-right:not(.icon-only) i {
padding-left: 10px;
}
.bklyn-btn-holder {
position:relative;
}
.bklyn-btn-holder.bklyn-btn-center {
text-align:center;
}
.bklyn-btn-holder.bklyn-btn-left {
text-align:left;
}
.bklyn-btn-holder.bklyn-btn-right {
text-align:right;
}
.bklyn-btn {
background:#ffbf00;
border:0 none;
cursor: pointer;
color:#FFFFFF;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight:400;
text-align:center;
text-decoration:none;
text-transform:uppercase;
margin:0 0 40px 0;
padding:10px 20px;
line-height:125%;
overflow:hidden;
vertical-align:middle;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.bklyn-btn.ut-simple-glitch-text-hover {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.ut-btn-text {
display: inline-block;
vertical-align: middle;
}
.bklyn-btn.bklyn-btn-shadow-active,
.bklyn-btn.bklyn-btn-shadow:hover {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.ut-particles-with-animation.bklyn-btn-shadow-active .ut-particles-wrapper,
.ut-particles-with-animation.bklyn-btn-shadow .ut-particles-wrapper:hover {
-webkit-transition: box-shadow 0.1s ease-in-out;
-moz-transition: box-shadow 0.1s ease-in-out;
-o-transition: box-shadow 0.1s ease-in-out;
transition: box-shadow 0.1s ease-in-out;
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.ut-particles-with-animation.bklyn-btn-shadow-active .ut-particles-wrapper.ut-particles-deactivate-shadow {
-webkit-box-shadow: none;
box-shadow: none;
}
.bklyn-btn.bklyn-btn-round {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px;
}
.bklyn-btn.bklyn-btn-outline {
border:4px solid #000000;
background:transparent;
color:#000000;
}
.bklyn-btn.bklyn-btn-mini {
font-size:11px;
padding:0.6em 1.62em;
}
.bklyn-btn.bklyn-btn-small {
font-size:12px;
padding:1.1em 2em;
}
.bklyn-btn.bklyn-btn-normal {
font-size: 14px;
padding:1.05em 2.15em;
}
.bklyn-btn.bklyn-btn-large {
font-size:18px;
padding:1.05em 2em;
}
.bklyn-btn.bklyn-btn-full {
width: 100%;
}
.bklyn-btn-holder.bklyn-btn-left .bklyn-btn.bklyn-btn-full {
text-align: left;
}
.bklyn-btn-holder.bklyn-btn-right .bklyn-btn.bklyn-btn-full {
text-align: right;
}
#ut-overlay-nav .bklyn-btn {
font-size: 12px;
margin-bottom: 0;
}
.ut-btn-group.ut-btn-group-left {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-center {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-right {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
/* Phone */
@media (max-width: 767px) {
.bklyn-btn-holder.bklyn-btn-mobile-left {
text-align: left;
}
.bklyn-btn-holder.bklyn-btn-mobile-right {
text-align: right;
}
.bklyn-btn-holder.bklyn-btn-mobile-center {
text-align: center;
}
.ut-btn-group.ut-btn-group-mobile-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
.ut-btn-group.ut-btn-group-mobile-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.ut-btn-group.ut-btn-group-mobile-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-line-pack: center;
align-content: center;
}
.bklyn-btn-holder.bklyn-btn-left .bklyn-btn.bklyn-btn-full {
text-align: center;
}
.bklyn-btn-holder.bklyn-btn-right .bklyn-btn.bklyn-btn-full {
text-align: center;
}
.ut-btn-group > .bklyn-btn-holder {
display: block;
}
.ut-btn-group .bklyn-btn-holder.bklyn-btn-first .bklyn-btn {
margin-bottom: 20px;
}
.ut-btn-group .bklyn-btn-holder.bklyn-btn-last .bklyn-btn {
margin-bottom: 40px;
}
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder {
margin-right: 0;
}
.ut-btn-group.ut-btn-group-tablet-left > .bklyn-btn-holder {
margin-right: 0;
}
.ut-btn-group.ut-btn-group-tablet-right > .bklyn-btn-holder,
.ut-btn-group.ut-btn-group-tablet-center > .bklyn-btn-holder {
margin-left: 0;
}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-btn-holder.bklyn-btn-tablet-left {
text-align: left;
}
.bklyn-btn-holder.bklyn-btn-tablet-right {
text-align: right;
}
.bklyn-btn-holder.bklyn-btn-tablet-center {
text-align: center;
}
.ut-btn-group .bklyn-btn-holder.bklyn-btn-first .bklyn-btn,
.ut-btn-group .bklyn-btn-holder.bklyn-btn-last .bklyn-btn {
margin-bottom: 20px;
}
.ut-btn-group.ut-btn-group-tablet-left {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-tablet-center {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-tablet-right {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
/* #Bklyn Button Particle Effects
================================================== */
.ut-particles-canvas {
position: absolute;
pointer-events: none;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.ut-particles-wrapper {
position: relative;
display: inline-block;
overflow: hidden;
will-change: transform;
}
.ut-particles {
position: relative;
display: inline-flex;
}
.ut-particles-with-animation {
display: inline-block;
}
.ut-particles-deactivate-transition {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
-webkit-transition-timing-function: unset !important;
-o-transition-timing-function: unset !important;
transition-timing-function: unset !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-fill-mode: none!important;
animation-fill-mode: none!important;
-webkit-animation-name: unset;
animation-name: unset;
}
@media screen and (min-width: 768px) {
.ut-hero-custom-center .hero-btn-holder {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ut-hero-custom-right .hero-btn-holder {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.bklyn-btn-holder .ut-particles {
margin-top: 40px;
}
div + .bklyn-btn-holder .ut-particles,
div + style + .bklyn-btn-holder .ut-particles {
margin-top: 0;
}
.bklyn-btn-holder .ut-particles {
margin-bottom: 40px;
}
.ut-particles-wrapper .bklyn-btn {
margin-bottom: 0;
}
.bklyn-btn-holder-contains-fuild-button .ut-particles,
.bklyn-btn-holder-contains-fuild-button .ut-particles-wrapper,
.bklyn-btn-holder-contains-fuild-button .ut-particles-with-animation {
width: 100%;
}
/* #Bklyn QT Testimonials
================================================== */
.ut-bkly-qt-rotator {
position:relative;
margin:0 auto !important;
max-width:720px;
}
.ut-bkly-qt-rotator .owl-controls {
display:none;
}
.bkly-testimonials-style1,
.bkly-testimonials-style2 {
display:block;
text-align:center;
margin:0 auto;
max-width:720px;
position:relative;
width:100%;
-webkit-backface-visibility:hidden !important;
backface-visibility:hidden !important;
}
.bkly-testimonials-style2 {
max-width:100%;
width:100%;
text-align:left;
}
.bkly-testimonials-style1 .bklyn-testimonials-avatar,
.bkly-testimonials-style2 .bklyn-testimonials-avatar {
height:140px;
width:140px;
display:block;
margin:0 auto 40px;
overflow:hidden !important;
-webkit-backface-visibility:hidden !important;
backface-visibility:hidden !important;
}
.bkly-testimonials-style1 .bklyn-testimonials-avatar img,
.bkly-testimonials-style2 .bklyn-testimonials-avatar img {
height:140px;
width:140px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius:50%;
object-fit: cover;
}
.bkly-testimonials-style1 .bklyn-testimonials-quote > *:last-child {
margin-bottom:0;
}
.bkly-testimonials-style1 .bklyn-about-testimonials-author {
margin-top:20px;
}
.bkly-testimonials-style1 .bklyn-testimonials-author,
.bkly-testimonials-style2 .bklyn-testimonials-author {
margin:0;
line-height: 125%;
}
.bkly-testimonials-style1 .bklyn-testimonials-origin,
.bkly-testimonials-style2 .bklyn-testimonials-origin {
font-size:12px;
}
.ut-bkly-qt-rotator .ut-prev-gallery-slide,
.ut-bkly-qt-rotator .ut-next-gallery-slide {
position:absolute;
width:80px;
height:80px;
top:70px;
font-size:40px;
margin-top:-40px;
z-index:10;
line-height:80px;
text-align:center;
background:rgb(255,255,255);
background:rgba(255,255,255,0.15);
}
.ut-bkly-qt-rotator .ut-prev-gallery-slide,
.ut-bkly-qt-rotator .ut-next-gallery-slide,
.ut-bkly-qt-rotator .ut-prev-gallery-slide i,
.ut-bkly-qt-rotator .ut-next-gallery-slide i {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-bkly-qt-rotator .ut-prev-gallery-slide {
left:140px;
}
.ut-bkly-qt-rotator .ut-next-gallery-slide {
right:140px;
}
.ut-bkly-qt-rotator .ut-prev-gallery-slide i,
.ut-bkly-qt-rotator .ut-next-gallery-slide i {
line-height:80px;
}
/* Style 2 */
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-prev-gallery-slide,
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-next-gallery-slide {
font-size:40px;
margin-top:-40px;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-prev-gallery-slide {
left:0;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-next-gallery-slide {
right:0;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bklyn-about-testimonials-author {
display:table;
margin:20px 0 0 0;
}
.bkly-testimonials-style2 .bklyn-testimonials-avatar {
display:table-cell;
float:none;
margin:0;
}
.bkly-testimonials-style2 {
padding:0 160px;
}
.bkly-testimonials-style2 .bklyn-testimonials-avatar + .bklyn-testimonials-quote {
padding:0 0 0 80px;
}
.bkly-testimonials-style2 .bklyn-testimonials-quote > *:last-child {
margin-bottom:0;
}
.bklyn-testimonials-icon-wrap {
margin-right:20px;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bklyn-testimonials-icon {
display:table-cell;
height:32px;
vertical-align:top;
width:32px;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bklyn-testimonials-icon img {
height:32px;
width:32px;
}
.bklyn-testimonials-font-icon {
font-size: 32px;
}
.bkly-testimonials-style2 .bklyn-testimonials-author-wrap {
display:table-cell;
vertical-align:middle;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 {
max-width:100%;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bkly-testimonials-style2 {
display:table;
overflow:hidden;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bkly-testimonials-style2 .bklyn-testimonials-quote {
display:table-cell;
vertical-align:middle;
overflow:hidden;
}
.bklyn-testimonials-quote p {
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size:20px;
line-height:30px;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2-align-center .bkly-testimonials-style2 {
text-align: center;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2-align-center .bklyn-about-testimonials-author {
margin: 20px auto 0 auto;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2-align-right .bkly-testimonials-style2 {
text-align: right;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2-align-right .bklyn-about-testimonials-author {
margin: 20px 0 0 auto;
}
/* Small Phone */
@media (max-width: 400px) {
.ut-bkly-qt-rotator .ut-prev-gallery-slide,
.ut-bkly-qt-rotator .ut-next-gallery-slide {
display: none;
}
}
/* Phone */
@media (max-width: 767px) {
.ut-bkly-qt-rotator .ut-prev-gallery-slide {
left:40px;
}
.ut-bkly-qt-rotator .ut-next-gallery-slide {
right:40px;
}
.bkly-testimonials-style2 .bklyn-testimonials-avatar {
display:block;
margin:0 auto;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bkly-testimonials-style2 .bklyn-testimonials-quote {
display:block;
vertical-align:middle;
overflow:hidden;
text-align: center;
}
.bkly-testimonials-style2 .bklyn-testimonials-avatar + .bklyn-testimonials-quote {
padding:20px 0 0 0;
}
.bkly-testimonials-style2 {
padding:0;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-prev-gallery-slide,
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-next-gallery-slide {
display:none;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bklyn-about-testimonials-author {
margin:20px auto 0 auto;
text-align: center;
}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.ut-bkly-qt-rotator .ut-prev-gallery-slide {
left:140px;
}
.ut-bkly-qt-rotator .ut-next-gallery-slide {
right:140px;
}
.bkly-testimonials-style2 .bklyn-testimonials-avatar {
display:block;
margin:0 auto;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bkly-testimonials-style2 .bklyn-testimonials-quote {
display:block;
vertical-align:middle;
overflow:hidden;
text-align: center;
}
.bkly-testimonials-style2 .bklyn-testimonials-avatar + .bklyn-testimonials-quote {
padding:20px 0 0 0;
}
.bkly-testimonials-style2 {
padding:0;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-prev-gallery-slide,
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .ut-next-gallery-slide {
display:none;
}
.ut-bkly-qt-rotator.ut-bklyn-qt-rotator-style-2 .bklyn-about-testimonials-author {
margin:20px auto 0 auto;
text-align: center;
}
}
/* Quote Rotator 2
================================================== */
.ut-bklyn-qt-rotator-style-2 .owl-carousel .owl-dots {
margin-top: 20px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.ut-bklyn-qt-rotator-style-2 .owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.ut-bklyn-qt-rotator-style-2 .owl-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease;
transition: opacity 300ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.ut-bklyn-qt-rotator-style-2 .owl-carousel .owl-dots .owl-dot.active span,
.ut-bklyn-qt-rotator-style-2 .owl-carousel .owl-dots .owl-dot:hover span {
background: #869791;
}
/* #Bklyn Count Up
================================================== */
.wpb_wrapper .ut-counter-box {
margin-bottom:0;
padding:0;
}
.wpb_wrapper .ut-counter-box .fa {
margin-bottom:15px;
}
.wpb_wrapper .ut-counter-details {
margin-top:10px;
line-height: 125%;
}
@media (max-width: 767px) {
.wpb_wrapper .ut-counter-box {
text-align: center !important;
}
}
/* #Bklyn Lists
================================================== */
.wpb_wrapper .bklyn-list > *:last-child {
margin-bottom:0;
}
.wpb_wrapper .bklyn-list {
margin-bottom:0;
margin-left: 0;
list-style-position: outside;
}
.bklyn-fancy-list.bklyn-fancy-list-left .bklyn-list {
list-style-position: outside;
margin-left: 1em;
}
.bklyn-fancy-list .bklyn-list.bklyn-list-style-none li {
padding-left: 0;
}
.bklyn-fancy-list.bklyn-fancy-list-left .bklyn-list.bklyn-list-style-none li::before {
}
.bklyn-list-item-space-xsmall:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-xsmall .bklyn-fancy-list-content {
padding-left: 0.5em;
}
.bklyn-list-item-space-small:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-small .bklyn-fancy-list-content {
padding-left: 1em;
}
.bklyn-list-item-space-medium:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-medium .bklyn-fancy-list-content {
padding-left: 1.5em;
}
.bklyn-list-item-space-large:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-large .bklyn-fancy-list-content {
padding-left: 2em;
}
.bklyn-list-item-space-xlarge:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-xlarge .bklyn-fancy-list-content {
padding-left: 3em;
}
.bklyn-fancy-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bklyn-fancy-list .bklyn-list:not(.bklyn-list-style-none) li > span {
vertical-align: top;
}
.bklyn-fancy-list-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bklyn-fancy-list-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.bklyn-fancy-list-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.bklyn-fancy-list-item-has-icon,
.bklyn-fancy-list-item-has-icon > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.bklyn-fancy-list-item-has-icon-center,
.bklyn-fancy-list-item-has-icon-center > a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bklyn-fancy-list-item-has-icon-top ,
.bklyn-fancy-list-item-has-icon-top > a{
-webkit-box-align: first baseline;
-ms-flex-align: first baseline;
align-items: first baseline;
}
.bklyn-fancy-list-item-has-icon-bottom,
.bklyn-fancy-list-item-has-icon-bottom > a {
-webkit-box-align: last baseline;
-ms-flex-align: last baseline;
align-items: last baseline;
}
.wpb_wrapper .bklyn-list li {
margin-bottom: 0;
}
.wpb_wrapper .bklyn-list li .fa {
text-align: center;
}
.wpb_wrapper .bklyn-list li > *:last-child {
margin-bottom:0;
padding-bottom:0;
}
.wpb_wrapper .bklyn-list.bklyn-list-style-none {
margin-left:0;
list-style: none !important;
}
.bklyn-list li a,
.bklyn-list li a i {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.bklyn-fancy-list-animated li {
list-style: none;
-webkit-transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
opacity: 0;
}
.bklyn-fancy-list-animated li > i,
.bklyn-fancy-list-animated li > span > span,
.bklyn-fancy-list-animated li > .bklyn-fancy-list-content > span {
-webkit-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.bklyn-fancy-list-animated li > span > span + br + span,
.bklyn-fancy-list-animated li > .bklyn-fancy-list-content > span + br + span {
-webkit-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
}
.bklyn-fancy-list-animated li > span > span,
.bklyn-fancy-list-animated li > .bklyn-fancy-list-content > span {
display: inline-block;
position: relative;
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.bklyn-fancy-list-animated li > i {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.bklyn-fancy-list-animated li.appeared {
list-style: inherit;
opacity: 1;
}
.bklyn-fancy-list-animated li.appeared > i,
.bklyn-fancy-list-animated li.appeared > span > span,
.bklyn-fancy-list-animated li.appeared > .bklyn-fancy-list-content > span {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
@media (max-width: 767px) {
.bklyn-fancy-list-mobile-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.bklyn-fancy-list-mobile-left .bklyn-list {
margin-left: 1em;
}
.bklyn-fancy-list-mobile-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bklyn-fancy-list-mobile-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-fancy-list-tablet-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.bklyn-fancy-list-tablet-left .bklyn-list {
margin-left: 1em;
}
.bklyn-fancy-list-tablet-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bklyn-fancy-list-tablet-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
/* #Bklyn Overlay Styles
================================================== */
.vc_row-has-fill:not([data-vc-full-width="true"]) {
margin-left: 0;
margin-right: 0;
}
.bklyn-row-with-overlay {
position:relative;
}
.bklyn-column-with-overlay .vc_column-inner {
position:relative;
}
.bklyn-column-with-overlay .wpb_wrapper,
.ut-background-with-distortion-effect .wpb_wrapper {
z-index:3;
position:relative;
}
.bklyn-overlay {
top:0;
left:0;
width:100%;
height:100%;
background-repeat:repeat;
position:absolute;
}
.bklyn-overlay-effect {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: repeat;
position: absolute;
}
.bklyn-overlay.bklyn-style-one {
background-image:url("../images/overlay-pattern.png");
}
.bklyn-overlay.bklyn-style-two {
background-image:url("../images/overlay-pattern2.png");
}
.bklyn-overlay.bklyn-style-three {
background-image: url("../images/overlay-pattern3.png");
}
.bklyn-overlay.bklyn-style-four {
background-image: url("../images/circuit-board-pattern.svg");
}
.bklyn-overlay.bklyn-style-five {
background-image: url("../images/patterns/black-orchid.png");
}
.bklyn-overlay.bklyn-style-six {
background-image: url("../images/patterns/dark-dotted-2.png");
}
/* #Bklyn Team Member
================================================== */
.bklyn-team-member {
position:relative;
text-align:center;
overflow:hidden;
}
.bklyn-team-member.bklyn-team-member-left {
text-align:left;
}
.bklyn-team-member.bklyn-team-member-right {
text-align:right;
}
.bklyn-team-member-avatar {
display:block;
}
.bklyn-team-member-avatar img {
vertical-align:bottom;
}
.bklyn-team-member-name {
margin-bottom:0;
}
.bklyn-team-member-info {
margin-top:20px;
}
.bklyn-team-member-info > *:last-child {
margin-bottom:0;
}
.bklyn-team-member-ocupation {
font-size:12px;
font-weight:bold;
margin-top:0;
margin-bottom: 0;
}
.bklyn-team-member-style-1 .bklyn-team-member-social-icons {
font-size: 16px;
}
.bklyn-team-member-social-icons {
border-top:2px solid #EDEDED;
margin-top:20px;
padding-top:20px;
}
.bklyn-team-member-social-icons.no-bklyn-team-member-border {
border:none;
padding-top:0;
}
.bklyn-team-member-social-icons ul {
list-style:none;
margin:0;
}
.bklyn-team-member-social-icons ul li {
display:inline;
margin:0 10px;
}
.bklyn-team-member-social-icons ul li:first-child {
margin-left:0;
}
.bklyn-team-member-social-icons ul li:last-child {
margin-right:0;
}
/* Team Style 2 */
.bklyn-team-member.bklyn-team-member-style-2 .bklyn-team-member-avatar {
height:140px;
margin:0 auto;
width:140px;
}
.bklyn-team-member.bklyn-team-member-style-2 .bklyn-team-member-avatar img {
height:140px;
width:140px;
-webkit-box-shadow:0 0 0 1px transparent;
box-shadow:0 0 0 1px transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius:50%;
}
.bklyn-team-member.bklyn-team-member-style-2.bklyn-team-member-style-2-200 .bklyn-team-member-avatar {
height:200px;
margin:0 auto;
width:200px;
}
.bklyn-team-member.bklyn-team-member-style-2.bklyn-team-member-style-2-200 .bklyn-team-member-avatar img {
height:200px;
width:200px;
}
/* Team Style 3 */
.bklyn-team-member.bklyn-team-member-style-3 {
text-align:center;
}
.bklyn-team-member.bklyn-team-member-style-3 .bklyn-team-member-overlay {
height:100%;
left:0;
min-height:100%;
position:absolute;
top:0;
width:100%;
opacity:0;
-webkit-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
pointer-events: none;
}
.bklyn-team-member.bklyn-team-member-style-3:hover .bklyn-team-member-overlay {
opacity:1;
background:rgb(51,153,255);
background:rgba(51,153,255, 0.7);
color:#FFFFFF;
-webkit-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
}
.bklyn-team-member.bklyn-team-member-style-3 .bklyn-team-member-overlay-caption {
display:table;
height:100%;
min-height:100%;
position:relative;
width:100%;
}
.bklyn-team-member.bklyn-team-member-style-3 .bklyn-team-member-info {
display:table-cell;
vertical-align:middle;
padding:20px;
}
.bklyn-team-member.bklyn-team-member-style-3 .bklyn-team-member-social-icons {
border-top:none 0;
margin-top:10px;
padding-top:0;
pointer-events: all;
}
.bklyn-team-member.bklyn-team-member-style-3 .bklyn-team-member-ocupation {
margin-bottom:0;
}
/* Team Style 4 */
.bklyn-team-member.bklyn-team-member-style-4 {
text-align:left;
}
.bklyn-team-member.bklyn-team-member-style-4 .bklyn-team-member-overlay {
height:100%;
left:0;
min-height:100%;
position:absolute;
top:0;
width:100%;
opacity:0;
-webkit-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
pointer-events: none;
}
.bklyn-team-member.bklyn-team-member-style-4:hover .bklyn-team-member-overlay {
opacity:1;
background:rgb(51,153,255);
background:rgba(51,153,255, 0.7);
color:#FFFFFF;
-webkit-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
}
.bklyn-team-member.bklyn-team-member-style-4 .bklyn-team-member-overlay-caption {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
height:100%;
min-height:100%;
position:relative;
width:100%;
}
.bklyn-team-member.bklyn-team-member-style-4 .bklyn-team-member-info {
-ms-flex-item-align: end;
align-self: flex-end;
padding:20px;
}
.bklyn-team-member.bklyn-team-member-style-4 .bklyn-team-member-social-icons {
border-top:none 0;
margin-top:10px;
padding-top:0;
pointer-events: all;
}
.bklyn-team-member.bklyn-team-member-style-4 .bklyn-team-member-ocupation {
margin-bottom:0;
}
.bklyn-team-member.bklyn-team-member-style-4 .bklyn-team-member-info,
.bklyn-team-member.bklyn-team-member-style-3 .bklyn-team-member-info {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-name: zoomOut;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: zoomOut;
}
.bklyn-team-member.bklyn-team-member-style-4:hover .bklyn-team-member-info,
.bklyn-team-member.bklyn-team-member-style-3:hover .bklyn-team-member-info {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/* Team Style 5 */
.bklyn-team-member-style-5 {
background: #FFFFFF;
border: 1px solid #DDDDDD;
}
.bklyn-team-member-style-5 .bklyn-team-member-info {
margin: 0;
}
.bklyn-team-member-style-5 .bklyn-team-member-social-icons {
border: none;
padding: 0;
margin-top: 10px;
}
.bklyn-team-member-style-5 .bklyn-team-member-info.bklyn-team-member-info-has-description + .bklyn-team-member-social-icons {
margin-top: 20px;
}
.bklyn-team-member-style-5-content-wrap {
padding: 20px;
}
@media (max-width: 767px) {
.bklyn-team-member.bklyn-team-member-left,
.bklyn-team-member.bklyn-team-member-right {
text-align:center;
}
}
/* #Bklyn Single Testimonial
================================================== */
/* Style 1 */
.wpb_wrapper .bklyn-single-testimonial .ut-st > p:last-child,
.wpb_wrapper .bklyn-single-testimonial .ut-st {
margin-bottom:0;
}
.wpb_wrapper .bklyn-single-testimonial .ut-st p {
margin-bottom:20px;
}
.wpb_wrapper .bklyn-single-testimonial .ut-st-date,
.wpb_wrapper .bklyn-single-testimonial .ut-st-subtitle {
font-size:12px;
line-height: 150%;
}
.wpb_wrapper .bklyn-single-testimonial .ut-st-name {
font-weight:bold;
margin-bottom:0;
line-height: 125%;
}
.wpb_wrapper .bklyn-single-testimonial .ut-st-date {
font-weight:bold;
}
.wpb_wrapper .bklyn-single-testimonial .ut-st-rating {
margin-bottom:0;
margin-top:20px;
}
.wpb_wrapper .bklyn-single-testimonial .ut-st-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius:50%;
height:80px;
width:80px;
}
/* Style 2 */
.wpb_wrapper .bklyn-single-testimonial-style-2 .ut-st-avatar,
.wpb_wrapper .bklyn-single-testimonial-style-2 .ut-st-avatar img {
height: 40px;
width: 40px;
}
.ut-st-meta-wrap,
.ut-st-data-wrap {
overflow: hidden;
}
.wpb_wrapper .bklyn-single-testimonial-style-2 p.ut-st-subtitle,
.wpb_wrapper .bklyn-single-testimonial-style-2 .ut-st-rating {
margin: 0;
}
/* Phone & Small Tablets */
@media screen and (max-width: 767px) {
.wpb_wrapper .bklyn-single-testimonial-style-1 {
text-align:center;
}
.wpb_wrapper .bklyn-single-testimonial-style-2 {
text-align: center;
}
}
/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
/* #Bklyn Split Sections
================================================== */
.bklyn-split-section-wrap {
display:table;
height:100%;
width:100%;
}
.bklyn-split-section {
display:table-cell;
vertical-align:middle;
width:50%;
padding:40px;
}
.bklyn-split-section *:last-child {
margin-bottom:0;
}
.bklyn-split-image {
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.bklyn-split-background-color {
}
.bklyn-split-video {
text-align:center;
}
.bklyn-split-slider {
}
/* #Bklyn Parallax Quote
================================================== */
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-title {
margin:0;
padding:0;
border:none;
line-height:150%;
display: inline-block;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-title .fa-quote-left,
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-title .fa-quote-right {
font-size:14px;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-left .ut-parallax-quote-title {
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-right .ut-parallax-quote-title {
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-name-wrap {
margin: 0 auto;
display: inline-block;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-left .ut-parallax-quote-name-wrap:not(.ut-block-revealer),
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-right .ut-parallax-quote-name-wrap:not(.ut-block-revealer) {
display: block;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-name {
color: #151515;
display:block;
font-size:12px;
margin-bottom:0;
margin-top:20px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap {
display:block;
margin:0 auto 20px auto;
width: 80px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon {
display:block;
font-size:40px;
height:80px;
line-height:80px;
text-align:center;
width:80px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon .fa {
margin:0;
padding:0;
line-height:80px;
}
.wpb_wrapper .ut-parallax-quote-title.ut-block-reveal-hide {
display: inline-block;
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-name {
font-size: 12px;
line-height: 200%;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon {
font-size:20px;
height:40px;
line-height:40px;
width:40px;
margin: 0 auto;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon .fa {
line-height:40px;
}
.ut-no-parallax-quote-linebreak-mobile br {
display: none;
}
}
/* Tablet Landscape */
@media (min-width: 768px) and (max-width: 1024px) {
.ut-no-parallax-quote-linebreak-tablet br {
display: none;
}
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-background,
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background),
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background),
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-background {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-svg svg {
max-width: 40px;
}
/* Tablet Landscape */
@media (min-width: 768px) and (max-width: 1024px) {
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-tablet-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-tablet-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-tablet-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-tablet-align-left .ut-parallax-quote-title {
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-tablet-align-right .ut-parallax-quote-title {
text-align: right;
}
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap {
width: 40px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-svg svg {
max-width: 20px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-mobile-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-mobile-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-mobile-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-mobile-align-left .ut-parallax-quote-title {
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-mobile-align-right .ut-parallax-quote-title {
text-align: right;
}
}
/* #Bklyn Fancy Image
================================================== */
.wpb_wrapper .ut-fancy-image-wrap {
margin-bottom:40px;
}
/* #VC Image Caption
================================================== */
.wpb_single_image .vc_figure-caption {
font-size: 12px;
margin-top: 5px;
line-height: 150%;
}
/* #Bklyn Porfolio Share Icons
================================================== */
.ut-portfolio-info-right {
text-align: right;
}
.ut-portfolio-info-center {
text-align: center;
}
.ut-portfolio-info-left {
text-align: left;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details {
font-weight:inherit;
overflow:hidden;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details ul {
margin:-20px 0 0 0;
list-style:none;
padding:0;
width:100%;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details ul li {
margin:20px 0 0 0;
padding:0;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details ul li p {
margin:0;
word-wrap:break-word;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-right .ut-portfolio-info-details-compact li {
padding-right: 0;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-left .ut-portfolio-info-details-compact li {
padding-left: 0;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details .ut-portfolio-info-details-compact li {
float:left;
width:50%;
padding:0 20px 0 20px;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details .ut-portfolio-info-details-inline li {
display: inline-block;
padding-right:40px;
}
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details .ut-portfolio-info-details-inline li:last-child {
padding-right:0;
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-left .ut-portfolio-info-details-compact li,
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-left .ut-portfolio-info-details-inline li,
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-left .ut-portfolio-info-details-list li
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-right .ut-portfolio-info-details-compact li,
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-right .ut-portfolio-info-details-inline li,
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-right .ut-portfolio-info-details-list li,
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-center .ut-portfolio-info-details-compact li,
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-center .ut-portfolio-info-details-inline li,
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details.ut-portfolio-info-center .ut-portfolio-info-details-list li {
float: none;
display:block;
padding-left: 0;
padding-right: 0;
text-align: center;
width: auto;
}
}
/* #Bklyn Porfolio Navigation
================================================== */
#ut-portfolio-navigation-wrap {
background:#f9f9f9;
font-size:24px;
height:120px;
}
#ut-portfolio-navigation-wrap .ut-prev-portfolio,
#ut-portfolio-navigation-wrap .ut-next-portfolio,
#ut-portfolio-navigation-wrap .ut-main-portfolio-link {
height:120px;
}
#ut-portfolio-navigation-wrap a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height:100%;
width:100%;
}
#ut-portfolio-navigation-wrap .ut-next-portfolio a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#ut-portfolio-navigation-wrap .ut-main-portfolio-link a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#ut-portfolio-navigation-wrap .ut-next-portfolio a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#ut-portfolio-navigation-wrap .ut-prev-portfolio {
text-align:left;
}
#ut-portfolio-navigation-wrap .ut-main-portfolio-link {
text-align:center;
}
#ut-portfolio-navigation-wrap .ut-next-portfolio {
text-align:right;
}
#ut-portfolio-navigation-wrap .ut-prev-portfolio a span {
margin-left: 10px;
line-height: 125%;
}
#ut-portfolio-navigation-wrap .ut-next-portfolio a span {
margin-right: 10px;
line-height: 125%;
}
/* Hover Effect Underline */
#ut-portfolio-navigation-wrap .ut-prev-portfolio.ut-underline-effect a span,
#ut-portfolio-navigation-wrap .ut-next-portfolio.ut-underline-effect a span {
position: relative;
font-size: 16px;
}
#ut-portfolio-navigation-wrap .ut-prev-portfolio i,
#ut-portfolio-navigation-wrap .ut-next-portfolio i {
font-size: 16px;
}
#ut-portfolio-navigation-wrap .ut-prev-portfolio.ut-underline-effect a span::after,
#ut-portfolio-navigation-wrap .ut-next-portfolio.ut-underline-effect a span::after {
position: absolute;
bottom: -5px;
content: '';
height: 2px;
width: 0;
-webkit-transition: width 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: width 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: width 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
background: #FFF;
}
#ut-portfolio-navigation-wrap .ut-prev-portfolio.ut-underline-effect a span::after {
left:0;
}
#ut-portfolio-navigation-wrap .ut-next-portfolio.ut-underline-effect a span::after {
right: 0;
}
#ut-portfolio-navigation-wrap .ut-prev-portfolio.ut-underline-effect a:hover span::after,
#ut-portfolio-navigation-wrap .ut-next-portfolio.ut-underline-effect a:hover span::after {
width: 100%;
}
@media (min-width: 1025px) {
#ut-portfolio-navigation-wrap.fullwidth .grid-container {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
/* #Bklyn Progress Bar Old
================================================== */
.ut-skill-bar {
display:block;
height:30px;
overflow:hidden;
width:100%;
}
.ut-skill {
margin-bottom:20px;
}
.wpb_wrapper .ut-skill {
margin-bottom:0;
}
.ut-skill-active {
width:0px;
}
.ut-skill-name {
display:block;
font-size:inherit;
text-transform:inherit;
margin-bottom:10px;
}
.ut-skill .ut-skill-name {
line-height:100%;
}
.ut-skill-percent {
color:#FFFFFF;
font-weight:bold;
float:right;
line-height:30px;
padding:0 5px;
}
.ut-skill-with-border-radius .ut-skill-percent {
padding:0 10px;
}
.ut-skill-percent,
.ut-skill-name {
font-size:12px;
letter-spacing:0.5px;
}
.ut-skill-name,
.dark .ut-skill-name {
color:#151515;
}
.light .ut-skill-name {
color:#FFFFFF;
}
.ut-skill-overlay {
height:30px;
background:#111111;
overflow:hidden;
}
.ut-skill-small .ut-skill-bar,
.ut-skill-small .ut-skill-overlay {
height: 20px;
}
.ut-skill-small .ut-skill-percent {
line-height: 20px;
}
/* #Bklyn Progress Bar Thin
================================================== */
.wpb_content_element .ut-skill-name {
margin-bottom: 10px;
}
.ut-skill-bar-thin {
height:2px;
overflow:visible;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}
.ut-skill-progress-thin {
background: #151515;
height:100%;
float:left;
position:relative;
line-height:20px;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius:10px;
-webkit-transition:width 2s ease;
-o-transition:width 2s ease;
transition:width 2s ease;
}
.ut-skill-tooltip {
background:#FFFFFF;
color:#252525;
font-size:12px;
font-family: sans-serif;
font-weight:bold;
position:absolute;
top:-30px;
padding:1px 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ut-progress-bar-percentage-digits-1 .ut-skill-tooltip {
right:-12.5px;
}
.ut-progress-bar-percentage-digits-2 .ut-skill-tooltip {
right:-16.25px;
}
.ut-progress-bar-percentage-digits-2 {
margin-right: 16.25px;
}
.ut-progress-bar-percentage-digits-3 .ut-skill-tooltip {
right:-20px;
}
.ut-progress-bar-percentage-digits-3 {
margin-right: 20px;
}
.ut-skill-tooltip:after {
border-color:#FFFFFF transparent;
border-style:solid;
border-width:5px 5px 0;
bottom:-5px;
content:"";
position:absolute;
left:35%;
}
.ut-skill-name-below .ut-skill-name {
margin: 10px 0 0 0;
}
.ut-progress-bar-module-2.ut-skill-name-below {
padding-top: 30px;
}
.ut-progress-bar-module-2 .ut-skill-name {
line-height: 125%;
}
/* #Bklyn Animate Image
================================================== */
.ut-animate-image a {
display:block;
height:100%;
width:100%;
}
/* #Bklyn Portfolio Fixes
================================================== */
.ut-portfolio-custom-icon {
position:absolute;
top:20px;
right:20px;
text-align:center;
}
.ut-portfolio-item-packery-container .ut-portfolio-title-wrap {
position:relative;
height:80px;
width:100%;
padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-portfolio-item-packery-container .ut-portfolio-title-wrap h3 {
padding:0 40px;
text-align:center;
}
.ut-portfolio-item-packery-container .ut-portfolio-title-wrap .ut-portfolio-title-inner-wrap {
padding:0;
width:100%;
}
.ut-portfolio-info-c span {
font-size:12px;
}
#ut-sitebody .ut-carousel-6-col .portfolio-title,
#ut-sitebody .ut-carousel-6-col .ut-portfolio-info-c h3 {
font-size:13px !important;
}
#ut-sitebody .ut-carousel-7-col .portfolio-title,
#ut-sitebody .ut-carousel-7-col .ut-portfolio-info-c h3 {
font-size:12px !important;
}
#ut-sitebody .ut-carousel-8-col .portfolio-title,
#ut-sitebody .ut-carousel-8-col .ut-portfolio-info-c h3 {
font-size:11px !important;
}
#ut-sitebody .ut-carousel-9-col .portfolio-title,
#ut-sitebody .ut-carousel-9-col .ut-portfolio-info-c h3 {
font-size:10px !important;
}
#ut-sitebody .ut-carousel-7-col .ut-portfolio-info {
padding:20px;
}
#ut-sitebody .ut-carousel-9-col .ut-portfolio-info,
#ut-sitebody .ut-carousel-8-col .ut-portfolio-info {
padding:10px;
}
#ut-sitebody .ut-carousel-9-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-8-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-7-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-6-col .ut-portfolio-info-c span {
display:none;
}
@media (max-width: 767px) {
#ut-sitebody .ut-carousel-9-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-8-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-7-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-6-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-5-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-4-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-3-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-2-col .ut-portfolio-info-c span,
#ut-sitebody .ut-carousel-1-col .ut-portfolio-info-c span {
display:none;
}
#ut-sitebody .ut-carousel-9-col .portfolio-title,
#ut-sitebody .ut-carousel-9-col .ut-portfolio-info-c h3,
#ut-sitebody .ut-carousel-8-col .portfolio-title,
#ut-sitebody .ut-carousel-8-col .ut-portfolio-info-c h3,
#ut-sitebody .ut-carousel-7-col .portfolio-title,
#ut-sitebody .ut-carousel-7-col .ut-portfolio-info-c h3,
#ut-sitebody .ut-carousel-6-col .portfolio-title,
#ut-sitebody .ut-carousel-6-col .ut-portfolio-info-c h3 {
font-size:1em !important;
}
#ut-sitebody .portfolio-title,
#ut-sitebody .ut-portfolio-info-c h3 {
font-size:17px !important;
}
#ut-sitebody .ut-portfolio-info {
padding:20px;
}
.ut-portfolio-info-c span {
font-size:12px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#ut-sitebody .ut-carousel-6-col .portfolio-title,
#ut-sitebody .ut-carousel-6-col .ut-portfolio-info-c h3 {
font-size:13px !important;
}
#ut-sitebody .ut-carousel-7-col .portfolio-title,
#ut-sitebody .ut-carousel-7-col .ut-portfolio-info-c h3 {
font-size:12px !important;
}
#ut-sitebody .ut-carousel-8-col .portfolio-title,
#ut-sitebody .ut-carousel-8-col .ut-portfolio-info-c h3 {
font-size:11px !important;
}
#ut-sitebody .ut-carousel-9-col .portfolio-title,
#ut-sitebody .ut-carousel-9-col .ut-portfolio-info-c h3 {
font-size:10px !important;
}
#ut-sitebody .ut-carousel-5-col .portfolio-title,
#ut-sitebody .ut-carousel-5-col .ut-portfolio-info-c h3,
#ut-sitebody .ut-carousel-4-col .portfolio-title,
#ut-sitebody .ut-carousel-4-col .ut-portfolio-info-c h3,
#ut-sitebody .ut-carousel-3-col .portfolio-title,
#ut-sitebody .ut-carousel-3-col .ut-portfolio-info-c h3,
#ut-sitebody .ut-carousel-2-col .portfolio-title,
#ut-sitebody .ut-carousel-2-col .ut-portfolio-info-c h3,
#ut-sitebody .ut-carousel-1-col .portfolio-title,
#ut-sitebody .ut-carousel-1-col .ut-portfolio-info-c h3 {
font-size:1em !important;
}
#ut-sitebody .ut-portfolio-info {
padding:20px !important;
}
#ut-sitebody .portfolio-title,
#ut-sitebody .ut-portfolio-info-c h3 {
font-size:17px !important;
}
.ut-portfolio-info-c span {
font-size:12px !important;
}
}
/* #Bklyn Porfolio Share Icons
================================================== */
.wpb_wrapper .ut-project-sc {
margin:0;
list-style: none;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-left {
text-align: left;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-center {
text-align: center;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-right {
text-align: right;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-center li:last-child,
.wpb_wrapper .ut-project-sc.ut-project-sc-right li:last-child {
margin-right: 0;
}
.wpb_wrapper .ut-project-sc li {
display: inline-block;
float: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
.wpb_wrapper .ut-project-sc.ut-project-sc-tablet-left {
text-align: left;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-tablet-center {
text-align: center;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-tablet-right {
text-align: right;
}
}
@media (max-width: 767px) {
.wpb_wrapper .ut-project-sc.ut-project-sc-mobile-left {
text-align: left;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-mobile-center {
text-align: center;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-mobile-right {
text-align: right;
}
}
/* #Bklyn Content Widget Titles
================================================== */
#ut-sitebody .wpb_wrapper .ut-portfolio-info-details .widget-title {
margin-bottom:10px;
text-transform:inherit;
font-size:12px;
}
#ut-sitebody .wpb_wrapper .ut-project-sc .widget-title {
margin:0 !important;
line-height: 1;
text-transform:inherit;
font-size:12px;
}
/* #Bklyn Big Icons
================================================== */
.bklyn-big-icon-wrap {
text-align:center;
}
.bklyn-big-icon-round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.bklyn-big-icon-round,
.bklyn-big-icon-square,
.bklyn-big-icon-outline{
height:120px;
line-height:120px;
width:120px;
}
.bklyn-big-icon-rhombus {
position: relative;
}
.bklyn-big-icon-rhombus::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
width: 100%;
height: 100%;
border-style: solid;
border-color: #FFF;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.bklyn-big-icon {
display:inline-block;
font-size:60px;
margin-bottom:20px;
}
.bklyn-big-icon img {
max-height:64px;
vertical-align:middle;
}
.bklyn-big-icon-round.bklyn-big-icon .fa,
.bklyn-big-icon-square.bklyn-big-icon .fa,
.bklyn-big-icon-outline.bklyn-big-icon .fa {
line-height:120px;
}
.bklyn-big-icon-link {
display:block;
height:100%;
width:100%;
outline:0;
}
.bklyn-big-icon.bklyn-big-icon-normal {
height: inherit !important;
line-height: inherit !important;
width: inherit !important;
}
.bklyn-big-icon svg path,
.bklyn-big-icon-link,
.bklyn-big-icon-link .fa,
.bklyn-big-icon-link .bklyn-big-icon {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.bklyn-big-icon-title {
margin-bottom:0;
line-height: 125%;
}
.bklyn-big-icon-slogan {
font-size:12px;
}
.bklyn-big-icon-inner {
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;
height: 100%;
}
/* #Bklyn Icon Tabs
================================================== */
.bklyn-icon-tabs {
list-style:none;
padding:0;
margin:0;
}
.bklyn-icon-tabs-left {
text-align:left;
}
.bklyn-icon-tabs-center {
text-align:center;
}
.bklyn-icon-tabs-right {
text-align:right;
}
.bklyn-icon-tabs-left .bklyn-icon-tabs svg {
margin: 15px auto 15px 0;
}
.bklyn-icon-tabs-center .bklyn-icon-tabs svg {
margin: 15px auto 15px auto;
}
.bklyn-icon-tabs-right .bklyn-icon-tabs svg {
margin: 15px 0 15px auto;
}
.bklyn-icon-tabs svg path {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.bkly-icon-tab-label {
}
.bkly-icon-tab {
margin-bottom: 20px;
}
.bklyn-icon-tabs > li {
position:relative;
display:inline-block;
min-width:130px;
line-height:1;
text-align:center;
margin: 0 40px 40px 0;
}
.bklyn-icon-tabs > li:last-child {
margin-right: 0;
}
.bklyn-icon-tabs > li > a {
position:relative;
display:block;
min-width:130px;
line-height:1.4;
margin:0;
}
.bklyn-icon-tabs > li > a:focus,
.bklyn-icon-tabs > li > a:hover {
text-decoration:none;
}
.bklyn-icon-tabs li a {
color: #151515;
}
.bklyn-icon-tabs li a:hover {
color: #ffbf00;
}
.bklyn-icon-tabs li.active > a,
.bklyn-icon-tabs li.active > a:focus,
.bklyn-icon-tabs li.active > a:hover {
color:#ffbf00;
cursor:default;
}
.bklyn-icon-tabs li.active a .bkly-icon-tab {
color:#ffbf00;
}
.bklyn-icon-tabs li a .bkly-icon-tab {
font-size:64px;
line-height:1.4;
}
.bklyn-icon-tabs li a span {
display: block;
text-transform: none;
font-size: 12px;
font-weight: normal;
-webkit-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
}
.bklyn-icon-tabs-wrap .tab-content {
padding-top: 0;
text-align: left;
}
.bklyn-icon-tabs-wrap .tab-content > .tab-pane {
display:none;
}
@media (min-width: 1025px) {
.tab-pane.bklyn-icon-tab-2-columns {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
column-gap: 40px;
}
}
.bklyn-icon-tabs-wrap .tab-content > .tab-pane > *:last-child {
margin-bottom: 0;
}
.bklyn-icon-tabs-wrap .tab-content > .active {
display:block;
-webkit-animation: fadeInFromNone 1s ease-in-out;
animation: fadeInFromNone 1s ease-in-out;
}
.bklyn-icon-tabs li a .bkly-icon-tab.bkly-custom-icon-tab {
line-height: inherit;
font-size: 32px;
}
.bkly-custom-icon-tab:after {
background-size: cover;
display: inline-block;
width: 64px;
height: 64px;
content: "";
background-repeat: no-repeat;
background-position: center center;
}
@-webkit-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
/* #Bklyn Progress Circles
================================================== */
.bkly-progress-circle-wrap h3 {
margin: 20px 0 0;
text-align: center;
}
.bkly-progress-circle.bkly-progress-circle-with-svg-icon svg:not(.bkly-progress-svg) {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.bkly-progress-svg {
display: block;
height: 180px;
margin: 0 auto;
overflow: hidden;
width: 180px;
-webkit-transform: rotate(-90deg) rotateX(180deg);
transform: rotate(-90deg) rotateX(180deg);
}
.bkly-progress-svg circle {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset 0.8s cubic-bezier(.42, 0, .58, 1);
-o-transition: stroke-dashoffset 0.8s cubic-bezier(.42, 0, .58, 1);
transition: stroke-dashoffset 0.8s cubic-bezier(.42, 0, .58, 1);
stroke: #151515;
stroke-width: 10px;
}
.bkly-progress-svg .stroke {
stroke: #f0f0f0;
stroke-width: 12px;
stroke-dashoffset: 502.4;
}
.bkly-progress-circle {
position: relative;
display: block;
text-align: center;
margin: 0;
overflow: hidden;
}
.bkly-progress-circle:before {
content: attr(data-circle-text);
position: absolute;
color: #151515;
top: 50%;
left: 50%;
font-size: 17px;
width: 140px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bkly-progress-circle:after {
content: attr(data-circle-percent) "%";
color: #151515;
position: absolute;
top: 65%;
left: 50%;
font-family: sans-serif;
font-size: 12px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bkly-progress-circle-no-percent.bkly-progress-circle:after {
display: none;
}
.bkly-progress-circle-no-percent.bkly-progress-circle:before {
top: 51%;
}
.bkly-progress-circle-icon .bkly-progress-circle:before {
position: absolute;
top: 200px;
left: 50%;
font-size: 18px;
line-height: 1.4;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: attr(data-circle-text);
}
.bkly-progress-circle-icon .bkly-progress-circle:after {
display: none;
}
.bkly-progress-circle-icon i {
position: absolute;
top: 52%;
left: 50%;
font-size: 60px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* Circle Style 2 */
.bkly-progress-circle-style-two.bkly-progress-circle:before {
display: none;
}
.bkly-progress-circle-style-two.bkly-progress-circle-with-custom-icon:after {
top: 50%;
width: 60px;
height: 100%;
content: "";
background-size: 100% auto;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.bkly-progress-circle-style-two.bkly-progress-circle-with-fa-icon:before,
.bkly-progress-circle-style-two.bkly-progress-circle-with-custom-icon:before {
top: 160px;
width: 180px;
margin-top: 20px;
text-align: center;
}
.bkly-progress-circle-style-two.bkly-progress-circle-with-fa-icon i {
position: absolute;
top: 52%;
left: 50%;
font-size: 60px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bkly-progress-circle-style-two.bkly-progress-circle-with-svg-icon:after,
.bkly-progress-circle-style-two.bkly-progress-circle-with-fa-icon:after {
content: "";
}
/* Circle Style 3 */
.bkly-progress-circle-style-three.bkly-progress-circle:before {
display: none;
}
.bkly-progress-circle-style-three.bkly-progress-circle:after {
top: 52%;
}
/* Center Circle */
.bkly-progress-circle-center {
margin: 0 auto;
}
/* #Social Follow Module
================================================== */
.ut-social-follow-module {
font-size: 16px;
margin: -10px 0 0 0;
list-style: none !important;
}
.ut-social-follow-module.ut-social-follow-module-center {
text-align: center;
}
.ut-social-follow-module.ut-social-follow-module-right {
text-align: right;
}
.ut-social-follow-module a,
.ut-social-follow-module a .fa {
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-social-follow-module li {
display: inline-block;
margin: 10px 20px 0 0;
text-align: center;
position: relative;
}
.ut-social-follow-module.ut-social-follow-module-40 {
margin: -10px 0 0 0;
}
.ut-social-follow-module.ut-social-follow-module-40 li {
margin: 10px 40px 0 0;
}
.ut-social-follow-module li:last-child {
margin-right: 0;
}
.ut-social-follow-module .ut-social-follow-round a {
display: block;
height: 40px;
line-height: 40px;
width: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.ut-social-follow-module .ut-social-follow-round a .fa,
.ut-social-follow-module .ut-social-follow-square a .fa,
.ut-social-follow-module .ut-social-follow-round-corners a .fa {
line-height: 40px;
}
.ut-social-follow-module .ut-social-follow-square a {
display: block;
height: 40px;
line-height: 40px;
width: 40px;
}
.ut-social-follow-module .ut-social-follow-round-corners a {
display: block;
height: 40px;
line-height: 40px;
width: 40px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.ut-social-follow-module .ut-social-follow-outline a {
-webkit-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
box-sizing: content-box;
}
.ut-social-follow-module .ut-social-follow-round-corners a,
.ut-social-follow-module .ut-social-follow-square a,
.ut-social-follow-module .ut-social-follow-round a {
background: #151515;
color: #FFFFFF;
}
.ut-social-follow-module .ut-social-follow-icon-only a {
display: block;
background: none !important;
color: #151515;
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.ut-social-follow-module.ut-social-follow-module-tablet-left {
text-align: left;
}
.ut-social-follow-module.ut-social-follow-module-tablet-center {
text-align: center;
}
.ut-social-follow-module.ut-social-follow-module-tablet-right {
text-align: right;
}
}
/* Mobile */
@media (max-width: 767px) {
.ut-social-follow-module.ut-social-follow-module-mobile-left {
text-align: left;
}
.ut-social-follow-module.ut-social-follow-module-mobile-center {
text-align: center;
}
.ut-social-follow-module.ut-social-follow-module-mobile-right {
text-align: right;
}
}
/* #Video Module
================================================== */
.ut-shortcode-video-wrap-left .ut-video-module {
margin: 0 auto 0 0;
}
.ut-shortcode-video-wrap-right .ut-video-module {
margin: 0 0 0 auto;
}
.ut-shortcode-video-wrap-center .ut-video-module {
margin: 0 auto;
float: none;
}
.ut-video-module {
position: relative;
}
.ut-video-module .ut-simple-html-5 {
width:100% !important;
}
.ut-video-module-border {
border: 1px solid #DDDDDD;
}
.ut-video-module-caption {
text-align: center;
position: relative;
}
.ut-video-module-caption .ut-load-video::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgb(20,22,24);
background: rgba(20,22,24, 0.5);
z-index: 10;
}
.ut-video-module-caption-text {
color: #FFFFFF;
display: table;
position: absolute;
top: 50%;
left: 50%;
padding: 20px;
width: 100%;
z-index: 20;
opacity: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-video-module-caption-text .ut-video-module-inner-caption-text {
display: table-cell;
vertical-align: middle;
}
.ut-video-module-caption-position-bottom > .ut-video-module-play-icon {
margin-right: 0;
}
.ut-video-module-caption-text .ut-video-module-caption-position-bottom > span {
display: block;
}
.ut-video-module-caption-text span {
display: inline-block;
font-size: 12px;
font-weight: bold;
}
.ut-video-module-play-icon {
background: #151515;
color: #FFFFFF;
position: relative;
height: 60px;
width: 60px;
vertical-align: middle;
display: inline-block;
text-align: center;
border-radius: 50%;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-video-module-play-icon-hidden .ut-video-module-play-icon {
display: none;
}
.ut-video-module-play-icon.ut-video-module-play-icon-square {
border-radius: 0;
}
.ut-video-module-play-icon.ut-video-module-play-icon-rectangle {
border-radius: 0;
width: 100px;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon {
height: 80px;
width: 80px;
font-size: 22px;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon.ut-video-module-play-icon-rectangle {
width: 120px;
}
.ut-video-module-caption-text i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.ut-video-module-loading {
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ut-video-play-animation-1,
.ut-video-play-animation-2,
.ut-video-play-animation-3,
.ut-video-play-animation-4 {
border-width: 1px;
border-style: solid;
height: 60px;
position: absolute;
width: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 0;
}
.ut-video-module-play-icon-large .ut-video-play-animation-1,
.ut-video-module-play-icon-large .ut-video-play-animation-2,
.ut-video-module-play-icon-large .ut-video-play-animation-3,
.ut-video-module-play-icon-large .ut-video-play-animation-4 {
height: 80px;
width: 80px;
}
.ut-video-play-animation-1 {
border-color: #FFFFFF;
}
.ut-video-play-animation-2 {
border-color: #FFFFFF;
}
.ut-video-play-animation-3 {
border-color: #FFFFFF;
}
.ut-video-play-animation-4 {
border-color: #FFFFFF;
}
.ut-video-play-animation-1.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 0.75s infinite normal none running ut-video-play-border-animation;
animation: 3s ease-in-out 0.75s infinite normal none running ut-video-play-border-animation;
}
.ut-video-play-animation-2.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 1.5s infinite normal none running ut-video-play-border-animation;
animation: 3s ease-in-out 1.5s infinite normal none running ut-video-play-border-animation;
}
.ut-video-play-animation-3.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 2.25s infinite normal none running ut-video-play-border-animation;
animation: 3s ease-in-out 2.25s infinite normal none running ut-video-play-border-animation;
}
.ut-video-play-animation-4.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 3.0s infinite normal none running ut-video-play-border-animation;
animation: 3s ease-in-out 3.0s infinite normal none running ut-video-play-border-animation;
}
.ut-video-module .ut-block-revealer-element,
.ut-video-module .ut-block-revealer-element-container {
z-index: 21;
}
@-webkit-keyframes ut-video-play-border-animation {
0% {
-webkit-transform: scale(1);
-moz-transofrom: scale(1);
transform: scale(1);
}
50% {
opacity: 0.7;
}
75% {
opacity: 0.1;
}
100% {
opacity: 0;
-webkit-transform: scale(2.5);
-moz-transofrom: scale(2.5);
transform: scale(2.5);
}
}
@keyframes ut-video-play-border-animation {
0% {
-webkit-transform: scale(1);
-moz-transofrom: scale(1);
transform: scale(1);
}
50% {
opacity: 0.7;
}
75% {
opacity: 0.1;
}
100% {
opacity: 0;
-webkit-transform: scale(2.5);
-moz-transofrom: scale(2.5);
transform: scale(2.5);
}
}
/* Mobile */
@media (max-width: 767px) {
.ut-video-module-caption-position-default .ut-video-module-play-icon,
.ut-video-module-caption-position-bottom .ut-video-module-play-icon {
margin: 0 auto !important;
}
.ut-video-module-caption-position-bottom span,
.ut-video-module-caption-position-default span {
display: none !important;
}
.ut-video-module-caption {
padding: 0 !important;
border: none !important;
}
.ut-video-module-shadow {
margin: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ut-video-play-animation-1,
.ut-video-play-animation-2,
.ut-video-play-animation-3,
.ut-video-play-animation-4 {
display: none;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon {
height: 60px;
width: 60px;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon.ut-video-module-play-icon-rectangle {
width: 100px;
}
.ut-shortcode-video-wrap-mobile-left .ut-video-module {
margin: 0 auto 0 0;
}
.ut-shortcode-video-wrap-mobile-right .ut-video-module {
margin: 0 0 0 auto;
}
.ut-shortcode-video-wrap-mobile-center .ut-video-module {
margin: 0 auto;
float: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-shortcode-video-wrap-tablet-left .ut-video-module {
margin: 0 auto 0 0;
}
.ut-shortcode-video-wrap-tablet-right .ut-video-module {
margin: 0 0 0 auto;
}
.ut-shortcode-video-wrap-tablet-center .ut-video-module {
margin: 0 auto;
float: none;
}
}
/* #Pricing Table Module
================================================== */
.ut-plan-module-wrap {
text-align: center;
background: #FFFFFF;
}
.ut-plan-module-border {
border-color: #DDDDDD;
}
.ut-plan-module-headline {
margin-bottom: 0;
}
.ut-plan-module-button,
.ut-plan-module-header,
.ut-plan-module-price-wrap,
.ut-plan-module-content {
padding: 20px;
}
.ut-plan-module-popular .ut-plan-module-header,
.ut-plan-module-popular .ut-plan-module-button {
padding: 40px;
}
.ut-plan-module-shadow {
-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
/* Mobile */
@media (max-width: 767px) {
.ut-plan-module-wrap .bklyn-btn-holder.bklyn-btn-center {
text-align: center;
}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.ut-plan-module-wrap .bklyn-btn-holder.bklyn-btn-center {
text-align: center;
}
}
/* End */
.ut-plan-module-button .bklyn-btn-holder a {
margin: 0;
}
.ut-plan-module-header,
.ut-plan-module-media,
.ut-plan-module-price-wrap,
.ut-plan-module-content {
border-bottom: 1px solid #DDDDDD;
}
.ut-plan-module-price,
.ut-plan-module-price-period {
display: block;
}
.ut-plan-module-content ul {
list-style: none !important;
margin: 0;
}
.ut-plan-module-price {
font-size: 60px;
font-family: sans-serif;
line-height: 100%;
font-weight: bold;
color: #151515;
}
.ut-plan-module-media img {
display: block;
margin: 0 auto;
}
.ut-column-with-popular-pricing-table {
z-index: 2;
}
/* Custom Link Module
================================================== */
.ut-custom-link-module {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-custom-link-module i {
line-height: 1;
}
.ut-custom-link-module-holder.ut-custom-link-module-with-animation i {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
display: inline-block;
}
.ut-custom-link-module-icon-before i {
margin-right:10px;
}
.ut-custom-link-module-icon-after i {
margin-left:10px;
}
.ut-custom-link-module i::before {
}
.ut-custom-link-module i.fa::before {
}
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-before .ut-custom-link-module i,
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-after .ut-custom-link-module i {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-before .ut-custom-link-module:hover i{
-webkit-transform: translate(5px,0);
-ms-transform: translate(5px,0);
transform: translate(5px,0);
}
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-after .ut-custom-link-module:hover i {
-webkit-transform: translate(5px,0);
-ms-transform: translate(5px,0);
transform: translate(5px,0);
}
/* Mobile */
@media (max-width: 767px) {
.ut-custom-link-module-holder {
text-align: center !important;
}
}
/* #Bklyn's Toggle and Accordion Module
================================================== */
.ut-accordion-module-heading {
cursor: pointer;
display: block;
margin-bottom: 0;
padding: 0 80px 0 0;
position: relative;
line-height: 150%;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.ut-accordion-module-with-counter .ut-accordion-module-heading::before {
border: 1px solid #EFEFEF;
content: attr(data-counter);
height: 40px;
margin-top: -20px;
line-height: 38px;
position: absolute;
left: 0;
text-align: center;
top: 50%;
width: 40px;
-webkit-background-clip: padding-box;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.ut-accordion-module .ut-accordion-module-heading::after {
font: normal normal normal 18px/1 FontAwesome;
content: "\f105";
position: absolute;
right: 0px;
top: 0%;
line-height: 150%;
}
.ut-accordion-module-item.open .ut-accordion-module-heading:after {
content: "\f107";
}
.ut-accordion-module-content {
overflow: hidden;
max-height: 0;
padding: 0 80px 0 0;
}
.ut-accordion-module .ut-accordion-module-item {
padding: 0 0 40px;
}
.ut-accordion-module .ut-accordion-module-item:last-child {
padding-bottom: 0;
}
.ut-accordion-module-inner {
padding-top: 20px;
line-height: 200%;
}
.ut-accordion-module-inner > *:last-child {
margin-bottom: 0;
}
.ut-accordion-module-inner > p:empty {
margin-bottom: 0;
}
/* With Counter */
.ut-accordion-module-with-counter .ut-accordion-module-heading,
.ut-accordion-module-with-counter .ut-accordion-module-content {
padding: 0 80px;
}
.ut-accordion-module.ut-accordion-module-with-counter .ut-accordion-module-item {
padding: 0 0 60px;
}
.ut-accordion-module.ut-accordion-module-with-counter:not(.ut-accordion-module-with-border) .ut-accordion-module-item:first-child {
padding-top: 10px;
}
.ut-accordion-module.ut-accordion-module-with-counter .ut-accordion-module-item:last-child {
padding-bottom: 0;
}
/* With Border */
.ut-accordion-module.ut-accordion-module-with-border .ut-accordion-module-item {
border-top: 1px solid #EFEFEF;
padding: 40px 0;
}
.ut-accordion-module.ut-accordion-module-with-border .ut-accordion-module-item:last-child {
border-bottom: 1px solid #EFEFEF;
padding-bottom: 40px;
}
.ut-accordion-module.ut-accordion-module-with-border .ut-accordion-module-heading::after {
right: 0;
}
/* With Background */
.ut-accordion-module.ut-accordion-module-with-background .ut-accordion-module-heading {
padding: 20px 80px 20px 20px;
}
.ut-accordion-module.ut-accordion-module-with-background .ut-accordion-module-content {
padding: 0 80px 0 20px;
}
.ut-accordion-module.ut-accordion-module-with-background .ut-accordion-module-heading::after {
right: 20px;
}
/* With Counter & Background */
.ut-accordion-module.ut-accordion-module-with-counter.ut-accordion-module-with-background .ut-accordion-module-heading {
padding: 20px 80px;
}
.ut-accordion-module.ut-accordion-module-with-counter.ut-accordion-module-with-background .ut-accordion-module-heading::before {
left: 20px;
}
.ut-accordion-module.ut-accordion-module-with-counter.ut-accordion-module-with-background .ut-accordion-module-heading::after {
right: 20px;
}
.ut-accordion-module.ut-accordion-module-with-counter.ut-accordion-module-with-background .ut-accordion-module-inner {
padding-top: 40px;
}
.ut-accordion-module.ut-accordion-module-with-counter.ut-accordion-module-with-background .ut-accordion-module-item {
padding: 0 0 40px;
}
.ut-accordion-module.ut-accordion-module-with-counter.ut-accordion-module-with-background .ut-accordion-module-item:last-child {
padding: 0 0 0;
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
.ut-accordion-module-with-counter .ut-accordion-module-heading, .ut-accordion-module-with-counter .ut-accordion-module-content {
padding: 0 20px 0 0;
}
.ut-accordion-module-with-counter .ut-accordion-module-heading::before {
display: none;
}
.ut-accordion-module-heading {
padding-left: 0;
padding-right: 0;
}
.ut-accordion-module .ut-accordion-module-content {
padding: 0;
}
}
/* #Bklyn Title Divider and Divider
================================================== */
.bklyn-divider, .bklyn-title-divider {
background-repeat: repeat-x;
background-position: center center;
}
.bklyn-title-divider {
margin-bottom: 80px;
position: relative;
overflow: hidden;
}
.bklyn-title-divider span {
display: inline-block;
padding: 0 20px;
position: relative;
vertical-align: baseline;
}
.bklyn-title-divider span::before, .bklyn-title-divider span::after {
content: "";
display: block;
position: absolute;
top: 50%;
width: 1160px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: center center;
}
.bklyn-title-divider span::before {
right: 100%;
}
.bklyn-title-divider span::after {
left: 100%;
}
.bklyn-title-divider-left {
text-align: left;
}
.bklyn-title-divider-left span {
padding-right: 20px;
padding-left: 0;
}
.bklyn-title-divider-right {
text-align: right;
}
.bklyn-title-divider-right span {
padding-left: 20px;
padding-right: 0;
}
.bklyn-title-divider-center {
text-align: center;
}
.bklyn-divider-style-1 span::before, .bklyn-divider-style-1 span::after {
background-image: url('../images/divider/divider1.png') !important;
height: 9px;
margin-top: -4.5px;
}
.bklyn-divider-style-2 span::before, .bklyn-divider-style-2 span::after {
background-image: url('../images/divider/divider2.png') !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-3 span::before, .bklyn-divider-style-3 span::after {
background-image: url('../images/divider/divider3.png') !important;
height: 7px;
margin-top: -3.5px;
}
.bklyn-divider-style-4 span::before, .bklyn-divider-style-4 span::after {
background-image: url('../images/divider/divider4.png') !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-5 span::before, .bklyn-divider-style-5 span::after {
background-image: url('../images/divider/divider5.png') !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-6 span::before, .bklyn-divider-style-6 span::after {
background-image: url('../images/divider/divider6.png') !important;
height: 4px;
margin-top: -2px;
}
.bklyn-divider-style-7 span::before, .bklyn-divider-style-7 span::after {
background-image: url('../images/divider/divider7.png') !important;
height: 2px;
margin-top: -1px;
}
.bklyn-divider-style-8 span::before, .bklyn-divider-style-8 span::after {
background-image: url('../images/divider/divider8.png') !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-9 span::before, .bklyn-divider-style-9 span::after {
background-image: url('../images/divider/divider9.png') !important;
height: 13px;
margin-top: -7.5px;
}
.bklyn-divider-style-10 span::before, .bklyn-divider-style-10 span::after {
background-image: url('../images/divider/divider10.png') !important;
height: 13px;
margin-top: -6.5px;
}
.bklyn-divider-style-11 span::before, .bklyn-divider-style-11 span::after {
background-image: url('../images/divider/divider11.png') !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-12 span::before, .bklyn-divider-style-12 span::after {
background-image: url('../images/divider/divider12.png') !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-13 span::before, .bklyn-divider-style-13 span::after {
background-image: url('../images/divider/divider13.png') !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-14 span::before, .bklyn-divider-style-14 span::after {
background-image: url('../images/divider/divider14.png') !important;
height: 7px;
margin-top: -3.5px;
}
.bklyn-divider-style-15 span::before, .bklyn-divider-style-15 span::after {
background-image: url('../images/divider/divider15.png') !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-16 span::before, .bklyn-divider-style-16 span::after {
background-image: url('../images/divider/divider16.png') !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-17 span::before, .bklyn-divider-style-17 span::after {
background-image: url('../images/divider/divider17.png') !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-18 span::before, .bklyn-divider-style-18 span::after {
background-image: url('../images/divider/divider18.png') !important;
height: 7px;
margin-top: -3.5px;
}
.bklyn-divider-style-19 span::before, .bklyn-divider-style-19 span::after {
background-image: url('../images/divider/divider19.png') !important;
height: 2px;
margin-top: -1px;
}
.bklyn-divider-style-20 span::before, .bklyn-divider-style-20 span::after {
background-image: url('../images/divider/divider20.png') !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-fancy-divider-style-1 {
height: 1px;
width: 100%;
background: #151515;
position: relative;
}
.bklyn-fancy-divider-style-1::after {
content: '';
position: absolute;
top: -1px;
left: 0;
width: 33%;
height: 3px;
background: #151515;
}
.bklyn-fancy-divider-style-2 {
height: 1px;
width: 125px;
background: #151515;
position: relative;
}
.bklyn-fancy-divider-style-2::before {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 40px;
height: 6px;
background: #151515;
clip-path: polygon(0 0, 40px 0, 0px 30px, 0 0);
}
.bklyn-fancy-divider {
-webkit-transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
opacity: 1;
}
.bklyn-fancy-divider::after,
.bklyn-fancy-divider::before {
-webkit-transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.bklyn-fancy-divider.bklyn-fancy-divider-animated,
.bklyn-fancy-divider.bklyn-fancy-divider-animated::after,
.bklyn-fancy-divider.bklyn-fancy-divider-animated::before {
width: 0;
opacity: 0;
}
/* Mobile */
@media (max-width: 767px) {
.bklyn-title-divider {
font-size: 18px;
line-height: 150%;
margin-bottom: 40px !important;
}
.bklyn-title-divider-mobile-left {
text-align: left;
}
.bklyn-title-divider-mobile-left span {
padding-left: 0;
padding-right: 20px;
}
.bklyn-title-divider-mobile-center {
text-align: center;
}
.bklyn-title-divider-mobile-center span {
padding-left: 20px;
padding-right: 20px;
}
.bklyn-title-divider-mobile-right {
text-align: right;
}
.bklyn-title-divider-mobile-right span {
padding-left: 20px;
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-title-divider-tablet-left {
text-align: left;
}
.bklyn-title-divider-tablet-left span {
padding-left: 0;
padding-right: 20px;
}
.bklyn-title-divider-tablet-center {
text-align: center;
}
.bklyn-title-divider-tablet-center span {
padding-left: 20px;
padding-right: 20px;
}
.bklyn-title-divider-tablet-right {
text-align: right;
}
.bklyn-title-divider-tablet-right span {
padding-left: 20px;
padding-right: 0;
}
}
/* #Bklyn Label Module
================================================== */
.ut-label-module-wrap {
margin: 0 0 35px;
list-style: none !important;
}
.ut-label-module-wrap-inline > li {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.ut-label-module-wrap-stack > li {
display: block;
margin-bottom: 5px;
}
.ut-label-module-wrap li:last-child {
margin-right: 0;
}
.ut-label-module-wrap-center li:last-child a,
.ut-label-module-wrap-left li:last-child a,
.ut-label-module-wrap-right li:last-child a {
margin-right: 0 !important;
}
.ut-label-module-wrap-left li:first-child a,
.ut-label-module-wrap-center li:first-child a,
.ut-label-module-wrap-right li:first-child a {
margin-left: 0;
}
.ut-label-module-wrap-left {
text-align: left;
}
.ut-label-module-wrap-center {
text-align: center;
}
.ut-label-module-wrap-right {
text-align: right;
}
.ut-label-module {
display: inline-block;
padding: 0.6em 1em;
vertical-align: baseline;
}
a.ut-label-module {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
/* Mobile */
@media (max-width: 767px) {
}
/* #Countdown Module
================================================== */
.ut-countdown-module-inline .countdown-section {
padding-right: 10px;
}
.ut-countdown-module-inline .countdown-section:last-child {
padding-right: 0;
}
.ut-countdown-module-inline .countdown-section .countdown-amount {
padding-right: 5px;
}
.ut-countdown-module.ut-countdown-module-compact {
text-align: center;
}
.ut-countdown-module-compact .countdown-section {
margin-right: 40px;
}
.ut-countdown-module-compact .countdown-section:last-child {
margin-right: 0;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section {
position: relative;
margin-right: 40px;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section:last-child {
margin-right: 0;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section::after {
content: ':';
position: absolute;
text-align: center;
top: 0;
right: -40px;
width: 40px;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section:last-child::after {
content: '';
display: none;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator.ut-countdown-module-right .countdown-section::after {
right: -40px;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator.ut-countdown-module-left .countdown-section::after {
right: -40px;
}
.ut-countdown-module-with-border .countdown-section {
padding: 40px;
width: 200px;
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
.ut-countdown-module-with-border .countdown-section {
margin-bottom: 40px;
}
.ut-countdown-module {
text-align: center !important;
line-height: 250% !important;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section::after {
font-size: 18px !important;
right: -15px;
width: auto;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section {
margin-right: 10px;
margin-left: 10px;
}
.ut-countdown-module-compact .countdown-amount {
font-size: 20px !important;
line-height: 100% !important;
margin-bottom: 5px;
}
.ut-countdown-module-compact .countdown-period {
font-size: 10px !important;
line-height: 100%;
}
}
/* Pie Chart CSS
================================================== */
.ut-pie-chart-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.ut-pie-chart-wrap .ut-pie-chart-container {
position: relative;
width: 100%;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left,
.ut-pie-chart-wrap.ut-pie-chart-legend-right {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left .ut-pie-chart-legend,
.ut-pie-chart-wrap.ut-pie-chart-legend-right .ut-pie-chart-legend {
-ms-flex: 1 0 auto;
-webkit-box-flex: 1;
flex: 1 0 auto;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left .ut-pie-chart-legend {
margin-right: 40px;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left .ut-pie-chart-legend ul {
float: right;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-right .ut-pie-chart-legend {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
margin-left: 40px;
}
.ut-pie-chart-wrap-align-center .ut-pie-chart-container {
margin: 0 auto;
}
.ut-pie-chart-wrap-align-right .ut-pie-chart-container {
margin: 0 0 0 auto;
}
.ut-pie-chart-with-legend-top .ut-pie-chart-legend {
margin-bottom: 40px;
}
.ut-pie-chart-with-legend-bottom .ut-pie-chart-legend {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
margin-top: 40px;
}
.ut-pie-chart-with-legend-bottom .ut-pie-chart {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.ut-pie-chart-legend-top-center .ut-pie-chart-legend {
margin: 0 auto 40px;
}
.ut-pie-chart-legend-bottom-center .ut-pie-chart-legend {
margin: 40px auto 0;
}
.ut-pie-chart-legend-top-right .ut-pie-chart-legend {
margin: 0 0 40px auto;
}
.ut-pie-chart-legend-bottom-right .ut-pie-chart-legend {
margin: 40px 0 0 auto;
}
.ut-pie-chart-legend {
}
.ut-pie-chart-legend ul {
list-style: none !important;
margin: 0;
}
.ut-pie-chart-legend-item span {
display: inline-block;
width: 20px;
height: 10px;
margin-right: 10px;
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
.ut-pie-chart-container {
max-width: 100% !important;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left,
.ut-pie-chart-wrap.ut-pie-chart-legend-right {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left .ut-pie-chart-legend,
.ut-pie-chart-wrap.ut-pie-chart-legend-right .ut-pie-chart-legend {
margin: 40px 0 0 0;
}
.ut-pie-chart-wrap.ut-pie-chart-legend-left .ut-pie-chart-legend,
.ut-pie-chart-wrap.ut-pie-chart-legend-right .ut-pie-chart-legend {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
}
/* Time Line
================================================== */
.ut-simple-time-line-wrap {
position: relative;
}
.ut-simple-time-line-wrap::before {
content: '';
position: absolute;
top: 0px;
left: 50%;
bottom: 0px;
width: 1px;
border-width: 1px;
border-style: dashed;
border-color: #EFEFEF;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.ut-simple-time-line {
width: calc(100% - 80px);
max-width: 800px;
margin: auto;
position: relative;
left: -5px;
}
/* in development variant 2
.ut-simple-time-line-event-title {
position: absolute;
width: 100%;
left: 150%;
right: auto;
float: left;
text-align: left;
}
.ut-simple-time-line-event:nth-child(2n) .ut-simple-time-line-event-title {
left: auto;
right: 150%;
float: right;
text-align: right
}
*/
.ut-simple-time-line-event-image {
margin-bottom: 20px;
}
.ut-simple-time-line-event {
clear: both;
float: left;
padding: 0;
position: relative;
text-align: right;
margin-bottom: 20px;
width: calc(50% - 80px);
}
.ut-simple-time-line-event:nth-child(2n) {
float: right;
text-align: left;
}
.ut-simple-time-line-event-marker-small,
.ut-simple-time-line-event-marker-large {
position: absolute;
width: 18px;
height: 18px;
border: 2px solid #1D1D1D;
background-color: #FFFFFF;
top: 27px;
right: -94px;
z-index: 1000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ut-simple-time-line-event:nth-child(2n) .ut-simple-time-line-event-marker-small {
left: -94px;
-webkit-transform: translate( 10px, -50% );
-ms-transform: translate( 10px, -50% );
transform: translate( 10px, -50% );
}
.ut-simple-time-line-event-marker-large {
right: -94px;
width: 36px;
height: 36px;
-webkit-transform: translate( 9px, -50% );
-ms-transform: translate( 9px, -50% );
transform: translate( 9px, -50% );
}
.ut-simple-time-line-event:nth-child(2n) .ut-simple-time-line-event-marker-large {
left: -94px;
-webkit-transform: translate( 1px, -50% );
-ms-transform: translate( 1px, -50% );
transform: translate( 1px, -50% );
}
.ut-marker-large-animation-1,
.ut-marker-large-animation-2,
.ut-marker-large-animation-3,
.ut-marker-large-animation-4 {
border-width: 1px;
border-style: solid;
height: 36px;
position: absolute;
width: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 0;
left:-2px;
top: -2px;
}
.ut-marker-large-animation-1 {
border-color: #FFFFFF;
}
.ut-marker-large-animation-2 {
border-color: #FFFFFF;
}
.ut-marker-large-animation-3 {
border-color: #FFFFFF;
}
.ut-marker-large-animation-4 {
border-color: #FFFFFF;
}
.ut-marker-large-animation-1.ut-marker-animation-on {
-webkit-animation: 3s ease-in-out 0.75s infinite normal none running ut-marker-border-animation;
animation: 3s ease-in-out 0.75s infinite normal none running ut-marker-border-animation;
}
.ut-marker-large-animation-2.ut-marker-animation-on {
-webkit-animation: 3s ease-in-out 1.5s infinite normal none running ut-marker-border-animation;
animation: 3s ease-in-out 1.5s infinite normal none running ut-marker-border-animation;
}
.ut-marker-large-animation-3.ut-marker-animation-on {
-webkit-animation: 3s ease-in-out 2.25s infinite normal none running ut-marker-border-animation;
animation: 3s ease-in-out 2.25s infinite normal none running ut-marker-border-animation;
}
.ut-marker-large-animation-4.ut-marker-animation-on {
-webkit-animation: 3s ease-in-out 3.0s infinite normal none running ut-marker-border-animation;
animation: 3s ease-in-out 3.0s infinite normal none running ut-marker-border-animation;
}
@-webkit-keyframes ut-marker-border-animation {
0% {
-webkit-transform: scale(1);
-moz-transofrom: scale(1);
transform: scale(1);
}
50% {
opacity: 0.7;
}
75% {
opacity: 0.1;
}
100% {
opacity: 0;
-webkit-transform: scale(2.5);
-moz-transofrom: scale(2.5);
transform: scale(2.5);
}
}
@keyframes ut-marker-border-animation {
0% {
-webkit-transform: scale(1);
-moz-transofrom: scale(1);
transform: scale(1);
}
50% {
opacity: 0.7;
}
75% {
opacity: 0.1;
}
100% {
opacity: 0;
-webkit-transform: scale(2.5);
-moz-transofrom: scale(2.5);
transform: scale(2.5);
}
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
.ut-simple-time-line-wrap::before,
.ut-simple-time-line-event-marker-small,
.ut-simple-time-line-event-marker-large {
display: none;
}
.ut-simple-time-line-event,
.ut-simple-time-line-event:nth-child(2n) {
float: none;
text-align: center;
width: 100%;
}
.ut-simple-time-line {
left: 0;
width: 100%;
}
}
/* Custom Heading Module (Custom Text)
================================================== */
div.ut-custom-heading-module > span > p:last-child {
margin-bottom: 0;
}
.ut-custom-heading-module-before-image {
display: inline-block;
vertical-align: baseline;
margin-right: 10px;
}
.ut-custom-heading-module-after-image {
display: inline-block;
vertical-align: baseline;
margin-left: 10px;
}
/* Phone & Small Tablets */
@media (max-width: 767px) {
.ut-custom-heading-module,
.vc_custom_heading {
text-align: center;
}
}
/* Fancy Link
================================================== */
/* Phone & Small Tablets */
@media (max-width: 767px) {
.cl-effect-18 {
font-size: inherit !important;
}
}
/* #Blog Grid Module
================================================== */
/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
.ut-blog-grid-module .ut-blog-grid .tablet-grid-50 {
width: 100%;
}
.ut-blog-grid-module .ut-blog-grid .tablet-grid-50 .post .ut-gallery-wrap ul li img,
.ut-blog-grid-module .ut-blog-grid .tablet-grid-50 .entry-thumbnail img {
width: 100%;
}
}
/* #ZigZag
================================================== */
/* Phone & Small Tablets */
@media (max-width: 767px) {
.vc-zigzag-wrapper.vc-zigzag-align-left,
.vc-zigzag-wrapper.vc-zigzag-align-right {
text-align: center;
}
}
/* #VC Icon
================================================== */
@media (max-width: 767px) {
.vc_icon_element-align-left,
.vc_icon_element-align-right {
text-align: center !important;
}
}
/* #Hover Box
================================================== */
.ut-hover-box {
position: relative;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-perspective:1000px;
perspective:1000px;
}
/* Ausgeschaltet weil evtl. fehlentscheidung
.ut-hover-box.ut-hover-box-flip-left,
.ut-hover-box.ut-hover-box-flip-right {
margin-top: 80px;
margin-bottom: 80px;
}
*/
.ut-hover-box .ut-hover-box-back,
.ut-hover-box .ut-hover-box-front {
min-height: 350px;
height: auto;
background-size: cover;
}
.ut-hover-box .ut-hover-box-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.ut-hover-box .ut-hover-box-back,
.ut-hover-box .ut-hover-box-front {
-webkit-transition:transform 0.7s cubic-bezier(.4,.2,.2,1);
-webkit-transition:-webkit-transform 0.7s cubic-bezier(.4,.2,.2,1);
transition:-webkit-transform 0.7s cubic-bezier(.4,.2,.2,1);
-o-transition:transform 0.7s cubic-bezier(.4,.2,.2,1);
transition:transform 0.7s cubic-bezier(.4,.2,.2,1);
transition:transform 0.7s cubic-bezier(.4,.2,.2,1), -webkit-transform 0.7s cubic-bezier(.4,.2,.2,1);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ut-hover-box .ut-hover-box-back .ut-hover-box-inner,
.ut-hover-box .ut-hover-box-front .ut-hover-box-inner {
position: absolute;
left: 0;
width: 100%;
padding: 40px;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 3;
}
.ut-hover-box-back-with-shadow,
.ut-hover-box-front-with-shadow {
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.38);
box-shadow: 0 0 20px rgba(0,0,0,0.38);
}
.ut-hover-box .ut-hover-box-inner > .vc_icon_element,
.ut-hover-box .ut-hover-box-inner > .bklyn-btn-holder a,
.ut-hover-box .ut-hover-box-inner > .wpb_content_element,
.ut-hover-box .ut-hover-box-inner > .ut-btn-group .bklyn-btn-holder a {
margin-bottom: 20px;
}
.ut-hover-box .ut-hover-box-inner > .bklyn-btn-holder:last-child a,
.ut-hover-box .ut-hover-box-inner > .wpb_content_element:last-child,
.ut-hover-box .ut-hover-box-inner > .vc_icon_element:last-child,
.ut-hover-box .ut-hover-box-inner > .ut-custom-heading-module:last-child,
.ut-hover-box .ut-hover-box-inner > .ut-btn-group:last-child .bklyn-btn-holder.bklyn-btn-last a {
margin-bottom: 0;
}
.ut-hover-box .ut-hover-box-back .ut-hover-box-inner,
.ut-hover-box .ut-hover-box-front .ut-hover-box-inner {
-ms-transform: translateY(-50%) translateZ(60px) scale(.94);
-webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
transform: translateY(-50%) translateZ(60px) scale(.94);
top: 50%;
-webkit-transition:opacity 0.7s cubic-bezier(.4,.2,.2,1);
-o-transition:opacity 0.7s cubic-bezier(.4,.2,.2,1);
transition:opacity 0.7s cubic-bezier(.4,.2,.2,1);
}
.ut-hover-box .ut-hover-box-back .ut-hover-box-inner {
opacity: 0;
}
.ut-hover-box:hover .ut-hover-box-back .ut-hover-box-inner {
opacity: 1;
}
.ut-hover-box .ut-hover-box-front .ut-hover-box-inner {
opacity: 1;
}
.ut-hover-box:hover .ut-hover-box-front .ut-hover-box-inner {
opacity: 0;
}
.ut-hover-box .bklyn-btn {
-ms-transform:translateZ(0);
-webkit-transform:translateZ(0);
transform:translateZ(0);
}
/* #Hover Box - Flip Left
================================================== */
.ut-hover-box.ut-hover-box-flip-left .ut-hover-box-front {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.ut-hover-box.ut-hover-box-flip-left:hover .ut-hover-box-front {
-ms-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.ut-hover-box.ut-hover-box-flip-left .ut-hover-box-back {
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ut-hover-box.ut-hover-box-flip-left:hover .ut-hover-box-back {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* #Hover Box - Flip Right
================================================== */
.ut-hover-box.ut-hover-box-flip-right .ut-hover-box-front {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.ut-hover-box.ut-hover-box-flip-right:hover .ut-hover-box-front {
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ut-hover-box.ut-hover-box-flip-right .ut-hover-box-back {
-ms-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.ut-hover-box.ut-hover-box-flip-right:hover .ut-hover-box-back {
-ms-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* #Hover Box - Flip Top
================================================== */
.ut-hover-box.ut-hover-box-flip-top .ut-hover-box-front {
-ms-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.ut-hover-box.ut-hover-box-flip-top:hover .ut-hover-box-front {
-ms-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ut-hover-box.ut-hover-box-flip-top .ut-hover-box-back {
-ms-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.ut-hover-box.ut-hover-box-flip-top:hover .ut-hover-box-back {
-ms-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* #Hover Box - Flip Bottom
================================================== */
.ut-hover-box.ut-hover-box-flip-bottom .ut-hover-box-front {
-ms-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.ut-hover-box.ut-hover-box-flip-bottom:hover .ut-hover-box-front {
-ms-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.ut-hover-box.ut-hover-box-flip-bottom .ut-hover-box-back {
-ms-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ut-hover-box.ut-hover-box-flip-bottom:hover .ut-hover-box-back {
-ms-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
/* #Draw Icons Visual Composer Module
================================================== */
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xs .vc_icon_element-icon svg {
width: 20px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm .vc_icon_element-icon svg {
width: 30px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon svg {
width: 40px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon svg {
width: 50px;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon svg {
width: 60px;
}
/* #Blog Grid Module
================================================== */
.ut-blog-grid-module {
margin: 0 -10px;
}
/* temporary */
.ut-blog-grid-module .wp-post-image {
width: 100%;
margin: 0 auto;
}
.ut-blog-grid .entry-thumbnail {
overflow: visible;
}
.ut-blog-grid .entry-thumbnail figure {
overflow: hidden;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
/* #Reveal FX
================================================== */
.ut-block-revealer-element,
.ut-block-revealer-element-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
pointer-events: none;
opacity: 0;
z-index: 3;
}
.ut-block-revealer-element-container {
opacity: 1;
background: transparent;
overflow: hidden;
}
.ut-element-with-block-reveal .ut-parallax-icon,
.ut-element-with-block-reveal .ut-parallax-quote-name,
.ut-element-with-block-reveal .ut-parallax-quote-title {
opacity: 0;
}
.ut-block-reveal-hide > *:not(.ut-block-revealer-content):not(.ut-block-revealer-element-container) {
opacity: 0;
}
/* #Element Reveal FX
================================================== */
@media (min-width: 1024px) {
.ut-element-revealer {
position: absolute !important;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.ut-element-revealer-parent-shadow .ut-element-revealer {
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
}
.ut-element-revealer-inner {
position: relative;
height: 100%;
}
.ut-element-revealer.ut-reveal-in-front {
z-index: 10;
}
.ut-element-revealer-ready > .ut-element-revealer {
pointer-events: none;
}
/* Hide Elements and Background Images */
.ut-element-revealer-parent:not(.vc_row):not(.ut-element-revealer-covered) {
background: none !important;
}
.ut-element-revealer-parent:not(.ut-element-revealer-in-back-parent) > *:not(.ut-element-revealer) {
visibility: hidden;
pointer-events: none;
}
.ut-element-revealer-parent.ut-element-revealer-parent-shadow:not(.ut-element-revealer-in-back-parent):not(.ut-element-revealer-covered) > *.ut-column-shadow {
box-shadow: 0 0 20px rgba(2,2,2,0) !important;
}
/* Visibility Exceptions (rows) */
.vc_row[data-vc-full-width].vc_row_centered_content.ut-element-revealer-parent-default .parallax-scroll-container {
visibility: visible;
}
.vc_row[data-vc-full-width].ut-element-revealer-parent-full:not(.ut-element-revealer-covered) {
background: none !important;
}
.vc_row[data-vc-full-width].ut-element-revealer-parent-full:not(.ut-element-revealer-covered) .parallax-scroll-container {
visibility: hidden;
}
/* End Visibility Exceptions (rows) */
.ut-element-revealer-parent:not(.ut-element-revealer-in-back-parent).ut-element-revealer-covered > *:not(.ut-element-revealer) {
visibility: visible;
pointer-events: auto;
}
.ut-element-revealer-parent > *:not(.ut-element-revealer):not(.bklyn-overlay-effect):not(.parallax-scroll-container):not(.ut-top-padding-indicator):not(.ut-bottom-padding-indicator):not(.ut-video-container) {
position: relative;
z-index: 1;
}
.ut-element-revealer.ut-element-reveal-infinite .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-reveal-infinite .ut-element-revealer-inner:after {
animation-iteration-count: infinite;
}
.ut-element-revealer.ut-reveal-in-before .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-after .ut-element-revealer-inner:after {
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
z-index: 10;
animation-timing-function: ease;
}
.ut-element-revealer.ut-reveal-in-back.ut-reveal-in-after .ut-element-revealer-inner:after,
.ut-element-revealer.ut-reveal-in-back.ut-reveal-in-before .ut-element-revealer-inner:before {
z-index: -1;
}
/* Easings */
.ut-element-revealer.ut-element-revealer-ease.ut-reveal-in-before .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease.ut-reveal-in-after .ut-element-revealer-inner:after {
animation-timing-function: ease;
}
.ut-element-revealer.ut-element-revealer-ease-in .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease-in .ut-element-revealer-inner:after {
animation-timing-function: ease-in;
}
.ut-element-revealer.ut-element-revealer-ease-out .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease-out .ut-element-revealer-inner:after {
animation-timing-function: ease-out;
}
.ut-element-revealer.ut-element-revealer-ease-in-out .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease-in-out .ut-element-revealer-inner:after {
animation-timing-function: ease-in-out;
}
.ut-element-revealer.ut-element-revealer-quantic .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-quantic .ut-element-revealer-inner:after {
animation-timing-function: cubic-bezier(.85,0,.12,1);
}
/* Animation Speed */
.ut-element-revealer.ut-element-revealer-default.ut-reveal-in-before .ut-element-revealer-inner:before {
animation-duration: 1.8s;
}
.ut-element-revealer.ut-element-revealer-default.ut-reveal-in-before .ut-element-revealer-inner:after {
animation-duration: 1s;
animation-delay: .6s;
}
.ut-element-revealer.ut-element-revealer-slow.ut-reveal-in-before .ut-element-revealer-inner:before {
animation-duration: 2.8s;
}
.ut-element-revealer.ut-element-revealer-slow.ut-reveal-in-before .ut-element-revealer-inner:after {
animation-duration: 2s;
animation-delay: .6s;
}
.ut-element-revealer.ut-element-revealer-fast.ut-reveal-in-before .ut-element-revealer-inner:before {
animation-duration: 1s;
}
.ut-element-revealer.ut-element-revealer-fast.ut-reveal-in-before .ut-element-revealer-inner:after {
animation-duration: .5s;
animation-delay: .3s;
}
/* in only */
.ut-element-revealer.ut-reveal-in-only .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-only .ut-element-revealer-inner:after {
animation-fill-mode: forwards;
}
/* Left to Right */
.ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: LtoRRevealKeyframe;
}
.ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: LtoRRevealInOnlyKeyframe;
}
/* Right to Left */
.ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: RtoLRevealKeyframe;
}
.ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: RtoLRevealInOnlyKeyframe;
}
/* Top to Bottom */
.ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: TtoBRevealKeyframe;
width: 100%;
height: 0;
}
.ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: TtoBRevealInOnlyKeyframe;
}
/* Bottom to Top */
.ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: BtoTRevealKeyframe;
width: 100%;
height: 0;
bottom: 0;
top: initial;
}
.ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: BtoTRevealInOnlyKeyframe 1.8s ease;
}
/* After Default */
.ut-element-revealer.ut-reveal-in-after .ut-element-revealer-inner:after {
background-color: #151515;
animation-delay: .5s;
}
.vc_row > .ut-element-revealer .ut-element-revealer-inner:before,
.vc_row > .ut-element-revealer .ut-element-revealer-inner:after {
}
/* Left to Right in only */
@-webkit-keyframes LtoRRevealInOnlyKeyframe {
0% {
width: 0;
left: 0;
}
100% {
width: 100%;
left: 0;
}
}
@keyframes LtoRRevealInOnlyKeyframe {
0% {
width: 0;
left: 0;
}
100% {
width: 100%;
left: 0;
}
}
/* Left to Right in and out */
@-webkit-keyframes LtoRRevealKeyframe {
0% {
width: 0;
left: 0;
}
65% {
width: 100%;
left: 0;
}
100% {
width: 0;
left: 100%;
}
}
@keyframes LtoRRevealKeyframe {
0% {
width: 0;
left: 0;
}
65% {
width: 100%;
left: 0;
}
100% {
width: 0;
left: 100%;
}
}
/* Right to Left in only */
@-webkit-keyframes RtoLRevealInOnlyKeyframe {
0% {
width: 0;
right: 0;
}
100% {
width: 100%;
right: 0;
}
}
@keyframes RtoLRevealInOnlyKeyframe {
0% {
width: 0;
right: 0;
}
100% {
width: 100%;
right: 0;
}
}
/* Right to Left in and out */
@-webkit-keyframes RtoLRevealKeyframe {
0% {
width: 0;
right: 0;
}
65% {
width: 100%;
right: 0;
}
100% {
width: 0;
right: 100%;
}
}
@keyframes RtoLRevealKeyframe {
0% {
width: 0;
right: 0;
}
65% {
width: 100%;
right: 0;
}
100% {
width: 0;
right: 100%;
}
}
/* Top to Bottom in only */
@-webkit-keyframes TtoBRevealInOnlyKeyframe {
0% {
height: 0;
top: 0;
}
100% {
height: 100%;
top: 0;
}
}
@keyframes TtoBRevealInOnlyKeyframe {
0% {
height: 0;
top: 0;
}
100% {
height: 100%;
top: 0;
}
}
/* Top to Bottom in and out */
@-webkit-keyframes TtoBRevealKeyframe {
0% {
height: 0;
top: 0;
}
65% {
height: 100%;
top: 0;
}
100% {
height: 0;
top: 100%;
}
}
@keyframes TtoBRevealKeyframe {
0% {
height: 0;
top: 0;
}
65% {
height: 100%;
top: 0;
}
100% {
height: 0;
top: 100%;
}
}
/* Bottom to Top in only */
@-webkit-keyframes BtoTRevealInOnlyKeyframe {
0% {
height: 0;
bottom: 0;
}
100% {
height: 100%;
bottom: 0;
}
}
@keyframes BtoTRevealInOnlyKeyframe {
0% {
height: 0;
bottom: 0;
}
100% {
height: 100%;
bottom: 0;
}
}
/* Bottom to Top in and out */
@-webkit-keyframes BtoTRevealKeyframe {
0% {
height: 0;
bottom: 0;
}
65% {
height: 100%;
bottom: 0;
}
100% {
height: 0;
bottom: 100%;
}
}
@keyframes BtoTRevealKeyframe {
0% {
height: 0;
bottom: 0;
}
65% {
height: 100%;
bottom: 0;
}
100% {
height: 0;
bottom: 100%;
}
}
}
/* #Box Shadows
================================================== */
.ut-box-shadow-container,
.ut-box-shadow-container-inner {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.ut-box-shadow-container-inner {
background: #FFF;
}
.ut-video-module-shadow {
-webkit-box-shadow:0 0 20px;
box-shadow: 0 0 20px;
color: rgba(0, 0, 0, 0.35);
}
/* Shadow 1 */
.ut-box-shadow-1 {
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
.ut-box-shadow-1-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-1-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-1-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-1-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-1-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-1-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-1-gap-40 {
padding: 0 40px 25px 0;
}
/* Shadow 2 */
.ut-box-shadow-2 {
position: relative;
}
.ut-box-shadow-2:before,
.ut-box-shadow-2:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.ut-box-shadow-2:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.ut-box-shadow-2-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-2-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-2-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-2-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-2-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-2-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-2-gap-40 {
padding: 0 40px 25px 0;
}
/* Shadow 3 */
.ut-box-shadow-3 {
position: relative;
}
.ut-box-shadow-3:before {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.ut-box-shadow-3-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-3-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-3-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-3-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-3-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-3-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-3-gap-40 {
padding: 0 40px 25px 0;
}
/* Shadow 4 */
.ut-box-shadow-4 {
position: relative;
}
.ut-box-shadow-4:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
right: 10px;
left: auto;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
.ut-box-shadow-4-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-4-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-4-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-4-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-4-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-4-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-4-gap-40 {
padding: 0 40px 25px 0;
}
/* Shadow 5 */
.ut-box-shadow-5 {
position: relative;
}
.ut-box-shadow-5:before,
.ut-box-shadow-5:after {
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 35px 20px #777;
-moz-box-shadow: 0 35px 20px #777;
box-shadow: 0 35px 20px #777;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.ut-box-shadow-5:after {
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
right: 10px;
left: auto;
}
.ut-box-shadow-5-spacing {
padding: 0 4px 40px 4px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-5-gap-15 {
padding: 0 7px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-5-gap-20 {
padding: 0 12px 0 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-5-gap-25 {
padding: 0 17px 0 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-5-gap-30 {
padding: 0 22px 0 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-5-gap-35 {
padding: 0 27px 0 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-5-gap-40 {
padding: 0 32px 0 0;
}
/* Shadow 6 */
.ut-box-shadow-6 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ut-box-shadow-6:before,
.ut-box-shadow-6:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.ut-box-shadow-6:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.ut-box-shadow-6-spacing {
padding: 4px 10px 22px 10px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-6-gap-15 {
padding: 0 5px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-6-gap-20 {
padding: 0 10px 0 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-6-gap-25 {
padding: 0 15px 3px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-6-gap-30 {
padding: 0 20px 8px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-6-gap-35 {
padding: 0 25px 13px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-6-gap-40 {
padding: 0 30px 18px 0;
}
/* Shadow 7 */
.ut-box-shadow-7 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ut-box-shadow-7:before,
.ut-box-shadow-7:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.ut-box-shadow-7:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.ut-box-shadow-7-spacing {
padding: 22px 14px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-7-gap-15 {
padding: 0 0 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-7-gap-20 {
padding: 0 0 0 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-7-gap-25 {
padding: 0 3px 0 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-7-gap-30 {
padding: 0 2px 8px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-7-gap-35 {
padding: 0 7px 13px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-7-gap-40 {
padding: 0 12px 18px 0;
}
/* Shadow 8 */
.ut-box-shadow-8 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ut-box-shadow-8:before,
.ut-box-shadow-8:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.ut-box-shadow-8:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.ut-box-shadow-8-spacing {
padding: 12px 21px 10px 21px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-8-gap-15 {
padding: 0 0 5px 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-8-gap-20 {
padding: 0 0 10px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-8-gap-25 {
padding: 0 0 15px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-8-gap-30 {
padding: 0 0 20px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-8-gap-35 {
padding: 0 0 25px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-8-gap-40 {
padding: 0 0 30px 0;
}
/* Shadow with lazy load */
.ut-box-shadow-lazy {
-webkit-transition: opacity 0.8s ease-out;
-moz-transition: opacity 0.8s ease-out;
transition: opacity 0.8s ease-out;
opacity: 0;
}
.ut-block-revealer .ut-box-shadow-container {
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
opacity: 0;
}
.ut-block-revealer.ut-block-revealed .ut-box-shadow-container,
.ut-image-gallery-item.appeared .ut-box-shadow-lazy.ut-box-shadow-ready {
opacity: 1;
}
.ut-box-shadow-container + img,
.ut-box-shadow-container + .ut-animated-image-zoom {
position: relative;
z-index: 1;
}
.ut-box-shadow-container + img + div,
.ut-box-shadow-container + .ut-animated-image-zoom + div{
z-index: 2;
}
/* #Flickity Module
================================================== */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
color: #151515;
border: 1px solid #DDD !important;
background: transparent;
padding: 0;
}
.flickity-button-icon {
display: none;
}
.flickity-button:hover {
background: transparent;
color: #151515;
opacity: 0.5;
}
.flickity-button::before {
font-family: FontAwesome;
font-size: 18px;
line-height: 25px;
}
.flickity-button.flickity-prev-next-button.next::before {
content: '\f105';
}
.flickity-button.flickity-prev-next-button.previous::before {
content: '\f104';
}
.flickity-button:hover {
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: none;
background: none;
color: #151515;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
transform: translateY(-50%);
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #DDD;
border-radius: 50%;
cursor: pointer;
-webkit-transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.flickity-page-dots .dot.is-selected {
background: #151515;
}
/* Video Container */
.ut-video-container::after {
content: "";
display: block;
height: 0;
padding-bottom: 56.25%;
}
.ut-video-container video,
.ut-video-container canvas,
.ut-youtube-video-container.mbYTP_wrapper {
opacity: 0 !important;
-webkit-transition: opacity 0.35s ease-in-out !important;
-moz-transition: opacity 0.35s ease-in-out !important;
transition: opacity 0.35s ease-in-out !important;
animation-fill-mode: none;
animation: none;
}
.ut-video-is-playing video,
.ut-video-is-playing canvas,
.ut-video-is-playing.mbYTP_wrapper {
opacity: 1 !important;
}
.ut-video-is-playing .ut-morphbox-ready.ut-morph-active video {
opacity: 0 !important;
}
.ut-video-container .ut-video-poster {
position: absolute;
top: 0;
z-index: 1;
opacity: 1;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
.ut-video-container.ut-video-object-fit .ut-video-poster {
object-fit: cover;
height: inherit;
width: 100%;
}
.ut-video-container.ut-video-is-playing .ut-video-poster {
opacity: 0;
}
.ut-video-container.ut-video-container-fixed {
position: fixed;
}
.parallax-scroll-container .mbYTP_wrapper,
.parallax-scroll-container .vimelar-container {
z-index: 1 !important;
}
#ut-hero .parallax-scroll-container .mbYTP_wrapper iframe {
height: 100% !important;
width: 100% !important;
}
/* Text Appear Animation */
[data-appear-effect] {
visibility: hidden;
}
[data-appear-effect].ut-effect-letter-animated {
visibility: visible;
}
.ut-effect-letter-split span {
display: inline-block;
}
.ut-effect-letter {
display: inline-block;
}
[data-appear-effect="effect-12"] {
position: relative;
}
[data-appear-effect="effect-12"] .ut-pipe {
opacity: 0;
position: absolute;
left: 0;
height: 100%;
width: 3px;
background-color: #fff;
transform-origin: 0 50%;
}
[data-appear-effect="effect-12"] .ut-pipe {
top: 0;
left: 0;
}
/* Morph Box */
#ut-morph-box-app,
#ut-morph-box-full {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
transform: translate3d(0,0,0);
}
#ut-morph-box-app.active {
pointer-events: auto;
}
#ut-morph-box-app canvas {
pointer-events: none;
}
#ut-morph-box-app {
z-index: 10001 !important;
}
#ut-morph-box-full {
z-index: 10003;
}
.ut-morph-box-item {
position: absolute;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
visibility: hidden;
padding: 80px;
}
.ut-morph-box-item img {
visibility: hidden;
z-index: -1;
pointer-events: none;
}
.ut-morph-box-item-wrap {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
padding: 20px;
background: rgba(0,0,0,0.2);
opacity: 0;
width: 100%;
pointer-events: auto;
}
.ut-morph-box-item-wrap p {
margin-bottom: 0;
font-size: 12px;
color: #FFF;
line-height: 150%;
}
@media (min-width: 960px) {
.ut-morph-box-item-wrap {
padding: 30px;
width: 320px;
}
}
@media (min-width: 1440px) {
.ut-morph-box-item-wrap {
padding: 40px;
width: 480px;
}
.ut-morph-box-item-wrap p {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.ut-morph-box-item-wrap {
padding: 70px;
}
}
.ut-morph-box-item-wrap h3 {
margin: 0;
color: #FFF;
line-height: 125%;
font-size: 20px;
margin-bottom: 5px;
}
@media (min-width: 1440px) {
.ut-morph-box-item-wrap h3 {
font-size: 30px;
}
}
.ut-morph-box-item.ut-morph-box-item-active {
visibility: visible;
}
#ut-morph-box-close {
display: none;
}
.ut-morph-box-close {
pointer-events: auto;
width: 40px;
height: 40px;
position: absolute;
right: 40px;
top: 40px;
fill: #FFF;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
border-radius: 50%;
}
.ut-morph-box-full-image {
display: none;
}
.ut-morph-box-small-image {
object-fit: cover;
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
visibility: hidden;
pointer-events: none;
}
.ut-morph-active [data-image-caption] {
opacity: 0;
}
/* Sticky Footer */
#ut-custom-contact-section.sticky {
position: fixed;
bottom: 0;
width: 100%;
display: block;
}
#ut-stick-contact-section-placeholder {
display: block;
position: relative;
}
/* Skewed Image Border */
.ut-skewed-image-border {
position: relative;
height: 478px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: calc(100% + 185px);
left: -85px;
margin-bottom: 40px;
}
.ut-skewed-image-border-slice {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
margin-left: -2px;
position: relative;
}
.ut-skewed-image-border-slice img {
display: block;
position: absolute;
width: calc(100% + 174px);
left: -87px;
height: 100%;
min-height: auto;
-o-object-fit: cover;
object-fit: cover;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
max-width: inherit;
}
.ut-skewed-image-border.ut-skewed-image-border-separated .ut-skewed-image-border-slice {
border-right: 1px solid #FFF;
margin-left: 0;
}
@media (max-width: 767px) {
.ut-skewed-image-border {
height: 188px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-skewed-image-border {
height: 300px;
}
}
/* UNITED THEMES Information Box */
.vc_row-o-equal-height .ut-contains-information-box {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.vc_row-o-equal-height .ut-contains-information-box.ut-contains-information-box-mixed {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row-o-equal-height .ut-contains-information-box > .ut-information-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.vc_row-o-equal-height.vc_row-o-content-middle .ut-contains-information-box-mixed > *:not(.ut-information-box) {
margin: auto;
}
.vc_row-o-equal-height.vc_row-o-content-bottom .ut-contains-information-box-mixed > *:not(.ut-information-box) {
margin: auto auto 0 auto;
}
.vc_row-o-equal-height .ut-contains-information-box > .ut-information-box.ut-information-box-no-siblings {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ut-information-box-image-wrap {
position: relative;
overflow: hidden;
max-width: 100%;
min-height: 400px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 30px;
width: 100%;
}
.ut-information-box-image-wrap::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 0;
-webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.ut-information-box-image-wrap:hover::after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.ut-information-box-inner-wrap {
max-width: 100%;
position: relative;
z-index: 1;
}
.ut-information-box-inner-overlay {
padding: 30px;
width: 450px;
max-width: 100%;
}
/* Start Query */
@media (min-width: 901px) {
.ut-information-box-inner-overlay {
padding: 40px;
}
.ut-information-box-image-wrap {
min-height: 500px;
}
}
@media (min-width: 1440px) {
.ut-information-box-inner-overlay {
padding: 70px;
}
.ut-information-box-image-wrap {
padding: 40px;
}
.ut-information-box-image-wrap {
min-height: 600px;
}
}
/* End Query */
/* #Bklyn Word Rotator
================================================== */
.ut-word-rotator-no-cursor .ut-word-rotator-cursor {
visibility: hidden;
}
.ut-word-rotator-cursor {
-webkit-animation: ut-typewriter-cursor 1s infinite;
animation: ut-typewriter-cursor 1s infinite;
margin-left: 1px
}
@-webkit-keyframes ut-typewriter-cursor {
0% {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes ut-typewriter-cursor {
0% {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
/* #Bklyn Typewriter
================================================== */
ut-typewriter-1,
ut-typewriter-2 {
display: none;
}
ut-typewriter-1.ut-typewriter-ready,
ut-typewriter-2.ut-typewriter-ready {
display: inline-block;
}
#ut-hero .hero-title ut-typewriter-1.ut-typewriter-ready,
#ut-hero .hero-title ut-typewriter-2.ut-typewriter-ready {
display: block;
}
/* #BKLYN Contact Form 7 Light Skin
================================================== */
.ut-cf7-light-skin label,
.ut-cf7-light-skin .wpcf7-list-item-label {
color: #b2b2b6;
}
.ut-cf7-light-skin input,
.ut-cf7-light-skin textarea {
border-color: rgba(255,255,255,0.15)
}
.ut-cf7-light-skin select {
color: #b2b2b6;
border-color: rgba(255,255,255,0.15)
}
.ut-cf7-light-skin select[multiple] option {
color: #b2b2b6;
}
.ut-cf7-light-skin select:focus {
color: #b2b2b6;
border-color: rgba(255,255,255,0.30);
}
.ut-cf7-light-skin select option {
color: #151515;
}
.ut-cf7-light-skin input:hover,
.ut-cf7-light-skin textarea:hover {
border-color: rgba(255,255,255,0.30);
}
.ut-cf7-light-skin input:focus,
.ut-cf7-light-skin input:active,
.ut-cf7-light-skin textarea:active,
.ut-cf7-light-skin textarea:focus {
border-color: rgba(255,255,255,0.30);
color: #b2b2b6;
}
.ut-cf7-light-skin .wpcf7-list-item-label a {
color: rgba(255,255,255,0.30);
}
.ut-cf7-light-skin .wpcf7-list-item-label a:hover {
color: rgba(255,255,255,1);
}
.ut-cf7-light-skin button,
.ut-cf7-light-skin input[type="submit"],
.ut-cf7-light-skin input[type="button"],
.ut-cf7-light-skin input[type="submit"] {
color: #151515 !important;
background: #FFFFFF !important;
}
.ut-cf7-light-skin button:hover,
.ut-cf7-light-skin button:focus,
.ut-cf7-light-skin input[type="submit"]:hover,
.ut-cf7-light-skin input[type="submit"]:focus,
.ut-cf7-light-skin input[type="button"]:hover,
.ut-cf7-light-skin input[type="button"]:focus {
color: #FFFFFF !important;
background: #151515 !important;
}
/* #BKLYN Contact Form 7 Dark Skin
================================================== */
.ut-cf7-dark-skin label,
.ut-cf7-dark-skin .wpcf7-list-item-label {
color: #151515;
}
.ut-cf7-dark-skin input,
.ut-cf7-dark-skin textarea {
border-color: rgba(21,21,21,0.15);
color: rgba(21,21,21,0.75);
}
.ut-cf7-dark-skin select {
border-color: rgba(21,21,21,0.15);
color: rgba(21,21,21,0.75);
}
.ut-cf7-dark-skin select[multiple] option {
color: #151515;
}
.ut-cf7-dark-skin input:hover,
.ut-cf7-dark-skin textarea:hover {
border-color: rgba(21,21,21,0.30);
}
.ut-cf7-dark-skin input:focus,
.ut-cf7-dark-skin input:active,
.ut-cf7-dark-skin textarea:active,
.ut-cf7-dark-skin textarea:focus {
border-color: rgba(21,21,21,0.30);
color: #151515;
}
.ut-cf7-dark-skin .wpcf7-list-item-label a {
border-color: rgba(21,21,21,0.15);
}
.ut-cf7-dark-skin .wpcf7-list-item-label a:hover {
border-color: rgba(21,21,21,0.30);
}
.ut-cf7-dark-skin button,
.ut-cf7-dark-skin input[type="submit"],
.ut-cf7-dark-skin input[type="button"],
.ut-cf7-dark-skin input[type="submit"] {
color: #FFFFFF !important;
background: #151515 !important;
}
.ut-cf7-dark-skin button:hover,
.ut-cf7-dark-skin button:focus,
.ut-cf7-dark-skin input[type="submit"]:hover,
.ut-cf7-dark-skin input[type="submit"]:focus,
.ut-cf7-dark-skin input[type="button"]:hover,
.ut-cf7-dark-skin input[type="button"]:focus {
color: #FFFFFF !important;
background: #000 !important;
}
/* Glitch Effects
================================================== */
.ut-element-glitch-wrap {
--offset: 0px;
}
.ut-element-glitch-wrap {
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--offset));
height: 100%;
text-align: left;
}
.ut-element-glitch {
--offset: 0px;
}
.ut-element-glitch {
position: relative;
width: calc(100% - var(--offset));
height: 100%;
overflow: hidden;
margin: 0 auto;
}
/* stop animation when not inviewport */
.ut-element-glitch-wrap.outView .ut-element-glitch .ut-glitch-single-element {
animation: none !important;
}
/* Hide all images except the first one */
.ut-glitch-single-element:nth-child(n+2) {
opacity: 0;
}
/* On hover or permanent we show the 2nd, 3rd, 4th and 5th image or video */
.ut-element-glitch.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(n+2),
.ut-has-element-glitch:hover .ut-element-glitch .ut-glitch-single-element:nth-child(n+2) {
opacity: 1;
}
/* events for swap image glitch effects */
.ut-has-element-glitch.ut-element-glitch-show-on-hover .ut-element-glitch {
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.ut-has-element-glitch.ut-element-glitch-show-on-hover:hover .ut-element-glitch {
opacity: 1;
}
.ut-has-element-glitch.ut-element-glitch-hide-on-hover:hover .ut-element-glitch .ut-glitch-single-element {
opacity: 0;
animation: none !important;
}
.ut-element-glitch-hover {
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.ut-has-element-glitch:hover .ut-element-glitch-hover {
opacity: 1;
}
/* Glitch Class and Definitions */
.ut-glitch-prone {
--gap-horizontal: 20px;
--gap-vertical: 2px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: transparent;
--blend-color-5: transparent;
}
.ut-glitch-equal {
--gap-horizontal: 5px;
--gap-vertical: 10px;
--time-anim: 2s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: luminosity;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: #4d8c60;
--blend-color-4: transparent;
--blend-color-5: #c9b09a;
}
.ut-glitch-gifted {
--gap-horizontal: 20px;
--gap-vertical: 2px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: multiply;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: #af4563;
--blend-color-4: transparent;
--blend-color-5: transparent;
}
.ut-glitch-past {
--gap-horizontal: 5px;
--gap-vertical: 20px;
--time-anim: 5s;
--blend-mode-1: none;
--blend-mode-2: exclusion;
--blend-mode-3: hard-light;
--blend-mode-4: overlay;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: #52f1cd;
--blend-color-3: #525df1;
--blend-color-4: #f19b52;
--blend-color-5: transparent;
}
.ut-glitch-ground {
--gap-horizontal: 50px;
--gap-vertical: 100px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: overlay;
--blend-mode-5: overlay;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: #000;
--blend-color-5: #8d16f2;
}
.ut-glitch-wide {
--gap-horizontal: 3px;
--gap-vertical: 70px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: overlay;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: rgba(255,255,255,0.2);
--blend-color-4: transparent;
--blend-color-5: transparent;
}
.ut-glitch-haunted {
--gap-horizontal: 10px;
--gap-vertical: 5px;
--time-anim: 4s;
--delay-anim: 2s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: none;
--blend-mode-5: overlay;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: transparent;
--blend-color-5: #af4949;
}
.ut-glitch-ethereal {
--gap-horizontal: 10px;
--gap-vertical: 5px;
--time-anim: 4s;
--delay-anim: 2s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: overlay;
--blend-mode-5: overlay;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: #fb909a;
--blend-color-5: #1c1cc9;
}
.ut-glitch-single-element {
--offset: 0px;
}
.ut-glitch-single-element {
position: absolute;
top: calc(-1 * var(--gap-vertical));
left: calc(-1 * var(--gap-horizontal));
width: calc(100% - var(--offset) + var(--gap-horizontal) * 2);
height: calc(100% + var(--gap-vertical) * 2);
background-color: var(--blend-color-1);
background-size: cover;
transform: translate3d(0,0,0);
background-blend-mode: var(--blend-mode-1);
}
.ut-element-stop-glitch .ut-glitch-single-element {
animation: none !important;
}
.ut-glitch-single-element-hide {
display: none;
}
.ut-glitch-single-element:nth-child(2) {
background-color: var(--blend-color-2);
background-blend-mode: var(--blend-mode-2);
}
.ut-glitch-single-element:nth-child(3) {
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
}
.ut-glitch-single-element:nth-child(4) {
background-color: var(--blend-color-4);
background-blend-mode: var(--blend-mode-4);
}
.ut-glitch-single-element:nth-child(5) {
background-color: var(--blend-color-5);
background-blend-mode: var(--blend-mode-5);
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) .ut-glitch-single-element:nth-child(2),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2) {
transform: translate3d(var(--gap-horizontal),0,0);
animation: element-glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-gifted .ut-glitch-single-element:nth-child(2),
.ut-element-glitch.ut-glitch-gifted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2) {
transform: translate3d(var(--gap-vertical),0,0) !important;
animation: element-glitch-anim-1-vertical var(--time-anim) infinite linear alternate !important;
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) .ut-glitch-single-element:nth-child(3),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3){
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
animation: element-glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-gifted .ut-glitch-single-element:nth-child(3),
.ut-element-glitch.ut-glitch-gifted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3){
transform: translate3d(calc(-1 * var(--gap-vertical)),0,0) !important;
animation: element-glitch-anim-2-vertical var(--time-anim) infinite linear alternate !important;
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) .ut-glitch-single-element:nth-child(4),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4){
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
animation: element-glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-gifted .ut-glitch-single-element:nth-child(4),
.ut-element-glitch.ut-glitch-gifted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4){
transform: translate3d(0, calc(-1 * var(--gap-horizontal)), 0) scale3d(-1,-1,1) !important;
animation: element-glitch-anim-3-vertical var(--time-anim) infinite linear alternate !important;
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) > .ut-glitch-single-element:nth-child(5),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent > .ut-glitch-single-element:nth-child(5){
animation: element-glitch-anim-flash 0.5s steps(1,end) infinite;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(n+2),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(n+2) {
animation-duration: var(--time-anim);
animation-delay: var(--delay-anim);
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(2) {
background-color: var(--blend-color-2);
background-blend-mode: var(--blend-mode-2);
animation-name: element-alternate-glitch-anim-1;
opacity: 0;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(3) {
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
animation-name: element-alternate-glitch-anim-2;
opacity: 0;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(4) {
background-color: var(--blend-color-4);
background-blend-mode: var(--blend-mode-4);
animation-name: element-alternate-glitch-anim-3;
opacity: 0;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(5),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(5) {
background-color: var(--blend-color-5);
background-blend-mode: var(--blend-mode-5);
animation-name: element-glitch-anim-flash;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(n+2),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(n+2) {
animation-duration: var(--time-anim);
animation-delay: 0s !important;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(2),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(2) {
background-color: var(--blend-color-2);
background-blend-mode: var(--blend-mode-2);
animation-name: element-alternate-glitch-anim-1;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(3),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(3) {
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
animation-name: element-alternate-glitch-anim-2;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(4),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(4) {
background-color: var(--blend-color-4);
background-blend-mode: var(--blend-mode-4);
animation-name: element-alternate-glitch-anim-3;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(5),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(5) {
background-color: var(--blend-color-5);
background-blend-mode: var(--blend-mode-5);
animation-name: element-glitch-anim-flash;
opacity: 0;
}
/* Glitch Keyframes for Elements */
@keyframes element-glitch-anim-1-horizontal {
0% {
-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
}
10% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
}
20% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
}
30% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
}
40% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
50% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
60% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
70% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
80% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
90% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
100% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
}
@keyframes element-glitch-anim-2-horizontal {
0% {
-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
}
15% {
-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
}
22% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
}
31% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
45% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
}
51% {
-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
}
63% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
76% {
-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
}
81% {
-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
}
94% {
-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
}
100% {
-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
}
}
@keyframes element-glitch-anim-3-horizontal {
0% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
}
5% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
}
10% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
}
25% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
27% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
}
30% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
}
33% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
}
37% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
}
40% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
45% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
}
50% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
}
53% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
}
57% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
}
65% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
}
70% {
-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
}
73% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
80% {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
}
100% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
}
}
/* Vertical */
@keyframes element-glitch-anim-1-vertical {
0% {
-webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
}
10% {
-webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
}
20% {
-webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
}
30% {
-webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
}
40% {
-webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
}
50% {
-webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
}
60% {
-webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
}
70% {
-webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
}
80% {
-webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
}
90% {
-webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
}
100% {
-webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
}
}
@keyframes element-glitch-anim-2-vertical {
0% {
-webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
}
15% {
-webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
}
22% {
-webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
}
31% {
-webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
}
45% {
-webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
}
51% {
-webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
}
63% {
-webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
}
76% {
-webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
}
81% {
-webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
}
94% {
-webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
}
100% {
-webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
}
}
@keyframes element-glitch-anim-3-vertical {
0% {
-webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
}
5% {
-webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
}
10% {
-webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
}
25% {
-webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
}
27% {
-webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
}
30% {
-webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
}
33% {
-webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);;
clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
}
37% {
-webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);;
clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
}
40% {
-webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
}
45% {
-webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
}
50% {
-webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
}
53% {
-webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
}
57% {
-webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
}
60% {
-webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
}
65% {
-webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
}
70% {
-webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
}
73% {
-webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
}
80% {
-webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
}
100% {
-webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
}
}
@keyframes element-alternate-glitch-anim-1 {
0% {
opacity: 1;
transform: translate3d(var(--gap-horizontal),0,0);
-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
}
2% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
}
4% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
}
8% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
10% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
12% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
14% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
16% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
18% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
21.9% {
opacity: 1;
transform: translate3d(var(--gap-horizontal),0,0);
}
22%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes element-alternate-glitch-anim-2 {
0% {
opacity: 1;
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
}
3% {
-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
}
5% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
}
7% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
9% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
}
11% {
-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
}
13% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
15% {
-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
}
17% {
-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
}
19% {
-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
}
20% {
-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
}
21.9% {
opacity: 1;
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
}
22%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes element-alternate-glitch-anim-3 {
0% {
opacity: 1;
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
}
1.5% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
}
2% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
}
2.5% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
3% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
}
5% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
}
5.5% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
}
7% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
}
8% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
9% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
}
10.5% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
}
11% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
}
13% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
}
14% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
}
14.5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
}
15% {
-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
}
16% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
18% {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
}
21.9% {
opacity: 1;
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
}
22%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
/* Flash */
@keyframes element-glitch-anim-flash {
0% {
opacity: 0.2;
transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
}
33%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
}
}
/* Simple Glitch Text */
.ut-simple-glitch-text {
animation-duration: .5s;
animation-timing-function: linear;
display: inline-block;
}
.ut-glitch-on-appear {
animation-iteration-count:1;
animation-duration: .5s;
display: inline-block;
}
.ut-simple-glitch-text-permanent {
animation-iteration-count: infinite;
animation-delay: 2s;
animation-duration: 4s;
display: inline-block;
}
.ut-simple-glitch-text-permanent.ut-force-glitch-animation {
animation-iteration-count: infinite !important;
animation-delay: 2s !important;
animation-duration: 4s !important;
display: inline-block !important;
}
header.section-header .ut-simple-glitch-text,
header.section-header .ut-simple-glitch-text-permanent {
display: inherit;
}
header.page-primary-header .ut-simple-glitch-text-permanent {
width: 100%;
}
/* stop glitch when not inviewport */
.ut-simple-glitch-text-permanent.outView {
animation: none !important;
}
.ut-simple-glitch-text-hover {
animation-duration: .5s !important;
animation-timing-function: linear !important;
display: inline-block;
}
.ut-simple-glitch-text-hover.animated,
.ut-simple-glitch-text-permanent.animated {
-webkit-animation-fill-mode: initial;
animation-fill-mode: initial;
opacity: 1;
}
/* Effect 1 */
.ut-simple-glitch-text-style-1 {
animation-name: glitch-anim-text;
}
.ut-simple-glitch-text-style-1,
.ut-simple-glitch-text-style-1-permanent {
opacity: 1;
}
.ut-simple-glitch-text-style-1.ut-force-glitch-animation {
animation-name: glitch-anim-text !important;
}
.ut-simple-glitch-text-style-1-permanent {
animation-name: glitch-anim-text-permanent;
}
.ut-simple-glitch-text-style-1-permanent.ut-force-glitch-animation {
animation-name: glitch-anim-text-permanent !important;
}
.ut-simple-glitch-text-hover-parent:hover .ut-simple-glitch-text-style-1-hover {
animation-name: glitch-anim-text;
}
/* Effect 2 */
.ut-simple-glitch-text-style-2 {
animation-name: glitch-anim-text-2;
}
.ut-simple-glitch-text-style-2.ut-force-glitch-animation {
animation-name: glitch-anim-text-2 !important;
}
.ut-simple-glitch-text-style-2-permanent {
animation-name: glitch-anim-text-2-permanent;
}
.ut-simple-glitch-text-style-2-permanent.ut-force-glitch-animation {
animation-name: glitch-anim-text-2-permanent !important;
}
.ut-glitch-on-appear.ut-simple-glitch-text-style-2 {
animation-delay: 1s;
animation-duration: 4s;
}
.ut-word-rotator .ut-glitch-on-appear.ut-simple-glitch-text-style-2 {
animation-delay: initial;
}
.bklyn-btn.ut-simple-glitch-text-style-2-hover,
.ut-simple-glitch-text-hover-parent:hover .ut-simple-glitch-text-style-2-hover {
animation-name: glitch-anim-text-2;
animation-duration: 4s;
}
/* Effect 3 */
.ut-simple-glitch-text-style-3 {
animation-name: glitch-anim-text-3;
}
.ut-simple-glitch-text-style-3-permanent {
animation-name: glitch-anim-text-3;
}
.ut-simple-glitch-text-style-3-permanent.ut-force-glitch-animation {
animation-name: glitch-anim-text-3 !important;
}
.ut-glitch-on-appear.ut-simple-glitch-text-style-3 {
animation-delay: 1s;
animation-duration: 2s;
}
.ut-word-rotator .ut-glitch-on-appear.ut-simple-glitch-text-style-3 {
animation-delay: initial;
}
.bklyn-btn.ut-simple-glitch-text-style-3-hover,
.ut-simple-glitch-text-hover-parent:hover .ut-simple-glitch-text-style-3-hover {
animation-name: glitch-anim-text-3;
animation-duration: 1s;
}
@-webkit-keyframes glitch-anim-text {
0% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
}
100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes glitch-anim-text {
0% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
}
100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@-webkit-keyframes glitch-anim-text-permanent {
00% {
transform: translate3d(0,0,0) scale(0.9,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2.5% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
5% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
12% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
15% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
17% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
22% {
transform: translate3d(0,0,0) scale(0.9,1);
}
25% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@keyframes glitch-anim-text-permanent {
0% {
transform: translate3d(0,0,0) scale(0.9,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2.5% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
5% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
12% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
15% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
17% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
22% {
transform: translate3d(0,0,0) scale(0.9,1);
}
25% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@-webkit-keyframes glitch-anim-text-2 {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10%, 100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@keyframes glitch-anim-text-2 {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10%, 100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@-webkit-keyframes glitch-anim-text-2-permanent {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
11% {
-webkit-clip-path: none;
clip-path: none;
}
}
@keyframes glitch-anim-text-2-permanent {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
11% {
-webkit-clip-path: none;
clip-path: none;
}
}
@-webkit-keyframes glitch-anim-text-3 {
1% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
2% {
-webkit-transform: scaleY(3) skewX(-60deg);
transform: scaleY(3) skewX(-60deg);
}
3% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
21% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
22% {
-webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
}
23% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
}
@keyframes glitch-anim-text-3 {
1% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
2% {
-webkit-transform: scaleY(3) skewX(-60deg);
transform: scaleY(3) skewX(-60deg);
}
3% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
21% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
22% {
-webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
}
23% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
}
/*
Twitter Widget Copyright 2013 UNITED THEMES
www.unitedthemes.com
*/
.tweet_list li {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #EFEFEF;
}
.tweet_list li:last-child {
border:none;
padding-bottom:0;
margin-bottom:0;
}
.tweet-left {
float:left;
display: inline;
margin-right: 10px;
}
.tweet-left img {
float:left;
}
.tweet-actions {
float: left;
}
.tweet_text {
display: block;
}
.tweet-bottom {
display: block;
}
/* Image Comparison */
.ut-comparison-horizontal .ut-comparison-handle:before,
.ut-comparison-horizontal .ut-comparison-handle:after,
.ut-comparison-vertical .ut-comparison-handle:before,
.ut-comparison-vertical .ut-comparison-handle:after {
content: " ";
display: block;
background: #FFF;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-horizontal .ut-comparison-handle:before,
.ut-comparison-horizontal .ut-comparison-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.ut-comparison-vertical .ut-comparison-handle:before,
.ut-comparison-vertical .ut-comparison-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.ut-comparison-before-label,
.ut-comparison-after-label,
.ut-comparison-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.ut-comparison-before-label,
.ut-comparison-after-label,
.ut-comparison-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.ut-comparison-before-label,
.ut-comparison-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.ut-comparison-before-label:before,
.ut-comparison-after-label:before {
color: #FFF;
font-size: .75em;
}
.ut-comparison-before-label:before,
.ut-comparison-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 1);
line-height: 1.25em;
padding: 0.77em 1.54em;
font-weight: 600;
color: #151515;
}
.ut-comparison-caption-with-shadow .ut-comparison-before-label:before,
.ut-comparison-caption-with-shadow .ut-comparison-after-label:before {
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.5);
box-shadow: 0 0 7px rgba(0,0,0,.5);
}
.ut-comparison-horizontal .ut-comparison-before-label:before,
.ut-comparison-horizontal .ut-comparison-after-label:before {
}
.ut-comparison-vertical .ut-comparison-before-label:before,
.ut-comparison-vertical .ut-comparison-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.ut-comparison-left-arrow, .ut-comparison-right-arrow,
.ut-comparison-up-arrow, .ut-comparison-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.ut-comparison-left-arrow,
.ut-comparison-right-arrow {
top: 50%;
margin-top: -6px;
}
.ut-comparison-up-arrow,
.ut-comparison-down-arrow {
left: 50%;
margin-left: -6px;
}
.ut-comparison-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.ut-comparison-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.ut-comparison-container.active .ut-comparison-overlay,
.ut-comparison-container.active :hover.ut-comparison-overlay {
background: rgba(0, 0, 0, 0);
}
.ut-comparison-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.ut-comparison-before-label:before,
.ut-comparison-after-label:before {
content: attr(data-content);
}
.ut-comparison-horizontal .ut-comparison-before-label:before {
left: 20px;
bottom: 20px;
}
.ut-comparison-horizontal .ut-comparison-after-label:before {
right: 20px;
bottom: 20px;
}
.ut-comparison-vertical .ut-comparison-before-label:before {
top: 20px;
}
.ut-comparison-vertical .ut-comparison-after-label:before {
bottom: 20px;
}
.ut-comparison-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: transparent;
z-index: 25;
}
.ut-comparison-overlay:hover {
background: transparent;
}
.ut-comparison-before {
z-index: 20;
}
.ut-comparison-after {
z-index: 10;
}
.ut-comparison-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #FFF;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.ut-comparison-horizontal .ut-comparison-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-horizontal .ut-comparison-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-vertical .ut-comparison-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-vertical .ut-comparison-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-left-arrow {
border-right: 6px solid #FFF;
left: 50%;
margin-left: -17px;
}
.ut-comparison-right-arrow {
border-left: 6px solid #FFF;
right: 50%;
margin-right: -17px;
}
.ut-comparison-up-arrow {
border-bottom: 6px solid #FFF;
top: 50%;
margin-top: -17px;
}
.ut-comparison-down-arrow {
border-top: 6px solid #FFF;
bottom: 50%;
margin-bottom: -17px;
}
/* Box-shadow
========================================================================== */
.ut-box-shadow-small {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-medium {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-large {
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.ut-box-shadow-xlarge {
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
/*
* Hover
*/
[class*='ut-box-shadow-hover'] {
transition: box-shadow 0.2s ease-in-out;
}
.ut-box-shadow-hover-small:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-hover-medium:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-hover-large:hover {
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.ut-box-shadow-hover-xlarge:hover {
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
/* Background Text
========================================================================== */
.ut-has-background-text .bklyn-background-text-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
top: 0;
left: 0;
}
.bklyn-background-text-left-top {
justify-content: flex-start;
}
.bklyn-background-text-center-top {
justify-content: center;
align-items: flex-start;
}
.bklyn-background-text-right-top {
justify-content: flex-end;
}
.bklyn-background-text-left-center {
justify-content: flex-start;
align-items: center;
}
.bklyn-background-text-center-center {
justify-content: center;
align-items: center;
}
.bklyn-background-text-right-center {
justify-content: flex-end;
align-items: center;
}
.bklyn-background-text-left-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.bklyn-background-text-center-bottom {
justify-content: center;
align-items: flex-end;
}
.bklyn-background-text-right-bottom {
justify-content: flex-end;
align-items: flex-end;
}
@media (max-width: 767px) {
.bklyn-background-text-mobile-left-top {
justify-content: flex-start;
}
.bklyn-background-text-mobile-center-top {
justify-content: center;
align-items: flex-start;
}
.bklyn-background-text-mobile-right-top {
justify-content: flex-end;
}
.bklyn-background-text-mobile-left-center {
justify-content: flex-start;
align-items: center;
}
.bklyn-background-text-mobile-center-center {
justify-content: center;
align-items: center;
}
.bklyn-background-text-mobile-right-center {
justify-content: flex-end;
align-items: center;
}
.bklyn-background-text-mobile-left-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.bklyn-background-text-mobile-center-bottom {
justify-content: center;
align-items: flex-end;
}
.bklyn-background-text-mobile-right-bottom {
justify-content: flex-start;
align-items: flex-end;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-background-text-tablet-left-top {
justify-content: flex-start;
}
.bklyn-background-text-tablet-center-top {
justify-content: center;
align-items: flex-start;
}
.bklyn-background-text-tablet-right-top {
justify-content: flex-end;
}
.bklyn-background-text-tablet-left-center {
justify-content: flex-start;
align-items: center;
}
.bklyn-background-text-tablet-center-center {
justify-content: center;
align-items: center;
}
.bklyn-background-text-tablet-right-center {
justify-content: flex-end;
align-items: center;
}
.bklyn-background-text-tablet-left-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.bklyn-background-text-tablet-center-bottom {
justify-content: center;
align-items: flex-end;
}
.bklyn-background-text-tablet-right-bottom {
justify-content: flex-start;
align-items: flex-end;
}
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character {
opacity: 1;
-webkit-transform: rotateX(0) rotateY(0);
transform: rotateX(0) rotateY(0);
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(2) {
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(3) {
-webkit-transition-delay: 0.33s;
-o-transition-delay: 0.33s;
transition-delay: 0.33s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(4) {
-webkit-transition-delay: 0.44s;
-o-transition-delay: 0.44s;
transition-delay: 0.44s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(5) {
-webkit-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
transition-delay: 0.55s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(6) {
-webkit-transition-delay: 0.66s;
-o-transition-delay: 0.66s;
transition-delay: 0.66s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(7) {
-webkit-transition-delay: 0.77s;
-o-transition-delay: 0.77s;
transition-delay: 0.77s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(8) {
-webkit-transition-delay: 0.88s;
-o-transition-delay: 0.88s;
transition-delay: 0.88s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(9) {
-webkit-transition-delay: 0.99s;
-o-transition-delay: 0.99s;
transition-delay: 0.99s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(10) {
-webkit-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(11) {
-webkit-transition-delay: 1.21s;
-o-transition-delay: 1.21s;
transition-delay: 1.21s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(12) {
-webkit-transition-delay: 1.32s;
-o-transition-delay: 1.32s;
transition-delay: 1.32s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(13) {
-webkit-transition-delay: 1.43s;
-o-transition-delay: 1.43s;
transition-delay: 1.43s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(14) {
-webkit-transition-delay: 1.54s;
-o-transition-delay: 1.54s;
transition-delay: 1.54s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(15) {
-webkit-transition-delay: 1.65s;
-o-transition-delay: 1.65s;
transition-delay: 1.65s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(16) {
-webkit-transition-delay: 1.76s;
-o-transition-delay: 1.76s;
transition-delay: 1.76s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(17) {
-webkit-transition-delay: 1.87s;
-o-transition-delay: 1.87s;
transition-delay: 1.87s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(18) {
-webkit-transition-delay: 1.98s;
-o-transition-delay: 1.98s;
transition-delay: 1.98s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(19) {
-webkit-transition-delay: 2.09s;
-o-transition-delay: 2.09s;
transition-delay: 2.09s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(20) {
-webkit-transition-delay: 2.20s;
-o-transition-delay: 2.20s;
transition-delay: 2.20s;
}
.ut-has-background-text .bklyn-background-text {
font-size: 5vh;
line-height: 1;
color: #333;
display: inline-block;
}
.bklyn-background-text-animated .bklyn-background-text-character {
opacity: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: perspective(750px) rotateX(90deg);
transform: perspective(750px) rotateX(90deg);
-webkit-transform-origin: 50% 40% 0;
-ms-transform-origin: 50% 40% 0;
transform-origin: 50% 40% 0;
-webkit-transition: 0.53s cubic-bezier(0.45, 0.05, 0.37, 0.93);
-o-transition: 0.53s cubic-bezier(0.45, 0.05, 0.37, 0.93);
transition: 0.53s cubic-bezier(0.45, 0.05, 0.37, 0.93);
z-index: -1;
}
.bklyn-background-text-holder + .wpb_wrapper {
position: relative;
z-index: 2;
}
.bklyn-video-grid-wrap {
position: relative;
}
.bklyn-video-grid {
display: grid;
}
@media (min-width: 1025px) {
.bklyn-video-grid.bklyn-video-grid-2-col {
grid-template-columns: repeat(2, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-3-col {
grid-template-columns: repeat(3, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-4-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-5-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-6-col {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-video-grid.bklyn-video-grid-tablet-2-col {
grid-template-columns: repeat(2, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-3-col {
grid-template-columns: repeat(3, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-4-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-5-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-6-col {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.bklyn-video-grid.bklyn-video-grid-mobile-2-col {
grid-template-columns: repeat(2, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-mobile-3-col {
grid-template-columns: repeat(3, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-mobile-4-col {
grid-template-columns: repeat(4, 1fr);
}
}
.bklyn-video-grid > a {
box-sizing: border-box;
border-bottom: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
display: block !important;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.bklyn-video-grid > a:hover,
.bklyn-video-grid > a.is-playing {
background: rgba(0,0,0,0.2);
}
@media (min-width: 1025px) {
/* 2 column layout */
.bklyn-video-grid.bklyn-video-grid-2-col > a:nth-child(2n) {
border-right: none;
}
/* 3 column layout */
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(2n+1):nth-last-child(-n+2),
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(2n+1):nth-last-child(-n+2) ~ a {
border-bottom: none;
}
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n),
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n+2) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n+1):nth-last-child(-n+3),
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n+1):nth-last-child(-n+3) ~ a {
border-bottom: none;
}
/* 4 column layout */
.bklyn-video-grid.bklyn-video-grid-4-col > a:nth-child(4n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-4-col > a:nth-child(4n+1):nth-last-child(-n+4),
.bklyn-video-grid.bklyn-video-grid-4-col > a:nth-child(4n+1):nth-last-child(-n+4) ~ a {
border-bottom: none;
}
/* 5 column layout */
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(5n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(5n+1):nth-last-child(-n+5),
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(5n+1):nth-last-child(-n+5) ~ a {
border-bottom: none;
}
/* 6 column layout */
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(6n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(6n+1):nth-last-child(-n+6),
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(6n+1):nth-last-child(-n+6) ~ a {
border-bottom: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-video-grid.bklyn-video-grid-tablet-2-col > a:nth-child(2n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-tablet-3-col > a:nth-child(2n+1):nth-last-child(-n+2),
.bklyn-video-grid.bklyn-video-grid-tablet-3-col > a:nth-child(2n+1):nth-last-child(-n+2) ~ a {
border-bottom: none;
}
}
.bklyn-video-grid .bklyn-video-grid-content {
position: relative;
width: 100%;
height: 25vh;
padding: 1rem;
color: white;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}