/* ########################################################################################## BROOKLYN THEME BY UNITED THEMES™ WEB DEVELOPMENT FORGE EST.2011 WWW.UNITEDTHEMES.COM COPYRIGHT 2011 - 2018 ALL RIGHTS RESERVED BY UNITED THEMES™ ########################################################################################## */ /* #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; } } @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; } } @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; } } /* 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; } /*--------------------------------*/ @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; -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 { 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-image-caption-style-2 { width: auto; padding: 0.35em 0.5em; position: absolute; bottom: 0; right: 0; text-align: left; } .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) { 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 { -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; } } /* #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) { } /* #Bklyn LightBox ================================================== */ #ut-sitebody .lg-actions .lg-next, #ut-sitebody .lg-actions .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-actions .lg-next { right: 0; } .lg-actions .lg-prev { left: 0; } #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-actions .lg-next::before { font-family:'icon54com' !important; content: "\e959" !important; } #ut-sitebody .lg-actions .lg-prev::after { font-family:'icon54com' !important; content: "\e93f" !important; } #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; } /* #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; } /* large */ .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; } .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-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-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.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-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-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: inline-block; } .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, #home .wpb_wrapper .section-header { margin-bottom:0; padding-bottom:0; } .wpb_wrapper .section-title { margin-bottom:0; } #primary .wpb_wrapper .section-header .lead p { margin-top:0; } .section-header.header-with-gradient h1 span, .parallax-header.header-with-gradient h1 span, .section-header.header-with-gradient h2 span, .parallax-header.header-with-gradient h2 span, .section-header.header-with-gradient h3 span, .parallax-header.header-with-gradient h3 span, .section-header.header-with-gradient h4 span, .parallax-header.header-with-gradient h4 span, .section-header.header-with-gradient h5 span, .parallax-header.header-with-gradient h5 span, .section-header.header-with-gradient h6 span, .parallax-header.header-with-gradient h6 span { display:inline-block; } @media (max-width: 767px) { .section-header.ut-no-title-linebreak-mobile .section-title br { display: none; } .section-header.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 { display: none; } .section-header.ut-no-lead-linebreak-tablet .lead br { display: none; } } /* #Bklyn Page Headers ================================================== */ #primary .page-header { 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.bklyn-btn-icon-left i { padding-right: 10px; } .bklyn-btn.bklyn-btn-icon-right 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: inline-block; font-weight:400; text-align:center; text-decoration:none; text-transform:uppercase; margin:0 0 40px 0; padding:10px 20px; line-height:1.6; 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; } .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; line-height: 30px; padding:0.5em 1.62em; } .bklyn-btn.bklyn-btn-small { font-size:12px; line-height: 30px; padding:1em 2em; } .bklyn-btn.bklyn-btn-normal { font-size: 14px; line-height: 30px; padding:1em 2.15em; } .bklyn-btn.bklyn-btn-large { font-size:18px; line-height: 30px; padding:1em 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; } /* Phone */ @media (max-width: 767px) { .bklyn-btn-holder.bklyn-btn-left { text-align:center; } .bklyn-btn-holder.bklyn-btn-right { text-align:center; } .ut-btn-group.ut-btn-group-left { text-align: center; } .ut-btn-group.ut-btn-group-center { text-align: center; } .ut-btn-group.ut-btn-group-right { text-align: 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; } .bklyn-btn { line-height: inherit !important; } } /* Tablet */ @media (min-width: 768px) and (max-width: 1024px) { .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; } } /* #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: right; -ms-flex-pack: right; justify-content: right; } .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; } } .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%; } .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; } .wpb_wrapper .bklyn-list li { margin-bottom:0; } .wpb_wrapper .bklyn-list li .fa { padding-right: 10px; vertical-align: middle; 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 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 { height:100%; width: 100%; } .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 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%; } .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-name-wrap { margin: 0 auto; display: inline-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; } } /* #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; } /* #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; } /* #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 { height:120px; line-height:120px; width:120px; } .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 { 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: 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-social-follow-module li { display: inline-block; margin: 10px 20px 0 0; text-align: center; } .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-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 { background: none !important; color: #151515; } /* Mobile */ @media (max-width: 767px) { .ut-social-follow-module { text-align: center !important; } } /* #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-border { border: 1px solid #DDDDDD; } .ut-video-module-caption { text-align: center; } .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%; } .ut-video-module-play-icon-large .ut-video-module-play-icon { height: 80px; width: 80px; font-size: 22px; } .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%); } .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; } @-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; } } /* #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-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; line-height: inherit; } .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; } /* 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: -6.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: -4.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: -5.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: -3.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: -3.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: -4px; } .bklyn-divider-style-7 span::before, .bklyn-divider-style-7 span::after { background-image: url('../images/divider/divider7.png') !important; height: 2px; margin-top: -3px; } .bklyn-divider-style-8 span::before, .bklyn-divider-style-8 span::after { background-image: url('../images/divider/divider8.png') !important; height: 5px; margin-top: -4.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: -8.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: -8.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: -4.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: -3.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: -3.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: -5.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: -4.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: -4.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: -4.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: -5.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: -3px; } .bklyn-divider-style-20 span::before, .bklyn-divider-style-20 span::after { background-image: url('../images/divider/divider20.png') !important; height: 3px; margin-top: -3.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%; text-align: left; margin-bottom: 40px !important; } .bklyn-title-divider span { padding-left: 0; padding-right: 20px; } } /* #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::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) ================================================== */ /* Phone & Small Tablets */ @media (max-width: 767px) { .ut-custom-heading-module, .vc_custom_heading { text-align: center !important; } } /* 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; } /* #Reveal FX ================================================== */ .ut-block-revealer-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; pointer-events: none; opacity: 0; } .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; } /* #Box Shadows ================================================== */ .ut-video-module-shadow { -webkit-box-shadow:0 0 20px; box-shadow: 0 0 20px; color: rgba(0, 0, 0, 0.35); margin-top: 20px; margin-bottom: 20px; } .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; } /* 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; } /* 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); } /* 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); } /* 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; } /* 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); } /* 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); } /* 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); } /* #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-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 { 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%; } .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-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% + 174px); left: -87px; } .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; } .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; } @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: -1; -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%; } .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 */