/* ########################################################################################## 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; }