@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'ralewayextralight';
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-extralight-webfont.eot);
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-extralight-webfont.eot?#iefix) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-extralight-webfont.woff) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-extralight-webfont.ttf) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-extralight-webfont.svg#ralewayextralight) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ralewaylight';
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-light-webfont.eot);
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-light-webfont.woff) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-light-webfont.ttf) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-light-webfont.svg#ralewaylight) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ralewayregular';
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-regular-webfont.eot);
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-regular-webfont.woff) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-regular-webfont.ttf) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-regular-webfont.svg#ralewayregular) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ralewaymedium';
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-medium-webfont.eot);
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-medium-webfont.woff) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-medium-webfont.ttf) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-medium-webfont.svg#ralewaymedium) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ralewaysemibold';
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-semibold-webfont.eot);
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-semibold-webfont.eot?#iefix) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-semibold-webfont.woff) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-semibold-webfont.ttf) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-semibold-webfont.svg#ralewaysemibold) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ralewaybold';
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-bold-webfont.eot);
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-bold-webfont.woff) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-bold-webfont.ttf) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/raleway-bold-webfont.svg#ralewaybold) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'icon54com';
src:  url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/icon54com.eot?s2cxjx);
src:  url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/icon54com.eot?s2cxjx#iefix) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/icon54com.ttf?s2cxjx) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/icon54com.woff?s2cxjx) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/icon54com.svg?s2cxjx#icon54com) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="BklynIcons-"]:not(.ut-lead-has-icon),
[class*=" BklynIcons-"]:not(.ut-lead-has-icon) {
font-family: 'icon54com' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.BklynIcons-Right-6:before {
content: "\e977";
}
.BklynIcons-Gallery-1:before {
content: "\e900";
}
.BklynIcons-by4-Hour:before {
content: "\e901";
}
.BklynIcons-Addon:before {
content: "\e902";
}
.BklynIcons-Addon-Setting:before {
content: "\e903";
}
.BklynIcons-Angry-Birds:before {
content: "\e904";
}
.BklynIcons-Application:before {
content: "\e905";
}
.BklynIcons-Atom:before {
content: "\e906";
}
.BklynIcons-Bad-3:before {
content: "\e907";
}
.BklynIcons-Blend-Tool:before {
content: "\e908";
}
.BklynIcons-Block-Chart-2:before {
content: "\e909";
}
.BklynIcons-Box-1:before {
content: "\e90a";
}
.BklynIcons-Busy-1:before {
content: "\e90b";
}
.BklynIcons-Camera-Rear:before {
content: "\e90c";
}
.BklynIcons-Cash-Pay:before {
content: "\e90d";
}
.BklynIcons-Circle:before {
content: "\e90e";
}
.BklynIcons-Clean-Code:before {
content: "\e90f";
}
.BklynIcons-Clipboard-Write:before {
content: "\e910";
}
.BklynIcons-Clock-1:before {
content: "\e911";
}
.BklynIcons-Cloud-Database:before {
content: "\e912";
}
.BklynIcons-Cloud-Server-1:before {
content: "\e913";
}
.BklynIcons-Compas-Rose:before {
content: "\e914";
}
.BklynIcons-Compass-2:before {
content: "\e915";
}
.BklynIcons-Computer-Network-2:before {
content: "\e916";
}
.BklynIcons-Computer-Sync:before {
content: "\e917";
}
.BklynIcons-Cube-3:before {
content: "\e918";
}
.BklynIcons-Cup-2:before {
content: "\e919";
}
.BklynIcons-Delivery:before {
content: "\e91a";
}
.BklynIcons-Diamond:before {
content: "\e91b";
}
.BklynIcons-Digital-Design:before {
content: "\e91c";
}
.BklynIcons-Disabled-man:before {
content: "\e91d";
}
.BklynIcons-Distance-1:before {
content: "\e91e";
}
.BklynIcons-Down-2:before {
content: "\e91f";
}
.BklynIcons-Down-3:before {
content: "\e920";
}
.BklynIcons-Download:before {
content: "\e921";
}
.BklynIcons-Enlarge:before {
content: "\e922";
}
.BklynIcons-Ethernet:before {
content: "\e923";
}
.BklynIcons-Fan .path1:before {
content: "\e924";
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path2:before {
content: "\e925";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path3:before {
content: "\e926";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path4:before {
content: "\e927";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path5:before {
content: "\e928";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path6:before {
content: "\e929";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path7:before {
content: "\e92a";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path8:before {
content: "\e92b";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Fan .path9:before {
content: "\e92c";
margin-left: -1em;
color: rgb(169, 0, 0);
}
.BklynIcons-Fan .path10:before {
content: "\e92d";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.BklynIcons-Financial-Care-2:before {
content: "\e92e";
}
.BklynIcons-First-ad:before {
content: "\e92f";
}
.BklynIcons-Flying-Rocket:before {
content: "\e930";
}
.BklynIcons-Free-Tag-2:before {
content: "\e931";
}
.BklynIcons-French-Fries:before {
content: "\e932";
}
.BklynIcons-Gas-Pump:before {
content: "\e933";
}
.BklynIcons-Gear-1:before {
content: "\e934";
}
.BklynIcons-Hamburger:before {
content: "\e935";
}
.BklynIcons-Hand-cargo:before {
content: "\e936";
}
.BklynIcons-Handshake:before {
content: "\e937";
}
.BklynIcons-Hat-3:before {
content: "\e938";
}
.BklynIcons-Hearts-Empty:before {
content: "\e939";
}
.BklynIcons-Hotspot-Mobile:before {
content: "\e93a";
}
.BklynIcons-Increasing-Chart-1:before {
content: "\e93b";
}
.BklynIcons-Lamp-2:before {
content: "\e93c";
}
.BklynIcons-Lamp-3:before {
content: "\e93d";
}
.BklynIcons-Laptop-1:before {
content: "\e93e";
}
.BklynIcons-Left-2:before {
content: "\e93f";
}
.BklynIcons-Left-3:before {
content: "\e940";
}
.BklynIcons-Lens-1:before {
content: "\e941";
}
.BklynIcons-Light-Bulb:before {
content: "\e942";
}
.BklynIcons-Line-Chart-1:before {
content: "\e943";
}
.BklynIcons-Map-Pin-2:before {
content: "\e944";
}
.BklynIcons-Map-pin-6:before {
content: "\e945";
}
.BklynIcons-Maximize-3:before {
content: "\e946";
}
.BklynIcons-Medic:before {
content: "\e947";
}
.BklynIcons-Minimize-1:before {
content: "\e948";
}
.BklynIcons-Monitor-1:before {
content: "\e949";
}
.BklynIcons-Mustache-1:before {
content: "\e94a";
}
.BklynIcons-Navigation-1:before {
content: "\e94b";
}
.BklynIcons-Office-Chair:before {
content: "\e94c";
}
.BklynIcons-Office-Desk-2:before {
content: "\e94d";
}
.BklynIcons-Paint-Bucket:before {
content: "\e94e";
}
.BklynIcons-Paper-Clip-3:before {
content: "\e94f";
}
.BklynIcons-Party-Glasses:before {
content: "\e950";
}
.BklynIcons-Pen-Holder:before {
content: "\e951";
}
.BklynIcons-Pie-Chart-1:before {
content: "\e952";
}
.BklynIcons-Pin:before {
content: "\e953";
}
.BklynIcons-Pizza-Slice:before {
content: "\e954";
}
.BklynIcons-Plugin:before {
content: "\e955";
}
.BklynIcons-Pokemon:before {
content: "\e956";
}
.BklynIcons-Reduce:before {
content: "\e957";
}
.BklynIcons-Responsive-Design:before {
content: "\e958";
}
.BklynIcons-Right-2:before {
content: "\e959";
}
.BklynIcons-Right-3:before {
content: "\e95a";
}
.BklynIcons-Rocket-Launch:before {
content: "\e95b";
}
.BklynIcons-Rotate-2:before {
content: "\e95c";
}
.BklynIcons-Ruler-Tool:before {
content: "\e95d";
}
.BklynIcons-Sailboat:before {
content: "\e95e";
}
.BklynIcons-Sandwich:before {
content: "\e95f";
}
.BklynIcons-Saturn:before {
content: "\e960";
}
.BklynIcons-Scale-Tool:before {
content: "\e961";
}
.BklynIcons-Screen-Rotation:before {
content: "\e962";
}
.BklynIcons-Search:before {
content: "\e963";
}
.BklynIcons-Selection-Tool:before {
content: "\e964";
}
.BklynIcons-Share-File-1:before {
content: "\e965";
}
.BklynIcons-Shoe-2:before {
content: "\e966";
}
.BklynIcons-Smart-Devices:before {
content: "\e967";
}
.BklynIcons-Smartphone:before {
content: "\e968";
}
.BklynIcons-Smartwatch-EKG-1:before {
content: "\e969";
}
.BklynIcons-Stormtrooper-2:before {
content: "\e96a";
}
.BklynIcons-Tablet-1:before {
content: "\e96b";
}
.BklynIcons-Telescope:before {
content: "\e96c";
}
.BklynIcons-Tempometer:before {
content: "\e96d";
}
.BklynIcons-Test-Flusk-1:before {
content: "\e96e";
}
.BklynIcons-Text-box:before {
content: "\e96f";
}
.BklynIcons-Theme:before {
content: "\e970";
}
.BklynIcons-Umbrella:before {
content: "\e971";
}
.BklynIcons-Up-2:before {
content: "\e972";
}
.BklynIcons-Up-3:before {
content: "\e973";
}
.BklynIcons-Upload:before {
content: "\e974";
}
.BklynIcons-Waiting-room:before {
content: "\e975";
}
.BklynIcons-Worms-Armagedon:before {
content: "\e976";
} @font-face {
font-family: 'Brooklyn-Core';
src:
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/Brooklyn-Core.ttf?c262xj) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/Brooklyn-Core.woff?c262xj) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/Brooklyn-Core.svg?c262xj#Brooklyn-Core) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="Bklyn-Core-"], [class*=" Bklyn-Core-"] {
font-family: 'Brooklyn-Core' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.Bklyn-Core-Volume-2-1:before {
content: "\e904";
}
.Bklyn-Core-Volume-2-Mute:before {
content: "\e905";
}
.Bklyn-Core-Anchor:before {
content: "\e900";
}
.Bklyn-Core-Clock-1:before {
content: "\e901";
}
.Bklyn-Core-Down-2:before {
content: "\e902";
}
.Bklyn-Core-Down-3:before {
content: "\e903";
}
.Bklyn-Core-Headset-1:before {
content: "\e908";
}
.Bklyn-Core-Left-2:before {
content: "\e90a";
}
.Bklyn-Core-Left-3:before {
content: "\e90b";
}
.Bklyn-Core-Map-Pin-2:before {
content: "\e90e";
}
.Bklyn-Core-Map-pin-6:before {
content: "\e90f";
}
.Bklyn-Core-Maximize-3:before {
content: "\e910";
}
.Bklyn-Core-Minimize-2:before {
content: "\e911";
}
.Bklyn-Core-Photo-Library:before {
content: "\e914";
}
.Bklyn-Core-Right-2:before {
content: "\e915";
}
.Bklyn-Core-Right-3:before {
content: "\e916";
}
.Bklyn-Core-Right-6:before {
content: "\e917";
}
.Bklyn-Core-Rotate-2:before {
content: "\e918";
}
.Bklyn-Core-Solid-Anchor:before {
content: "\e919";
}
.Bklyn-Core-Solid-Clock-1:before {
content: "\e91a";
}
.Bklyn-Core-Solid-Down-2:before {
content: "\e91b";
}
.Bklyn-Core-Solid-Down-3:before {
content: "\e91c";
}
.Bklyn-Core-Solid-Headset-1:before {
content: "\e921";
}
.Bklyn-Core-Solid-Left-2:before {
content: "\e923";
}
.Bklyn-Core-Solid-Left-3:before {
content: "\e924";
}
.Bklyn-Core-Solid-Map-Pin-2:before {
content: "\e927";
}
.Bklyn-Core-Solid-Map-pin-6:before {
content: "\e928";
}
.Bklyn-Core-Solid-Photo-Library:before {
content: "\e92b";
}
.Bklyn-Core-Solid-Right-2:before {
content: "\e92c";
}
.Bklyn-Core-Solid-Right-3:before {
content: "\e92d";
}
.Bklyn-Core-Solid-Right-6:before {
content: "\e92e";
}
.Bklyn-Core-Solid-Up-2:before {
content: "\e932";
}
.Bklyn-Core-Solid-Up-3:before {
content: "\e933";
}
.Bklyn-Core-Up-2:before {
content: "\e937";
}
.Bklyn-Core-Up-3:before {
content: "\e938";
}
@font-face {
font-family: 'Brooklyn-WooCommerce';
src:
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/Brooklyn-WooCommerce.ttf?6hhy2i) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/Brooklyn-WooCommerce.woff?6hhy2i) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fonts/Brooklyn-WooCommerce.svg?6hhy2i#Brooklyn-WooCommerce) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="BklynWoo-"], [class*=" BklynWoo-"] { font-family: 'Brooklyn-WooCommerce' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.BklynWoo-Add-Shopping-Cart:before {
content: "\e900";
}
.BklynWoo-Add:before {
content: "\e901";
}
.BklynWoo-Add-Basket:before {
content: "\e902";
}
.BklynWoo-Add-Cart:before {
content: "\e903";
}
.BklynWoo-Bag-1:before {
content: "\e904";
}
.BklynWoo-Bag-2:before {
content: "\e905";
}
.BklynWoo-Basket-1:before {
content: "\e906";
}
.BklynWoo-Black-Friday:before {
content: "\e907";
}
.BklynWoo-Cart-1:before {
content: "\e908";
}
.BklynWoo-Cart-2:before {
content: "\e909";
}
.BklynWoo-Cart-Done:before {
content: "\e90a";
}
.BklynWoo-Check-1:before {
content: "\e90b";
}
.BklynWoo-Checkout-Bitcoin-1:before {
content: "\e90c";
}
.BklynWoo-Checkout-Bitcoin-2:before {
content: "\e90d";
}
.BklynWoo-Checkout-Dollar-1:before {
content: "\e90e";
}
.BklynWoo-Checkout-Dollar-2:before {
content: "\e90f";
}
.BklynWoo-Checkout-Euro-1:before {
content: "\e910";
}
.BklynWoo-Checkout-Euro-2:before {
content: "\e911";
}
.BklynWoo-Checkout-Pound-1:before {
content: "\e912";
}
.BklynWoo-Checout-Pound-2:before {
content: "\e913";
}
.BklynWoo-Clear-Basket:before {
content: "\e914";
}
.BklynWoo-Clear-Cart:before {
content: "\e915";
}
.BklynWoo-Discount-Bitcoin:before {
content: "\e916";
}
.BklynWoo-Discount-Dollar:before {
content: "\e917";
}
.BklynWoo-Discount-Euro:before {
content: "\e918";
}
.BklynWoo-Discount-Pound:before {
content: "\e919";
}
.BklynWoo-Done-Basket:before {
content: "\e91a";
}
.BklynWoo-Error:before {
content: "\e91b";
}
.BklynWoo-Favorite-Store:before {
content: "\e91c";
}
.BklynWoo-Free-Tag-1:before {
content: "\e91d";
}
.BklynWoo-Free-Tag-2:before {
content: "\e91e";
}
.BklynWoo-Full-Cart:before {
content: "\e91f";
}
.BklynWoo-Gift-Box:before {
content: "\e920";
}
.BklynWoo-Gift-Card:before {
content: "\e921";
}
.BklynWoo-Loyalty-Card:before {
content: "\e922";
}
.BklynWoo-New-Tag-1:before {
content: "\e923";
}
.BklynWoo-New-Tag-2:before {
content: "\e924";
}
.BklynWoo-New-Tag-3:before {
content: "\e925";
}
.BklynWoo-New-Tag-5:before {
content: "\e926";
}
.BklynWoo-New-Tga-4:before {
content: "\e927";
}
.BklynWoo-Play-Stor:before {
content: "\e928";
}
.BklynWoo-Remouve-Basket:before {
content: "\e929";
}
.BklynWoo-Remouve-Cart:before {
content: "\e92a";
}
.BklynWoo-Remove-Shopping-Cart:before {
content: "\e92b";
}
.BklynWoo-Remove:before {
content: "\e92c";
}
.BklynWoo-Sale-1:before {
content: "\e92d";
}
.BklynWoo-Sale-2:before {
content: "\e92e";
}
.BklynWoo-Sale-Tag-1:before {
content: "\e92f";
}
.BklynWoo-Search:before {
content: "\e930";
}
.BklynWoo-Shopping-Bag:before {
content: "\e931";
}
.BklynWoo-Shopping-Basket:before {
content: "\e932";
}
.BklynWoo-Shopping-Cart:before {
content: "\e933";
}
.BklynWoo-User-1:before {
content: "\e934";
}  @font-face {
font-family: 'FontAwesome';
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fontawesome/fontawesome-webfont.eot?v=4.7.0);
src: url(//idegraph.com/wp-content/themes/brooklyn/css/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fontawesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fontawesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fontawesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
url(//idegraph.com/wp-content/themes/brooklyn/css/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
} .pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
@media (max-width: 400px) {
@-ms-viewport {
width: 320px;
}
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-20:before, .tablet-grid-25:before, .tablet-grid-30:before, .tablet-grid-35:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .tablet-grid-70:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .tablet-grid-33:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.tablet-grid-5:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.tablet-grid-30:after,
.tablet-grid-35:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.tablet-grid-55:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.tablet-grid-70:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after,
.tablet-grid-100:after,
.tablet-grid-33:after,
.tablet-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
.grid-30:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
.grid-50:after,
.grid-55:after,
.grid-60:after,
.grid-65:after,
.grid-70:after,
.grid-75:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.grid-33:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after, .tablet-grid-33:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
clear: both;
}
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.grid-parent {
padding-left: 0;
padding-right: 0;
}
.grid-offset {
clear: both;
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 767px) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%;
}
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%;
}
.mobile-pull-5 {
left: -5%;
}
.mobile-grid-10 {
float: left;
width: 10%;
}
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%;
}
.mobile-pull-10 {
left: -10%;
}
.mobile-grid-15 {
float: left;
width: 15%;
}
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%;
}
.mobile-pull-15 {
left: -15%;
}
.mobile-grid-20 {
float: left;
width: 20%;
}
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%;
}
.mobile-pull-20 {
left: -20%;
}
.mobile-grid-25 {
float: left;
width: 25%;
}
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%;
}
.mobile-pull-25 {
left: -25%;
}
.mobile-grid-30 {
float: left;
width: 30%;
}
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%;
}
.mobile-pull-30 {
left: -30%;
}
.mobile-grid-35 {
float: left;
width: 35%;
}
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%;
}
.mobile-pull-35 {
left: -35%;
}
.mobile-grid-40 {
float: left;
width: 40%;
}
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%;
}
.mobile-pull-40 {
left: -40%;
}
.mobile-grid-45 {
float: left;
width: 45%;
}
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%;
}
.mobile-pull-45 {
left: -45%;
}
.mobile-grid-50 {
float: left;
width: 50%;
}
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%;
}
.mobile-pull-50 {
left: -50%;
}
.mobile-grid-55 {
float: left;
width: 55%;
}
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%;
}
.mobile-pull-55 {
left: -55%;
}
.mobile-grid-60 {
float: left;
width: 60%;
}
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%;
}
.mobile-pull-60 {
left: -60%;
}
.mobile-grid-65 {
float: left;
width: 65%;
}
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%;
}
.mobile-pull-65 {
left: -65%;
}
.mobile-grid-70 {
float: left;
width: 70%;
}
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%;
}
.mobile-pull-70 {
left: -70%;
}
.mobile-grid-75 {
float: left;
width: 75%;
}
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%;
}
.mobile-pull-75 {
left: -75%;
}
.mobile-grid-80 {
float: left;
width: 80%;
}
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%;
}
.mobile-pull-80 {
left: -80%;
}
.mobile-grid-85 {
float: left;
width: 85%;
}
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%;
}
.mobile-pull-85 {
left: -85%;
}
.mobile-grid-90 {
float: left;
width: 90%;
}
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%;
}
.mobile-pull-90 {
left: -90%;
}
.mobile-grid-95 {
float: left;
width: 95%;
}
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%;
}
.mobile-pull-95 {
left: -95%;
}
.mobile-grid-33 {
float: left;
width: 33.33333%;
}
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%;
}
.mobile-pull-33 {
left: -33.33333%;
}
.mobile-grid-66 {
float: left;
width: 66.66667%;
}
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%;
}
.mobile-pull-66 {
left: -66.66667%;
}
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative;
}
.hide-on-tablet {
display: none !important;
}
.tablet-grid-5 {
float: left;
width: 5%;
}
.tablet-prefix-5 {
margin-left: 5%;
}
.tablet-suffix-5 {
margin-right: 5%;
}
.tablet-push-5 {
left: 5%;
}
.tablet-pull-5 {
left: -5%;
}
.tablet-grid-10 {
float: left;
width: 10%;
}
.tablet-prefix-10 {
margin-left: 10%;
}
.tablet-suffix-10 {
margin-right: 10%;
}
.tablet-push-10 {
left: 10%;
}
.tablet-pull-10 {
left: -10%;
}
.tablet-grid-15 {
float: left;
width: 15%;
}
.tablet-prefix-15 {
margin-left: 15%;
}
.tablet-suffix-15 {
margin-right: 15%;
}
.tablet-push-15 {
left: 15%;
}
.tablet-pull-15 {
left: -15%;
}
.tablet-grid-20 {
float: left;
width: 20%;
}
.tablet-prefix-20 {
margin-left: 20%;
}
.tablet-suffix-20 {
margin-right: 20%;
}
.tablet-push-20 {
left: 20%;
}
.tablet-pull-20 {
left: -20%;
}
.tablet-grid-25 {
float: left;
width: 25%;
}
.tablet-prefix-25 {
margin-left: 25%;
}
.tablet-suffix-25 {
margin-right: 25%;
}
.tablet-push-25 {
left: 25%;
}
.tablet-pull-25 {
left: -25%;
}
.tablet-grid-30 {
float: left;
width: 30%;
}
.tablet-prefix-30 {
margin-left: 30%;
}
.tablet-suffix-30 {
margin-right: 30%;
}
.tablet-push-30 {
left: 30%;
}
.tablet-pull-30 {
left: -30%;
}
.tablet-grid-35 {
float: left;
width: 35%;
}
.tablet-prefix-35 {
margin-left: 35%;
}
.tablet-suffix-35 {
margin-right: 35%;
}
.tablet-push-35 {
left: 35%;
}
.tablet-pull-35 {
left: -35%;
}
.tablet-grid-40 {
float: left;
width: 40%;
}
.tablet-prefix-40 {
margin-left: 40%;
}
.tablet-suffix-40 {
margin-right: 40%;
}
.tablet-push-40 {
left: 40%;
}
.tablet-pull-40 {
left: -40%;
}
.tablet-grid-45 {
float: left;
width: 45%;
}
.tablet-prefix-45 {
margin-left: 45%;
}
.tablet-suffix-45 {
margin-right: 45%;
}
.tablet-push-45 {
left: 45%;
}
.tablet-pull-45 {
left: -45%;
}
.tablet-grid-50 {
float: left;
width: 50%;
}
.tablet-prefix-50 {
margin-left: 50%;
}
.tablet-suffix-50 {
margin-right: 50%;
}
.tablet-push-50 {
left: 50%;
}
.tablet-pull-50 {
left: -50%;
}
.tablet-grid-55 {
float: left;
width: 55%;
}
.tablet-prefix-55 {
margin-left: 55%;
}
.tablet-suffix-55 {
margin-right: 55%;
}
.tablet-push-55 {
left: 55%;
}
.tablet-pull-55 {
left: -55%;
}
.tablet-grid-60 {
float: left;
width: 60%;
}
.tablet-prefix-60 {
margin-left: 60%;
}
.tablet-suffix-60 {
margin-right: 60%;
}
.tablet-push-60 {
left: 60%;
}
.tablet-pull-60 {
left: -60%;
}
.tablet-grid-65 {
float: left;
width: 65%;
}
.tablet-prefix-65 {
margin-left: 65%;
}
.tablet-suffix-65 {
margin-right: 65%;
}
.tablet-push-65 {
left: 65%;
}
.tablet-pull-65 {
left: -65%;
}
.tablet-grid-70 {
float: left;
width: 70%;
}
.tablet-prefix-70 {
margin-left: 70%;
}
.tablet-suffix-70 {
margin-right: 70%;
}
.tablet-push-70 {
left: 70%;
}
.tablet-pull-70 {
left: -70%;
}
.tablet-grid-75 {
float: left;
width: 75%;
}
.tablet-prefix-75 {
margin-left: 75%;
}
.tablet-suffix-75 {
margin-right: 75%;
}
.tablet-push-75 {
left: 75%;
}
.tablet-pull-75 {
left: -75%;
}
.tablet-grid-80 {
float: left;
width: 80%;
}
.tablet-prefix-80 {
margin-left: 80%;
}
.tablet-suffix-80 {
margin-right: 80%;
}
.tablet-push-80 {
left: 80%;
}
.tablet-pull-80 {
left: -80%;
}
.tablet-grid-85 {
float: left;
width: 85%;
}
.tablet-prefix-85 {
margin-left: 85%;
}
.tablet-suffix-85 {
margin-right: 85%;
}
.tablet-push-85 {
left: 85%;
}
.tablet-pull-85 {
left: -85%;
}
.tablet-grid-90 {
float: left;
width: 90%;
}
.tablet-prefix-90 {
margin-left: 90%;
}
.tablet-suffix-90 {
margin-right: 90%;
}
.tablet-push-90 {
left: 90%;
}
.tablet-pull-90 {
left: -90%;
}
.tablet-grid-95 {
float: left;
width: 95%;
}
.tablet-prefix-95 {
margin-left: 95%;
}
.tablet-suffix-95 {
margin-right: 95%;
}
.tablet-push-95 {
left: 95%;
}
.tablet-pull-95 {
left: -95%;
}
.tablet-grid-33 {
float: left;
width: 33.33333%;
}
.tablet-prefix-33 {
margin-left: 33.33333%;
}
.tablet-suffix-33 {
margin-right: 33.33333%;
}
.tablet-push-33 {
left: 33.33333%;
}
.tablet-pull-33 {
left: -33.33333%;
}
.tablet-grid-66 {
float: left;
width: 66.66667%;
}
.tablet-prefix-66 {
margin-left: 66.66667%;
}
.tablet-suffix-66 {
margin-right: 66.66667%;
}
.tablet-push-66 {
left: 66.66667%;
}
.tablet-pull-66 {
left: -66.66667%;
}
.tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1025px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%;
}
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%;
}
.pull-5 {
left: -5%;
}
.grid-10 {
float: left;
width: 10%;
}
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%;
}
.pull-10 {
left: -10%;
}
.grid-15 {
float: left;
width: 15%;
}
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%;
}
.pull-15 {
left: -15%;
}
.grid-20 {
float: left;
width: 20%;
}
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%;
}
.pull-20 {
left: -20%;
}
.grid-25 {
float: left;
width: 25%;
}
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%;
}
.pull-25 {
left: -25%;
}
.grid-30 {
float: left;
width: 30%;
}
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%;
}
.pull-30 {
left: -30%;
}
.grid-35 {
float: left;
width: 35%;
}
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%;
}
.pull-35 {
left: -35%;
}
.grid-40 {
float: left;
width: 40%;
}
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%;
}
.pull-40 {
left: -40%;
}
.grid-45 {
float: left;
width: 45%;
}
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%;
}
.pull-45 {
left: -45%;
}
.grid-50 {
float: left;
width: 50%;
}
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%;
}
.pull-50 {
left: -50%;
}
.grid-55 {
float: left;
width: 55%;
}
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%;
}
.pull-55 {
left: -55%;
}
.grid-60 {
float: left;
width: 60%;
}
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%;
}
.pull-60 {
left: -60%;
}
.grid-65 {
float: left;
width: 65%;
}
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%;
}
.pull-65 {
left: -65%;
}
.grid-70 {
float: left;
width: 70%;
}
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%;
}
.pull-70 {
left: -70%;
}
.grid-75 {
float: left;
width: 75%;
}
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%;
}
.pull-75 {
left: -75%;
}
.grid-80 {
float: left;
width: 80%;
}
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%;
}
.pull-80 {
left: -80%;
}
.grid-85 {
float: left;
width: 85%;
}
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%;
}
.pull-85 {
left: -85%;
}
.grid-90 {
float: left;
width: 90%;
}
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%;
}
.pull-90 {
left: -90%;
}
.grid-95 {
float: left;
width: 95%;
}
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%;
}
.pull-95 {
left: -95%;
}
.grid-33 {
float: left;
width: 33.33333%;
}
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%;
}
.pull-33 {
left: -33.33333%;
}
.grid-66 {
float: left;
width: 66.66667%;
}
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%;
}
.pull-66 {
left: -66.66667%;
}
.grid-100 {
clear: both;
width: 100%;
}
}  @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}  .ut-portfolio-wrap {
width:100%;
position:relative;
}
a.close-portfolio-details {
position:relative;
width:40px;
height:40px;
font-size:14px;
line-height:40px;
text-align:center;
margin:0 auto 20px auto;
display:block;
top:0;
right:0;
z-index:1;
opacity:1;
color:#FFFFFF;
background:#151515;
border-radius: 50%;
visibility: visible;
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 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); }
a.close-portfolio-details:hover {
color:#FFFFFF;
background:#151515;
}
a.close-portfolio-details:before {
content:"X";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
a.next-portfolio-details,
a.prev-portfolio-details {
display:block;
margin-top: -25px;
position: absolute;
top: 50%;
height: 50px;
width: 50px;
cursor: pointer;
color:#151515;
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ;
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 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); }
.ut-portfolio-details-navigation[data-slideup-width="fullwidth"] a.next-portfolio-details,
.ut-portfolio-details-navigation[data-slideup-width="fullwidth"] a.prev-portfolio-details {
top: 50% !important;
}
a.next-portfolio-details::before,
a.prev-portfolio-details::before {
content: "\e923";
font-family: 'Brooklyn-Core' !important;
font-size: 40px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
a.next-portfolio-details::before {
content: "\e915";
}
.light .next-portfolio-details,
.light .prev-portfolio-details {
color:#FFFFFF;
}
a.prev-portfolio-details {
opacity: 0;
z-index: 3;
left:0;
margin-left:-70px;
}
a.next-portfolio-details {
opacity: 0;
right:0;
z-index: 3;
margin-right:-70px;
}
a.prev-portfolio-details:hover,
a.next-portfolio-details:hover,
.light a.prev-portfolio-details:hover,
.light a.next-portfolio-details:hover {
opacity: 1;
}
.ut-portfolio-media .ut-portfolio-image {
display:block;
margin:0 auto;
}
.ut-portfolio-media .fluid-width-video-wrapper {
margin:0 auto !important;
}
.ut-portfolio-media video {
width: 100%;
height: 100%;
max-width: 100%;
}
.ut-portfolio-media .wp-video {
width: 100% !important;
}
.ut-portfolio-media {
margin-bottom: 40px;
}
.ut-portfolio-media .ut-post-thumbnail-caption {
padding-right: 0;
width: 50%;
}
@media (max-width: 767px) {
a.next-portfolio-details,
a.prev-portfolio-details {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
a.next-portfolio-details,
a.prev-portfolio-details {
display: none;
}
} .portfolio-style-two .portfolio-title {
margin:0;
padding:30px;
text-align:center;
background:#FFFFFF;
}
.light .portfolio-style-two .portfolio-title {
background:none;
}
.portfolio-style-two .ut-portfolio-info i {
display:block;
margin:0 auto;
text-align:center;
margin-bottom:5px;
} .ut-carousel {
border:none !important;
background: none !important;
overflow:hidden;
}
.ut-carousel .slides img {
width:101% !important;
max-width:101% !important;
}
.ut-carousel .flex-direction-nav a  {
display: block;
width: 60px;
height: 60px;
margin: 0;
position: absolute;
top:50%;
z-index: 10;
margin-top:-30px;
overflow: hidden;
opacity: 1;
cursor: pointer;
color:#ffffff;
-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); text-align:center;
}
.ut-carousel.portfolio-style-two .flex-direction-nav a {
margin-top:-70px;
}
.ut-carousel .flex-direction-nav a:before  { font-family: 'Brooklyn-Core'; font-size: 40px; line-height:60px; display: inline-block; content: '\e90a'; }
.ut-carousel .flex-direction-nav a.flex-next:before  { content: '\e915'; }
.ut-carousel .flex-direction-nav .flex-prev { left:0; border-radius:0 3px 3px 0; }
.ut-carousel .flex-direction-nav .flex-next { right:0; border-radius:3px 0 0 3px; }
.ut-carousel .flex-direction-nav .flex-prev:hover { background:rgba(255, 255, 255, 0.15);  color:#FFFFFF; }
.ut-carousel .flex-direction-nav .flex-next:hover { background:rgba(255, 255, 255, 0.15);  color:#FFFFFF; } .ut-carousel-item.style_two .portfolio-title {
margin:0;
padding:30px;
text-align:center;
background:#FFFFFF;
}
.portfolio-style-two .ut-portfolio-info i {
display:block;
margin:0 auto;
text-align:center;
margin-bottom:5px;
} .ut-showcase {
border:none !important;
background: none !important;
}
.ut-showcase-navigation {
border:none !important;
background: none !important;
} .ut-masonry {
display:block;
}
.ut-masonry {
-webkit-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
img.portfolio-lazy {
visibility: hidden;
}
.ut-grid-item img {
max-width: inherit;
width: auto;
height:100%;
max-height: 100%;
position: absolute;
}
.ut-grid-item figure {
height:100%;
}
.ut-masonry a {
width: calc(100% + 2px);
height: calc(100% + 2px);
left: -1px;
top: -1px;
} .ut-masonry-image {
background-position: center center;
background-repeat: no-repeat;
display:block;
width:100%;
height:100%;
} .ut-portfolio-item-container.animated,
.ut-portfolio-item-packery-container.animated,
.ut-portfolio-item-container .ut-masonry.animated {
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
margin-bottom: -1px; }
.ut-portfolio-item-container.animated,
.ut-portfolio-item-packery-container.animated {
overflow: hidden;
-webkit-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.ut-portfolio-item-container .ut-masonry.animated {
-webkit-transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
} .ut-portfolio-item-packery-container > .ut-portfolio-article .ut-portfolio-item {
background-size: cover;
background-position: center center;
}
.ut-portfolio-item-packery-container > .ut-portfolio-article {
} .ut-portfolio-item-container.has-gutter.guttersize-1 {
width: calc(100% + 20px);
}
.ut-portfolio-item-container.has-gutter.guttersize-2 {
width: calc(100% + 40px);
}
.ut-portfolio-item-container.has-gutter.guttersize-3 {
width: calc(100% + 60px);
}
.ut-portfolio-item-container.ut-portfolio-item-container-with-background.has-gutter {
width: 100%;
}
.ut-portfolio-item-container.ut-portfolio-item-container-with-background.has-gutter.guttersize-1 {
padding-left: 20px
}
.ut-portfolio-item-container.ut-portfolio-item-container-with-background.has-gutter.guttersize-2 {
padding-left: 40px
}
.ut-portfolio-item-container.ut-portfolio-item-container-with-background.has-gutter.guttersize-3 {
padding-left: 60px
}
.ut-portfolio-item-container .ut-masonry.gutter-1 {
margin-right: 20px;
margin-bottom: 20px
}
.ut-portfolio-item-container .ut-masonry.gutter-2 {
margin-right: 40px;
margin-bottom: 40px
}
.ut-portfolio-item-container .ut-masonry.gutter-3 {
margin-right: 60px;
margin-bottom: 60px
}
@media screen and (max-width: 767px) {
.ut-portfolio-item-container.has-gutter.guttersize-2,
.ut-portfolio-item-container.has-gutter.guttersize-3 {
width: calc(100% + 30px);
}
.ut-portfolio-item-container.ut-portfolio-item-container-with-background.has-gutter {
width: 100%;
}
.ut-portfolio-item-container .ut-masonry.gutter-2,
.ut-portfolio-item-container .ut-masonry.gutter-3 {
margin-right: 30px;
margin-bottom: 30px
}
}
@media screen and (max-width: 400px) {
.ut-portfolio-item-container.has-gutter.guttersize-2,
.ut-portfolio-item-container.has-gutter.guttersize-3 {
width: calc(100% + 20px);
}
.ut-portfolio-item-container.ut-portfolio-item-container-with-background.has-gutter {
width: 100%;
}
.ut-portfolio-item-container .ut-masonry.gutter-2,
.ut-portfolio-item-container .ut-masonry.gutter-3 {
margin-right: 20px;
margin-bottom: 20px;
}
}
.ut-portfolio-item-container .ut-masonry.gutter.last {
margin-right:0px;
}
.gutter-shadow {
-webkit-box-shadow: 0px 40px 50px -40px #000;
box-shadow: 0px 40px 50px -40px #000;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.ut-portfolio-item {
display:block;
width:100%;
height:100%;
} .ut-portfolio-item a {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.ut-portfolio-item img {
-webkit-backface-visibility: hidden;
}
.vc_section[data-vc-stretch-content] .ut-portfolio-menu-wrap,
.vc_row[data-vc-stretch-content] .ut-portfolio-menu-wrap {
margin-left: 20px;
margin-right: 20px;
}
@media (min-width: 1025px) {
.vc_section[data-vc-stretch-content] .ut-portfolio-menu-wrap,
.vc_row[data-vc-stretch-content] .ut-portfolio-menu-wrap {
margin-left: 40px;
margin-right: 40px;
}
.ut-portfolio-menu.ut-portfolio-menu-40 li {
margin:0 40px 20px 0;
}
.ut-portfolio-menu.ut-portfolio-menu-60 li {
margin:0 60px 20px 0;
}
.ut-portfolio-menu.ut-portfolio-menu-80 li {
margin:0 80px 20px 0;
}
.ut-portfolio-menu.ut-portfolio-menu-100 li {
margin:0 100px 20px 0;
}
}
.ut-portfolio-menu-wrap {
display:block;
text-align:center;
margin-bottom:20px;
}
.ut-portfolio-menu {
list-style:none;
margin:0;
padding:0;
border:none;
display:block;
}
.ut-portfolio-menu li {
margin:0 20px 20px 0;
display:inline-block;
list-style:none;
position:relative;
}
.ut-portfolio-menu-wrap-left .ut-portfolio-layout-change {
float: right;
}
.ut-portfolio-menu-wrap-right .ut-portfolio-layout-change {
float: left;
}
@media (max-width: 767px) {
.ut-portfolio-menu li {
margin: 0 10px 10px 10px;
}
}
.ut-portfolio-menu li:last-child {
margin-right:0;
}
.ut-portfolio-menu li a {
font-size:12px;
background:transparent;
padding:10px;
line-height:100%;
color:#777777;
display:inline-block;
border:1px solid #777777;
-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); }
.ut-portfolio-menu li a.selected,
.ut-portfolio-menu li a.selected:hover {
color:#FFFFFF;
background:#151515;
border-color:#151515;
}
.ut-portfolio-menu li a:hover {
border-color:#151515;
color:#151515;
}
.light .ut-portfolio-menu li a {
color:#FFFFFF;
border-color:#FFFFFF;
}
.light .ut-portfolio-menu li a.selected:hover,
.light .ut-portfolio-menu li a.selected {
color:#151515 !important;
background:#FFFFFF;
border-color:#FFFFFF !important;
}
.ut-portfolio-menu.style_two li a {
background:#FFFFFF;
border:none;
border-radius:3px;
}
.light .ut-portfolio-menu.style_two li a {
background:none;
color:#FFFFFF;
}
.ut-portfolio-menu.style_two li a:hover,
.ut-portfolio-menu.style_two li a.selected,
.light .ut-portfolio-menu.style_two li a:hover,
.light .ut-portfolio-menu.style_two li a.selected,
.light .ut-portfolio-menu.style_two li a.selected:hover {
color:#FFFFFF !important;
}
.ut-portfolio-menu.style_three li a {
border:none;
border-radius:3px;
}
.light .ut-portfolio-menu.style_three li a {
background:none;
color:#FFFFFF;
}
.light .ut-portfolio-menu.style_three li a:hover {
background:#FFFFFF !important;
color:#151515 !important;
}
.ut-portfolio-menu.style_three li a.selected {
color:#FFFFFF;
background:#151515;
border-color:#151515;
}
.light .ut-portfolio-menu.style_three li a.selected,
.light .ut-portfolio-menu.style_three li a.selected:hover {
color:#151515 !important;
background:#FFFFFF;
}
.ut-portfolio-info .portfolio-title {
margin:0;
font-size: 17px;
line-height: 150%;
}
.ut-portfolio-detail {
margin-bottom: 0;
} .ut-portfolio-pagination {
margin:30px auto 20px auto;
font-size:12px;
display:block;
text-align:center;
text-transform:uppercase;
letter-spacing:0.5px;
}
.ut-portfolio-pagination a {
margin-right:10px;
padding:8px 12px;
background:transparent;
color:#888888;
border:1px solid #888888;
-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); }
.ut-portfolio-pagination a:last-child {
margin-right:0;
}
.ut-portfolio-pagination.style_two a {
border-radius:3px;
background:#FFFFFF;
border:none !important;
}
.ut-portfolio-pagination.style_three a {
border-radius:3px;
background:none;
border:none !important;
}
.light .ut-portfolio-pagination.style_three a:hover {
background:#FFFFFF;
color:#151515 !important;
}
.ut-portfolio-pagination.style_two a {
color:#888888;
background:none;
}
.light .ut-portfolio-pagination.style_two a.selected,
.light .ut-portfolio-pagination.style_two a:hover,
.light .ut-portfolio-pagination.style_two a.selected:hover {
color:#FFFFFF !important;
}
.ut-portfolio-pagination.style_two a:hover,
.light .ut-portfolio-pagination a {
color:#FFFFFF;
border-color:#FFFFFF;
}
.ut-portfolio-pagination a.selected:hover,
.ut-portfolio-pagination a.selected {
background:#151515;
border-color:#151515;
color:#FFFFFF;
}
.light .ut-portfolio-pagination a.selected {
border-color:#FFFFFF;
background:#FFFFFF;
color:#151515;
}
.light .ut-portfolio-pagination a.selected:hover {
border-color:#FFFFFF !important;
background:#FFFFFF !important;
color:#151515 !important;
}
.ut-portfolio-pagination a:hover {
color:#151515;
border-color:#151515;
} .ut-portfolio-details-wrap {
position: relative;
opacity:0;
display: none;
-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
max-height: 0;
overflow: hidden;
}
.vc_section[data-vc-full-width="true"]:not([data-vc-stretch-content="true"]) .ut-portfolio-details-wrap {
margin-left: -20px;
margin-right: -20px;
}
.ut-portfolio-details-wrap.show {
opacity:1;
display: block;
}
.ut-portfolio-details-wrap.overflow-visible {
max-height: 20000px;
}
.ut-portfolio-details {
position:relative;
visibility: hidden;
}
.ut-portfolio-detail {
display:none;
opacity:0;
overflow:hidden;
position:relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .ut-portfolio-details-wrap .ut-portfolio-detail.animated {
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
.ut-portfolio-details-navigation {
opacity:0;
position:relative;
z-index:10;
display: none; -webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: opacity 0.8s;
}
.ut-portfolio-details-navigation.show {
opacity:1;
}
.ut-portfolio-list {
margin-left:0;
list-style:none !important;
font-size:11px;
text-transform:uppercase;
text-align:center;
}
.ut-portfolio-list strong {
font-weight:normal;
}
.ut-portfolio-list li {
margin-right:10px;
display:inline;
}
.ut-portfolio-detail-loader {
background:#151515;
position:fixed;
z-index:2502;
line-height: 80px;
display:none;
width:80px;
height:80px;
border-radius:50%;
top: 50vh;
left: calc(50% - 40px);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #FFFFFF;
font-size:40px;
-webkit-animation: rotating 1.5s linear infinite;
animation: rotating 1.5s linear infinite;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
.ut-portfolio-detail-loader i {
line-height: 80px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.ut-portfolio-detail .wp-audio-shortcode {
visibility:visible !important;
} .ut-portfolio-gallery-slider {
border:none !important;
background: none !important;
overflow:hidden;
margin: 0;
padding: 0;
position: relative;
zoom: 1;
}
.ut-portfolio-gallery-slider img {
height:auto;
margin:0 auto;
display:block;
}
.ut-portfolio-gallery-slider .slides li:after {
content: ".";
position:absolute;
display:block;
top:0;
left:0;
z-index:-1000;
}
.ut-portfolio-gallery-slider .flex-direction-nav {
display: inline-block;
list-style:none;
position: absolute;
margin: 0;
bottom: 20px;
right: 20px;
height: 40px;
width: 100px;
z-index: 100;
text-align: right;
}
.ut-portfolio-gallery-slider .flex-direction-nav li {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 10px;
}
.ut-portfolio-gallery-slider .flex-direction-nav li:last-child {
margin: 0;
}
.ut-portfolio-gallery-slider .flex-direction-nav a  {
display:block;
width: 40px;
height: 40px;
margin: 0;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
color:#FFFFFF;
text-align:center;
background:#151515;
border-radius: 50%;
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000), background 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); }
.ut-portfolio-gallery-slider .flex-direction-nav a:before  { font-family: 'Brooklyn-Core'; font-size: 14px; line-height:40px; display: inline-block; content: '\e90a'; }
.ut-portfolio-gallery-slider .flex-direction-nav a.flex-next:before  { content: '\e915'; }
.ut-portfolio-gallery-slider .flex-direction-nav a.flex-next {
}
.ut-portfolio-gallery-slider .flex-direction-nav .flex-prev:hover,
.ut-portfolio-gallery-slider .flex-direction-nav .flex-next:hover {
} .ut-hover a {
position: relative;
display: block;
overflow: hidden;
text-align:center;
-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); }
.ut-hover img,
.ut-hover video.ut-selfvideo-player {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
-o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important; -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000) !important; }
.ut-hover:hover img,
.ut-hover:hover video.ut-selfvideo-player {
-webkit-transform:scale(1.1) !important;
-ms-transform:scale(1.1) !important;
transform:scale(1.1) !important;
}
.ut-hover .ut-morph-active img {
-webkit-transform:scale(1) !important;
-ms-transform:scale(1) !important;
transform:scale(1) !important;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.single-portfolio .ut-portfolio-info {
padding:0;
}
.ut-portfolio-info {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding:20px;
}
.ut-portfolio-article-tilt .ut-portfolio-info {
padding: 40px;
}
.ut-portfolio-info-c {
text-align:center;
-webkit-animation-duration: 400ms;
-webkit-animation-fill-mode: both;
-webkit-animation-name: fadeOut;
animation-duration: 400ms;
animation-fill-mode: both;
animation-name: fadeOut;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
line-height: 1;
}
.ut-hover:hover .ut-portfolio-info-c {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.ut-hover-layer > div {
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:100%;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ut-hover-layer {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width:100%;
height:100%;
-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-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); }
.ut-portfolio-article-permanent-caption .ut-hover-layer {
opacity: 1 !important;
}
.ut-portfolio-article-permanent-caption .ut-portfolio-info-c {
-webkit-animation: none !important;
animation: none !important;
}
.ut-portfolio-offset-anchor {
position:absolute;
visibility:hidden;
top: -79px; }
.isotope-hidden { visibility:hidden; }
.ut-portfolio-item {
display:block;
width:100%;
height:100%;
}
.ut-portfolio-item .ut-video-container {
pointer-events: none;
}
.ut-portfolio-info-c span.ut-portfolio-info-plus {
font-size:24px !important;
} .ut-portfolio-item-container-2-columns .ut-masonry-default,
.ut-portfolio-item-container-2-columns .ut-masonry-portrait {
width:50%;
}
.ut-portfolio-item-container-2-columns .ut-masonry-panorama,
.ut-portfolio-item-container-2-columns .ut-masonry-xxl {
width:100%;
}
@media (max-width: 1024px) {
.ut-portfolio-item-container-2-columns .ut-masonry-panorama,
.ut-portfolio-item-container-2-columns .ut-masonry-xxl {
width:50%;
}
}
@media (max-width: 767px) {
.ut-portfolio-item-container-2-columns .ut-masonry-default,
.ut-portfolio-item-container-2-columns .ut-masonry-portrait {
width:100%;
}
.ut-portfolio-item-container-2-columns .ut-masonry-panorama,
.ut-portfolio-item-container-2-columns .ut-masonry-xxl {
width:100%;
}
} .ut-portfolio-item-container-3-columns .ut-masonry-default,
.ut-portfolio-item-container-3-columns .ut-masonry-portrait {
width:33.33333%;
}
.ut-portfolio-item-container-3-columns .ut-masonry-panorama,
.ut-portfolio-item-container-3-columns .ut-masonry-xxl {
width:66.66666%;
}
@media (max-width: 1024px) {
.ut-portfolio-item-container-3-columns .ut-masonry-default,
.ut-portfolio-item-container-3-columns .ut-masonry-portrait {
width:50%;
}
.ut-portfolio-item-container-3-columns .ut-masonry-panorama,
.ut-portfolio-item-container-3-columns .ut-masonry-xxl {
width:50%;
}
}
@media (max-width: 767px) {
.ut-portfolio-item-container-3-columns .ut-masonry-default,
.ut-portfolio-item-container-3-columns .ut-masonry-portrait {
width:100%;
}
.ut-portfolio-item-container-3-columns .ut-masonry-panorama,
.ut-portfolio-item-container-3-columns .ut-masonry-xxl {
width:100%;
}
} .ut-portfolio-item-container-4-columns .ut-masonry-default,
.ut-portfolio-item-container-4-columns .ut-masonry-portrait {
width:25%;
}
.ut-portfolio-item-container-4-columns .ut-masonry-panorama,
.ut-portfolio-item-container-4-columns .ut-masonry-xxl {
width:50%;
}
@media (max-width: 1680px) {
.ut-portfolio-item-container-4-columns .ut-masonry-default,
.ut-portfolio-item-container-4-columns .ut-masonry-portrait {
width:50%;
}
.ut-portfolio-item-container-4-columns .ut-masonry-panorama,
.ut-portfolio-item-container-4-columns .ut-masonry-xxl {
width:50%;
}
}
@media (max-width: 767px) {
.ut-portfolio-item-container-4-columns .ut-masonry-default,
.ut-portfolio-item-container-4-columns .ut-masonry-portrait {
width:100%;
}
.ut-portfolio-item-container-4-columns .ut-masonry-panorama,
.ut-portfolio-item-container-4-columns .ut-masonry-xxl {
width:100%;
}
} .ut-portfolio-article {
visibility: hidden;
}
.ut-portfolio-article.show {
visibility: visible;
}
.ut-portfolio-article-tilt .ut-portfolio-item,
.ut-portfolio-article-tilt .ut-portfolio-item a,
.ut-portfolio-article-tilt .ut-portfolio-item a .ut-hover-layer,
.ut-portfolio-article-tilt .ut-portfolio-item a .ut-portfolio-info {
transform-style: preserve-3d;
}
.ut-portfolio-article-tilt .ut-portfolio-item a {
overflow: visible;
}
.ut-portfolio-article-tilt .ut-portfolio-item figure {
overflow: hidden;
}
.ut-portfolio-article-tilt .ut-hover .ut-portfolio-info-c {
-webkit-animation-name: none;
animation-name: none;
-webkit-transform: translateZ(60px);
transform: translateZ(60px);
transform-origin: center center;
opacity: 0;
}
.ut-portfolio-article-tilt .ut-hover-layer {
-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 200ms 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); }
.ut-portfolio-article-tilt .ut-hover:hover .ut-portfolio-info-c,
.ut-portfolio-article-tilt.ut-portfolio-article-permanent-caption .ut-hover .ut-portfolio-info-c {
transition: opacity;
transition-duration: 200ms;
transition-delay: 200ms;
opacity: 1;
}
.ut-portfolio-article.ut-tilt-active {
z-index: 1;
} .ut-portfolio-article-animation {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ut-portfolio-article.ut-portfolio-article-animation .ut-portfolio-article-animation-box {
-webkit-animation-name: none;
animation-name: none;
}
.ut-portfolio-article .ut-portfolio-article-animation-box {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
display: block;
width: 100%;
height: 100%; -webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.compose-mode .ut-portfolio-article .ut-portfolio-article-animation-box {
opacity: 1 !important;
visibility: visible !important;
}
.ut-portfolio-article .ut-portfolio-article-animation-box.portfolioFadeInUp { -webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.portfolioFadeInUp {
-webkit-animation-name: portfolioFadeInUp;
animation-name: portfolioFadeInUp;
}
@-webkit-keyframes portfolioFadeInUp {
0% {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes portfolioFadeInUp {
0% {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.portfolioZoomIn {
-webkit-animation-name: portfolioZoomIn;
animation-name: portfolioZoomIn;
}
@-webkit-keyframes portfolioZoomIn {
0% {
-webkit-transform: scale(0.001);
transform: scale(0.001);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes portfolioZoomIn {
0% {
-webkit-transform: scale(0.001);
transform: scale(0.001);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.portfolioFadeIn {
-webkit-animation-name: portfolioFadeIn;
animation-name: portfolioFadeIn;
}
.ut-portfolio-article .ut-portfolio-article-animation-box.portfolioFadeIn {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
@-webkit-keyframes portfolioFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes portfolioFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @media (min-width: 1025px) {
.ut-portfolio-detail-fullwidth {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.BrooklynFadeInLeftSlideUp,
.BrooklynFadeInRightSlideUp,
.BrooklynFadeOutLeftSlideUp,
.BrooklynFadeOutRightSlideUp {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.BrooklynFadeInLeftSlideUp {
-webkit-animation-name: BrooklynFadeInLeft;
animation-name: BrooklynFadeInLeft;
}
.BrooklynFadeInRightSlideUp {
-webkit-animation-name: BrooklynFadeInRightSlideUp;
animation-name: BrooklynFadeInRightSlideUp;
}
.BrooklynFadeOutLeftSlideUp {
-webkit-animation-name: BrooklynFadeOutLeftSlideUp;
animation-name: BrooklynFadeOutLeftSlideUp;
}
.BrooklynFadeOutRightSlideUp {
-webkit-animation-name: BrooklynFadeOutRightSlideUp;
animation-name: BrooklynFadeOutRightSlideUp;
} @-webkit-keyframes BrooklynFadeInLeftSlideUp {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInLeftSlideUp {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeOutLeftSlideUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
}
@keyframes BrooklynFadeOutLeftSlideUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeOutRightSlideUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
}
@keyframes BrooklynFadeOutRightSlideUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeInRightSlideUp {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInRightSlideUp {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .ut-react-carousel-container {
position: relative;
}
.ut-react-carousel {
opacity: 0;
transition: opacity 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.ut-react-carousel.loaded {
opacity: 1;
}
.ut-react-carousel.is-sliding .ut-react-carousel-interaction .ut-react-carousel-item-left,
.ut-react-carousel.is-sliding .ut-react-carousel-interaction .ut-react-carousel-item-right {
visibility: hidden;
}
.ut-react-carousel:not(.mouseentered).is-sliding .ut-react-carousel-interaction .ut-react-carousel-item-center {
visibility: hidden;
pointer-events: none;
}
.ut-react-grid {
position: absolute;
display: grid;
height: 100%;
width: 100%;
left: 0;
top: 0;
grid-template-columns: 30% 30% 30%;
grid-column-gap: 5%;
grid-template-areas: 'griditem-left griditem-center griditem-right';
}
.ut-portfolio-wrap.ut-react-grid {
position: relative; }
.ut-react-carousel,
.ut-react-carousel-interaction {
left: -5%;
width: 110%;
pointer-events: none;
z-index: 1;
}
.ut-react-carousel.is-sliding {
pointer-events: auto;
}
.ut-react-carousel-item {
display: flex;
justify-content: center;
position: relative;
pointer-events: none;
opacity: 0;
grid-area: griditem-center;
}
.ut-react-carousel-slide {
flex-direction: column;
width: 100%;
}
.ut-react-carousel-item-center,
.ut-react-carousel-item-left,
.ut-react-carousel-item-right {
opacity: 1;
cursor: pointer;
}
.ut-react-carousel-item-left {
grid-area: griditem-left;
}
.ut-react-carousel-item-center {
grid-area: griditem-center;
}
.ut-react-carousel-item-right {
grid-area: griditem-right;
}
.ut-react-carousel-item-cursor {
pointer-events: auto;
}
.ut-react-carousel-img-wrap {
width: 100%;
position: relative;
}
.ut-react-carousel-img {
width: calc(100% + 40px);
height: 100%;
left: -20px;
top: 0;
background-size: cover !important;
background-position: 50% 50% !important;
pointer-events: none;
}
.ut-react-carousel-img img {
-webkit-transition: filter 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: filter 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.ut-react-carousel-disable-filter-permanent-hover-centered .ut-react-carousel-item .ut-react-carousel-img-wrap.mouseenter .ut-react-carousel-img img,
.ut-react-carousel-disable-filter-permanent-hover-centered:not(.is-sliding) .ut-react-carousel-item-center .ut-react-carousel-img-wrap .ut-react-carousel-img img,
.ut-react-carousel-disable-filter-permanent-centered:not(.is-sliding) .ut-react-carousel-item-center .ut-react-carousel-img-wrap .ut-react-carousel-img img,
.ut-react-carousel-disable-filter-permanent-hover .ut-react-carousel-item .ut-react-carousel-img-wrap.mouseenter .ut-react-carousel-img img {
filter: none !important;
}
.ut-react-carousel-disable-link .ut-react-carousel-item-center {
cursor: default !important;
}
.ut-react-carousel-item-with-shadow .ut-react-carousel-img img {
box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
} .ut-react-carousel-item .ut-video-container {
top: -2px;
bottom: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
left: -2px; }
.ut-portfolio-wrap.flexslider .slides > li {
position: relative;
} .ut-react-carousel,
.ut-react-carousel-item .ut-video-container,
.ut-react-carousel-img-wrap,
.ut-react-carousel-caption,
.ut-react-carousel-number,
.ut-react-carousel-title {
will-change: transform;
} .ut-react-carousel-number {
font-size: 3rem;
line-height: 1;
margin: 0 0 0.5rem 0;
font-weight: 700;
}
.ut-react-carousel-item-with-stroke-number .ut-react-carousel-number {
-webkit-text-stroke: 1px #FFF;
text-stroke: 1px #FFF;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
color: transparent;
} .ut-react-carousel-titles-wrap,
.ut-react-carousel-titles-background-wrap {
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: none;
}
.ut-react-carousel-titles-background-wrap {
pointer-events: none;
z-index: -1;
}
.ut-react-grid.ut-react-carousel-background-titles {
grid-column-gap: unset;
grid-template-columns: 33.33% 33.33% 33.33%;
grid-template-rows: 100% 100%;
width: 200%;
left: -50%;
}
.ut-react-carousel-title,
.ut-react-carousel-background-title {
margin: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
align-content: stretch;
}
.ut-react-carousel-background-title.ut-react-carousel-item:not(.ut-react-carousel-item-center):not(.ut-react-carousel-item-left):not(.ut-react-carousel-item-right) {
opacity: 0 !important;
}
.ut-react-carousel-background-title .ut-text-svg {
width: 100% !important;
height: 100% !important;
max-width: 80%;
}
.ut-react-carousel-background-title .ut-text-svg .ut-stroke-offset-line  {
stroke-width: 1px;
}
.ut-react-carousel-caption {
text-transform: uppercase;
letter-spacing: 0.1rem;
font-size: 0.75rem;
font-weight: 400;
margin: 0.75rem 0 0 0;
}
.ut-react-carousel-item .ut-text-svg {
max-width: 100%;
height: auto;
}
.ut-react-carousel-item .ut-text-svg { }
.ut-text-svg {
stroke-width: 0;
-webkit-transition: filter 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: filter 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.ut-text-svg.ut-text-svg-with-blur {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.ut-text-svg.ut-text-svg-with-shadow {
-webkit-filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) );
filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) );
}
.ut-text-svg.ut-text-svg-with-shadow.ut-text-svg-with-blur {
-webkit-filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) ) blur(2px);
filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) ) blur(2px);
}
.ut-react-carousel-item-center .ut-text-svg.ut-text-svg-with-shadow {
-webkit-filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) );
filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) );
}
.ut-react-carousel-item-active .ut-text-svg.ut-text-svg-with-shadow {
-webkit-filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) );
filter: drop-shadow( 0px 3px 1px rgba(0, 0, 0, .9) );
}
.ut-text-svg .ut-stroke-offset-line {
-webkit-transition: fill .8s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: fill .8s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.ut-react-carousel-item-center .ut-text-svg {
-webkit-filter: none;
filter: none;
}
.ut-react-carousel-item-active .ut-text-svg {
-webkit-filter: none;
filter: none;
}
.ut-react-carousel-titles-wrap .ut-react-carousel-item-center.active .ut-text-svg .ut-stroke-offset-line  {
stroke-dasharray: 100% 0%;
-webkit-animation: stroke-offset .8s linear;
animation: stroke-offset .8s linear;
-webkit-animation-fill-mode: forwards;
}
.ut-react-carousel-item-with-title-line-draw.ut-react-carousel-item-center .ut-text-svg .ut-stroke-offset-line  {
stroke-width: 1px;
}
.ut-react-carousel-item-with-title-line-draw.ut-react-carousel-item-center.ut-stroke-offset-line-thicker .ut-text-svg .ut-stroke-offset-line  {
stroke-width: 2px;
}
.ut-tspan-2 {
font-size: 80% !important;
}
.ut-tspan-3 {
font-size: 60% !important;
}
.ut-tspan-4 {
font-size: 40% !important;
}
.ut-react-carousel-titles-wrap .ut-react-carousel-item-center:not(.active) {
stroke-width: 1px;
stroke-dasharray: 7% 28%;
-webkit-animation: stroke-offset .8s linear;
animation: stroke-offset .8s linear;
animation-direction: reverse;
-webkit-animation-fill-mode: forwards;
}
@media (max-width: 767px) {
.ut-react-carousel-container {
width: 100%;
overflow: hidden;
}
.ut-react-carousel,
.ut-react-carousel-interaction {
left: 0;
width: 100%;
pointer-events: none;
}
.ut-react-grid {
grid-template-columns: repeat(3, calc(100% / 3));
grid-column-gap: 0;
}
.ut-react-carousel.ut-react-grid {
grid-column-gap: unset;
grid-template-columns: 33.33% 33.33% 33.33%;
grid-template-rows: 100% 100%;
width: 300%;
left: -100%;
}
.ut-react-carousel-interaction {
grid-template-columns: repeat(3, calc(100% / 3));
grid-column-gap: 0;
}
.ut-react-carousel-slide {
padding: 20px;
}
.ut-react-carousel-title {
padding: 40px;
}
.ut-react-carousel-img {
width: 100%;
}
.ut-react-carousel-titles-background-wrap {
visibility: hidden;
pointer-events: none;
}
.ut-react-carousel-navigation {
justify-content: center;
margin-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-react-carousel-container {
width: 100%;
overflow: hidden;
}
.ut-react-carousel {
left: -20%;
width: 140%;
pointer-events: none;
}
.ut-react-carousel-interaction {
left: 0;
width: 100%;
pointer-events: none;
}
.ut-react-carousel,
.ut-react-carousel-interaction {
pointer-events: none;
}
.ut-react-grid {
grid-template-columns: repeat(3, calc((100% - 12vw) / 3));
grid-column-gap: 6vw;
}
.ut-react-carousel-interaction {
grid-template-columns: repeat(3, calc((100% - 12vw) / 3));
grid-column-gap: 6vw;
}
.ut-react-carousel-title {
padding: 20px;
}
.ut-react-carousel-img {
width: 100%;
}
.ut-react-carousel-titles-background-wrap {
visibility: hidden;
pointer-events: none;
}
.ut-react-carousel[data-rotate="on"] + .ut-react-carousel-navigation {
justify-content: center;
margin-top: 40px;
}
.ut-react-carousel[data-rotate="off"] + .ut-react-carousel-navigation {
margin-top: 40px;
}
}
@media screen and ( min-width: 1025px ) {
.ut-react-grid {
grid-template-columns: repeat(3, calc((100% - 36vw) / 3));
grid-column-gap: 18vw;
}
.ut-react-carousel-interaction {
grid-template-columns: repeat(3, calc(100% / 3));
grid-column-gap: 0;
}
.ut-react-carousel-large .ut-react-grid {
grid-template-columns: repeat(3, calc((100% - 18vw) / 3));
grid-column-gap: 9vw;
}
.ut-react-carousel-large .ut-react-carousel-interaction {
grid-template-columns: repeat(3, calc(100% / 3));
grid-column-gap: 0;
}
.ut-react-carousel[data-rotate="on"] + .ut-react-carousel-navigation {
justify-content: flex-end;
margin-right: 80px;
}
.ut-react-carousel[data-rotate="off"] + .ut-react-carousel-navigation {
margin-top: 80px;
} .ut-react-carousel-negative-margin {
margin-bottom: -40px;
}
.ut-react-carousel-negative-margin > .ut-react-carousel-navigation {
position: relative;
top: -40px;
}
.ut-react-carousel-with-shadows {
padding-bottom: 40px;
}
}
.ut-react-carousel-navigation {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
height: 80px;
visibility: hidden;
}
.ut-react-carousel.loaded + .ut-react-carousel-navigation {
visibility: visible;
}
.ut-react-carousel-button {
display: inline-block;
color: #DDD;
width: 72px;
height: 72px;
border: 1px solid #DDD;
background: transparent;
text-align: center;
line-height: 72px;
padding: 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); }
.ut-react-carousel-button:hover {
color: #FFF;
border: 1px solid #FFF;
background: rgba(255,255,255,0.1);
}
.ut-react-carousel-button::before {
font-family: FontAwesome;
font-size: 18px;
line-height: 25px;
}
.ut-react-carousel-button-prev {
margin-right: 10px;
}
.ut-react-carousel-button-prev::before {
content: '\f104';
}
.ut-react-carousel-button-next {
margin-left: 10px;
}
.ut-react-carousel-button-next::before {
content: '\f105';
}
.ut-react-carousel-preloader {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
display: none;
pointer-events: none;
}
.ut-react-carousel-with-preloader .ut-react-carousel-preloader {
display: block;
} .ut-pt-wrap {
margin-left:-10px !important;
margin-right:-10px !important;
margin-top:30px;
}
.ut-pt-wrap.ut-pt-wrap-style-2 {
margin-top:0;
text-align:center;
}
.ut-pricing-table,
.light .ut-pricing-table,
.dark .ut-pricing-table {
position:relative;
font-family:Arial, Helvetica, sans-serif;
display:block;
background:#FFFFFF;
margin-bottom:30px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.25);
-moz-box-shadow:0 10px 10px rgba(0,0,0,0.25);
box-shadow:0 10px 10px rgba(0,0,0,0.25);
}
.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pricing-table {
-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 0 0 transparent, 0 0 0 transparent;
-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 0 0 transparent, 0 0 0 transparent;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 0 0 transparent, 0 0 0 transparent;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.light .ut-pt-featured,
.dark .ut-pt-featured,
.ut-pt-featured   {
display:block;
background:#F7F7F7;
padding:0 30px;
color:#FFFFFF !important;
text-align:center;
line-height:60px;
height:60px;
font-size:18px;
font-weight:bold;
}
.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured {
display:none;
}
.ut-pt-featured-table {
top:-30px;
}
.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table {
top:0;
}
.ut-pt-mp {
margin-left:5px;
}
.ut-pt-header {
display:block;
padding:20px 30px;
background:#f4f7f8;
border-bottom:1px solid #EFEFEF;
}
.light .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header,
.dark .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header,
.light .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header .ut-pt-title,
.dark .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header .ut-pt-title,
.light .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header .ut-pt-title-slogan,
.dark .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header .ut-pt-title-slogan {
color:#FFFFFF !important;
}
.ut-pt-title,
.light .ut-pt-title,
.dark .ut-pt-title {
margin:0;
font-size:24px;
-ms-word-wrap: break-word;
word-wrap: break-word;
color:#151515 !important;
}
.ut-pt-title-slogan,
.light .ut-pt-title-slogan,
.dark .ut-pt-title-slogan {
display:block;
font-size:12px;
text-transform:uppercase;
color:#999999;
}
.ut-pt-custom {
display:block;
background:#FFFFFF;
}
.ut-level-one {
}
.ut-level-two {
}
.ut-level-three {
}
.ut-pt-info {
background:#FFFFFF;
}
.ut-pt-info strong,
.ut-pt-info b {
color:#151515;
}
.ut-pt-info ul {
display:block;
margin:0;
padding:0;
color:#999999;
}
.ut-pt-info ul strong {
color:#151515;
}
.ut-pt-info ul li {
display:block;
margin:0;
padding:20px 30px 20px 52px;
border-bottom:1px solid #EFEFEF;
position:relative;
}
.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-info ul li {
position:inherit;
padding:20px 30px;
}
.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-info ul li:nth-child(2n+2) {
background:#F7F7F7;
}
.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-info ul li i {
display:none;
}
.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-info .fa-li {
position:inherit;
width:inherit;
color:inherit;
}
.ut-pt-info .fa-li {
position:absolute;
top:28px !important;
left:30px;
width:auto;
color:#acb2ba !important;
}
.ut-pt-info .fa-li.fa {
font-size: 0.8em;
}
.ut-pt-pricing {
display:block;
padding:20px 30px;
background:#F7F7F7;
text-align:center;
}
.ut-pt-pricing .ut-btn {
margin-right:0;
margin-top:20px;
}
.ut-pt-price {
margin-top:10px;
font-size:50px;
display:block;
line-height:100%;
color:#151515;
}
.ut-pt-price sup {
font-size:25px;
}
.ut-pt-price-slogan {
display:block;
font-size:12px;
text-transform:uppercase;
color:#999999;
}
.ut-btn {
cursor: pointer;
display: inline-block;
margin: 0 20px 20px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 8px 12px;
color:#FFFFFF;
background:transparent;
-webkit-transition:0.2s all linear;
-moz-transition:0.2s all linear;
transition:0.2s all linear;
font-family: 'ralewaymedium', Helvetica, Arial, sans-serif;
}
.ut-btn.small {
font-size:11px;
}
.ut-btn.round {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.ut-btn:hover {
color:#FFFFFF;
}
.ut-btn.ut-pt-btn {
background:#151515;
}
.ut-btn.ut-pt-btn:hover {
background:#151515;
}
.ut-pricing-table .ut-custom-row > video {
width: 100%;
height: 100%;
object-fit: cover;
} .ut-pt-wrap.ut-pt-wrap-style-3 {
margin-top:0;
}
.ut-pt-wrap-style-3 .ut-pt-featured {
display:none;
}
.ut-pt-wrap-style-3 .ut-pt-featured-table {
top:0;
}
.light .ut-pt-wrap-style-3 .ut-pricing-table,
.dark .ut-pt-wrap-style-3 .ut-pricing-table {
position:relative;
font-family:Arial, Helvetica, sans-serif !important;
display:block;
background: transparent !important;
margin-bottom:30px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.ut-pt-wrap-style-3 .ut-pt-header,
.ut-pt-wrap-style-3 .ut-pt-info,
.ut-pt-wrap-style-3 .ut-pt-pricing {
background:transparent;
}
.ut-pt-wrap-style-3 .ut-pt-header {
padding:5px 10px;
}
.ut-pt-wrap-style-3 .ut-pt-header,
.ut-pt-wrap-style-3 .ut-custom-row {
border:1px solid;
border-width:1px;
background: rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 40px #000000;
-moz-box-shadow:0 0 40px #000000;
box-shadow:0 0 40px #000000;
margin-bottom:20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.ut-pt-wrap-style-3 .ut-custom-row {
padding:5px;
}
.ut-pt-wrap-style-3 .ut-custom-row .ut-video {
margin:0;
}
.ut-pt-wrap-style-3 .ut-pt-title {
color:#FFFFFF !important;
text-shadow:0 0 40px #FFFFFF,
2px 2px 3px black;
}
.ut-pt-wrap-style-3 .ut-pt-info {
padding:0;
}
.ut-pt-wrap-style-3 .ut-pt-info ul {
border:1px solid;
border-width:1px;
-webkit-box-shadow:0 0 40px #000000;
-moz-box-shadow:0 0 40px #000000;
box-shadow:0 0 40px #000000;
list-style:circle;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.ut-pt-wrap-style-3 .ut-pt-info ul li {
border:none;
padding:5px 10px;
border-bottom:1px solid;
}
.ut-pt-wrap-style-3 .ut-pt-header,
.ut-pt-wrap-style-3 .ut-pt-info ul li {
width: 100%;
height: 100%;
display: block;
position: relative;
z-index:1;
}
.ut-pt-wrap-style-3 .ut-pt-header:after,
.ut-pt-wrap-style-3 .ut-pt-info ul li:after {
content: "";
background:url(//idegraph.com/wp-content/themes/brooklyn/images/ut-misc-bg.jpg);
opacity: 0.2;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index:-1;
}
.ut-pt-wrap-style-3 .ut-pt-info ul li:last-child {
border:none;
}
.ut-pt-wrap-style-3 .ut-pt-info ul li:nth-child(2n+0) {
background: rgba(0,0,0,0.5);
}
.ut-pt-wrap-style-3 .ut-pt-info ul li i {
display:none;
}
.ut-pt-wrap-style-3 .ut-pt-pricing {
text-align:left;
padding:20px 0;
}
.ut-pt-wrap-style-3 .ut-pt-price {
color:#FFFFFF;
text-shadow:0 0 40px #FFFFFF,
2px 2px 3px black;
}
.ut-pt-wrap-style-3 .ut-pt-title-slogan {
color:#ffae00 !important;
text-shadow:0 0 40px #ffae00,
2px 2px 3px black;
}
.ut-pt-wrap-style-3 .ut-pt-price-slogan {
color:#00ff00 !important;
text-shadow:0 0 40px #00ff00,
2px 2px 3px black;
}
.ut-pt-wrap-style-3 .ut-btn {
background: rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 40px #000000;
-moz-box-shadow:0 0 40px #000000;
box-shadow:0 0 40px #000000;
border:1px solid;
border-width:1px;
}
.ut-pt-wrap-style-3 .ut-btn:hover,
.ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn:hover {
color:#FFFFFF !important;
text-shadow:0 0 40px #FFFFFF,
2px 2px 3px black;
background:none !important;
}
.ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn {
background: rgba(0,0,0,0.5) !important;
-webkit-box-shadow:0 0 40px #000000;
-moz-box-shadow:0 0 40px #000000;
box-shadow:0 0 40px #000000;
border:1px solid;
border-width:1px;
} .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pricing-table {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
margin-bottom:40px;
}
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-featured {
margin:0;
position:absolute;
top:0;
right:0;
font-weight:normal;
padding:0;
height:inherit;
line-height:inherit;
}
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-header {
background:transparent;
padding-top:0;
}
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-custom-row {
margin-bottom:20px;
position:relative;
}
.ut-pt-wrap.ut-pt-wrap-style-4 ul {
color:inherit;
padding:0 30px;
}
.ut-pt-wrap.ut-pt-wrap-style-4 ul li {
margin-bottom:10px;
padding:0 0 10px;
}
.ut-pt-wrap.ut-pt-wrap-style-4 ul li:last-child {
margin-bottom:0;
}
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-pricing {
background:transparent;
text-align:inherit;
margin-top:20px;
padding:0 30px;
}
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-pricing .ut-pt-price {
font-size:30px;
margin:0;
padding:0;
}
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-pricing .ut-btn {
margin-bottom:0;
}
#ut-sitebody .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-pricing .ut-pt-price-slogan {
color:inherit;
display:block;
font-weight:bold;
font-size:11px;
margin-bottom:10px;
}
#ut-sitebody .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-mp {
margin:0;
}
#ut-sitebody .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-featured-table,
#ut-sitebody .ut-pt-wrap.ut-pt-wrap-style-4  {
top:0;
margin-top:0;
}
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-title,
.light .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-title,
.dark .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-title {
margin:0;
font-size:17px;
-ms-word-wrap: break-word;
word-wrap: break-word;
color:inherit;
}
.ut-pt-wrap.ut-pt-wrap-style-4  .ut-pt-title-slogan,
.light .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-title-slogan,
.dark .ut-pt-wrap.ut-pt-wrap-style-4  .ut-pt-title-slogan {
color:inherit;
display:block;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.light .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-featured,
.dark .ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-featured,
.ut-pt-wrap.ut-pt-wrap-style-4 .ut-pt-featured   {
display:block;
background:rgb(37,37,37) !important;
background:rgba(37,37,37,0.3) !important;
padding:5px;
color:inherit;
text-align:center;
font-size:13px;
font-weight:normal;
}  @media screen and (max-width: 767px) {
.ut-pt-price {
font-size:40px;
}
.ut-pt-featured-table {
top:0;
}
} @media screen and (min-width: 768px) and (max-width: 1024px) {
.ut-pt-price {
font-size:40px;
}
.ut-pt-wrap .tablet-grid-50:nth-child(odd) {
clear: left;
}
}.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
} .ut-btn {
cursor: pointer;
display: inline-block;
margin: 0 20px 20px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 8px 12px;
color:#FFFFFF !important;
background:transparent;
-webkit-transition:0.2s all linear;
-o-transition:0.2s all linear;
transition:0.2s all linear;
font-family: 'ralewaymedium', Helvetica, Arial, sans-serif;
}
.ut-btn.small {
font-size:11px;
}
.ut-btn.medium {
font-size:13px;
height: 44px;
line-height: 44px;
padding: 0 20px;
}
.ut-btn.large {
height: 50px;
line-height: 51px;
font-size:17px;
padding: 0 20px;
}
.ut-btn.round {
border-radius:3px;
}
.ut-btn:hover {
color:#FFFFFF;
}
p .ut-btn {
margin:0;
} .ut-btn.theme-btn:hover {
background:#151515 !important;
} .ut-btn.dark {
background:#151515;
} .ut-btn.red {
background:#e74c3c;
}
.ut-btn.red:hover {
background:#151515;
} .ut-btn.turquoise {
background:#1abc9c;
}
.ut-btn.turquoise:hover {
background:#151515;
} .ut-btn.green {
background:#2ecc71;
}
.ut-btn.green:hover {
background:#151515;
} .ut-btn.blue {
background:#3498db;
}
.ut-btn.blue:hover {
background:#151515;
} .ut-btn.mid-blue {
background:#34495e;
}
.ut-btn.mid-blue:hover {
background:#151515;
} .ut-btn.yellow {
background:#f1c40f;
}
.ut-btn.yellow:hover {
background:#151515;
} .ut-btn.orange {
background:#FF6E00;
}
.ut-btn.orange:hover {
background:#151515;
} .ut-btn.grey {
background:#95a5a6;
}
.ut-btn.grey:hover {
background:#151515;
} .ut-btn.purple {
background:#9b59b6;
}
.ut-btn.purple:hover {
background:#151515;
} .ut-alert {
margin:0 0 20px;
padding:30px;
}
.ut-alert.white {
background:#FFFFFF;
border:1px solid;
color:#151515;
}
.ut-alert.white h1,
.ut-alert.white h2,
.ut-alert.white h3,
.ut-alert.white h4,
.ut-alert.white h5, 
.ut-alert.white h6,
.ut-alert.white strong {
color:#151515;
}
.ut-alert.grey {
color:#151515;
background:#F1F1F1;
}
.ut-alert.grey h1,
.ut-alert.grey h2,
.ut-alert.grey h3,
.ut-alert.grey h4,
.ut-alert.grey h5, 
.ut-alert.grey h6,
.ut-alert.grey strong {
color:#151515;
}
.ut-alert.themecolor,
.ut-alert.themecolor h1,
.ut-alert.themecolor h2,
.ut-alert.themecolor h3,
.ut-alert.themecolor h4,
.ut-alert.themecolor h5, 
.ut-alert.themecolor h6,
.ut-alert.themecolor strong {
color:#FFFFFF;
} .ut-brands:not(.ut-brands-carousel) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.ut-brands-columns-2 .ut-single-brand {
width: 50%;
}
.ut-brands-columns-3 .ut-single-brand {
width: 33.33%;
}
.ut-brands-columns-4 .ut-single-brand {
width: 25%;
}
.ut-brands-columns-5 .ut-single-brand {
width: 20%;
}
.ut-brands-columns-6 .ut-single-brand {
width: 16.66%;
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-brands-columns-2 .ut-single-brand {
width: 50%;
}
.ut-brands-columns-3 .ut-single-brand {
width: 33.33%;
}
.ut-brands-columns-4 .ut-single-brand,
.ut-brands-columns-5 .ut-single-brand,
.ut-brands-columns-6 .ut-single-brand {
width: 25%;
}
.ut-brands-carousel.ut-brands-columns-2 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-3 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-4 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-5 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-6 .ut-single-brand {
width: 33.33%;
}
}
@media (max-width: 767px) {
.ut-brands-columns-2 .ut-single-brand,
.ut-brands-columns-3 .ut-single-brand,
.ut-brands-columns-4 .ut-single-brand,
.ut-brands-columns-5 .ut-single-brand,
.ut-brands-columns-6 .ut-single-brand {
width: 50%;
}
}
@media ( min-width: 576px ) and (max-width: 767px) {
.ut-brands-carousel.ut-brands-columns-2 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-3 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-4 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-5 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-6 .ut-single-brand {
width: 50%;
}
}
@media (max-width: 575px) {
.ut-brands-carousel.ut-brands-columns-2 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-3 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-4 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-5 .ut-single-brand,
.ut-brands-carousel.ut-brands-columns-6 .ut-single-brand {
width: 100%;
}
} .ut-brands-carousel {
padding: 0 60px;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
.ut-brands-carousel.ut-brands-carousel-no-arrows {
padding: 20px 0;
}
.ut-brands-carousel .ut-single-brand {
padding: 20px 40px !important;
min-height: 100%;
display: inline-flex;
}
.ut-brands-carousel .flickity-page-dots {
visibility: hidden;
}
.ut-brands-dots {
margin-top: 40px;
}
.ut-brands-carousel + .ut-brands-dots .flickity-page-dots {
visibility: visible;
position: relative;
bottom: 0;
}
.ut-brands-carousel.ut-brands-no-border-top {
border-top: none;
padding-top: 0;
}
.ut-brands-carousel.ut-brands-no-border-bottom {
border-bottom: none;
padding-bottom: 0;
}
.ut-brands-carousel .flickity-button:hover {
opacity: 1;
}
.ut-brands-carousel.ut-brands-no-border-bottom + .ut-brands-dots {
margin-top: 20px;
} .ut-brands-display-plain .ut-single-brand,
.ut-brands-display-cells .ut-single-brand {
display: inline-flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: stretch;
padding: 40px 20px;
-webkit-transition: background 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: background 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: background 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.ut-brands-carousel .ut-single-brand {
visibility: hidden;
}
.ut-brands-carousel.flickity-enabled .ut-single-brand {
visibility: visible;
}
.ut-brands-display-plain:not(.ut-brands-carousel) .ut-single-brand {
padding: 0 20px 40px;
}
@media (min-width: 1025px) {
.ut-brands-display-cells .ut-single-brand {
padding: 80px 40px;
}
.ut-brands-display-plain:not(.ut-brands-carousel) .ut-single-brand {
padding: 0 40px 80px;
}
}
.ut-brands-display-plain:not(.ut-brands-carousel) .ut-single-brand,
.ut-brands-display-cells:not(.ut-brands-carousel) .ut-single-brand {
display: flex;
}
.ut-single-brand-logo {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: stretch;
width: 100%;
}
.ut-single-brand-logo {
-webkit-transition: 0.2s opacity cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: 0.2s opacity cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: 0.2s opacity cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.ut-single-brand a {  }
.ut-single-brand img.animated {
opacity: 0;
} .ut-one-half,
.ut-one-third,
.ut-two-thirds,
.ut-three-fourths,
.ut-one-fourth,
.ut-one-fifth,
.ut-two-fifth,
.ut-three-fifth,
.ut-four-fifth,
.ut-one-sixth,
.ut-five-sixth {
float:left;
margin-bottom:0;
margin-right:4%;
position:relative;
display:inline;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.ut-column-last {
clear:right;
margin-right:0;
}
.ut-one-half {
width:48%;
}
.ut-one-third {
width:30.66%;
}
.ut-two-thirds {
width:65.33%;
}
.ut-three-fourths {
width:74%;
}
.ut-one-fourth {
width:22%;
}
.ut-one-fifth {
width:16.8%;
}
.ut-two-fifth {
width:37.6%;
}
.ut-three-fifth {
width:58.4%;
}
.ut-four-fifth {
width:79.2%;
}
.ut-one-sixth {
width:13.33%;
}
.ut-five-sixth {
width:82.67%;
} .ut-custom-icon a i {
-webkit-transition:0.3s all ease;
-o-transition:0.3s all ease;
transition:0.3s all ease;
} .ut-highlight-one,
.ut-highlight-two,
.ut-highlight-three,
.ut-highlight-four {
padding:2px;
color:#F26535;
}
.ut-highlight-two {
color: #FFF;
background:#151515;
}
.ut-highlight-three {
background: #FF3;
color:#151515;
}
.ut-highlight-four {
color: #FFF;
background: #F00;
} .ut-nav-tabs {
margin-bottom: 20px;
margin-left: 0;
padding-left: 0;
list-style: none !important;
}
.ut-nav-tabs li {
float:left;
display: list-item;
margin-right:10px;
margin-bottom:10px;
}
.ut-nav-tabs li a {
font-weight: normal;
font-size:11px;
display:block;
text-transform:uppercase;
padding: 4px 12px;
background:transparent;
color:#888888;
border:1px solid #888888;
-webkit-transition:0.2s all linear;
-o-transition:0.2s all linear;
transition:0.2s all linear;
}
.light .ut-nav-tabs li a {
color:#FFFFFF;
border:1px solid #FFFFFF;
}
.ut-nav-tabs li a:hover {
color:#151515;
border-color:#151515;
}
.ut-nav-tabs li.active a {
color: #FFFFFF;
border-color:#151515;
background:#151515;
}
.light .ut-nav-tabs li.active a:hover,
.light .ut-nav-tabs li.active a {
color: #151515 !important;
border-color:#FFFFFF !important;
background:#FFFFFF !important;
}
.ut-tab-content {
}
.ut-tab-content h3 {
font-size:17px;
text-transform:uppercase;
}
.ut-tab-content .tab-pane {
display: none;
}
.ut-tab-content .tab-pane.active {
display: block;
} .ut-accordion {
}
.ut-accordion-group {
}
.ut-accordion-heading {
-webkit-transition:0.2s all linear;
-o-transition:0.2s all linear;
transition:0.2s all linear;
margin-bottom:10px;
}
.ut-accordion-heading a {
font-weight: normal;
display:block;
cursor: pointer;
font-size:11px;
text-transform:uppercase;
padding: 4px 12px;
background:transparent;
color:#888888;
border:1px solid #888888;
-webkit-transition:0.2s all linear;
-o-transition:0.2s all linear;
transition:0.2s all linear;
}
.light .ut-accordion-heading a {
color:#FFFFFF;
border:1px solid #FFFFFF;
}
.ut-accordion-heading a.active {
color:#FFFFFF;
border:1px solid #151515;
background:#151515;
}
.light .ut-accordion-heading a.active {
color:#151515;
border:1px solid #FFFFFF;
background:#FFFFFF;
}
.ut-accordion-heading a.active:hover {
color:#FFFFFF;
border:1px solid #151515;
background:#151515;
}
.light .ut-accordion-heading a.active:hover {
color:#151515 !important;
border:1px solid #FFFFFF !important;
background:#FFFFFF !important;
}
.ut-accordion-heading a:hover {
color:#151515;
border-color:#151515;
}
.ut-accordion-body.collapse {
display: none;
}
.ut-accordion-body.collapse.in {
display: block;
}
.ut-accordion-body.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.ut-accordion-inner {
padding-top:0;
margin-bottom: 20px;
}
.ut-accordion-inner h3 {
font-size:17px;
text-transform:uppercase;
} .ut-blockquote-right {
float:right;
margin:0;
width:35%;
margin-left:20px;
}
.ut-blockquote-left {
float:left;
margin:0;
width:35%;
margin-right:20px;
}
.ut-blockquote-left blockquote p:before,
.ut-blockquote-right blockquote p:before,
.ut-blockquote-left blockquote,
.ut-blockquote-right blockquote {
margin:0;	
} .ut-highlight {
padding:0 3px;
margin:0 2px;
} .ut-service-column {
overflow:hidden;
}
.ut-vertical {
text-align:center;
}
.ut-vertical-style .ut-service-icon {
float:none;
margin:0 auto 12px auto;
display:block;
}
.ut-service-icon.fa-stack i:last-child {
font-size:0.8em;
}
.ut-service-icon {
float:left;
margin-right:20px;
overflow:hidden;
font-size:30px;
margin-bottom:20px;
}
.ut-service-icon.ut-si-right {
float:right;
margin-left:20px;
margin-right:0;
overflow:hidden;
font-size:30px;
margin-bottom:20px;	
} .wp-caption img,
.ut-animate-image,
blockquote,
img.size-auto,
img.alignnone,
img.size-full,
img.size-large,
img.size-medium,
img.size-thumbnail {
position:relative;
} .fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-0px);
transform: translateX(-0px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity:1;
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-0px);
transform: translateX(-0px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity:1;
}
} .slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity:1;
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity:1;
}
}
.ut-already-visible {
left: 0;
-webkit-animation: none;
animation: none;
} .ut-social-network {
list-style:none !important;
margin:0;
text-align:center;
}
.ut-social-network li {
text-align:center;
}
.ut-social-link {
margin-bottom:20px;
display:block;
}
.ut-social-link,
.ut-social-link:hover {
color:#FFFFFF;
}
.ut-social-link .ut-social-info {
color:#151515;
}
.light .ut-social-link,
.light .ut-social-link .ut-social-info,
.light .ut-social-link:hover  {
color:#FFFFFF;
}
.ut-social-icon {
display:block;
width:100px;
height:100px;
line-height:100px;
text-align:center;
margin:0 auto 20px auto;
background:#292929;
border-radius:50%;
-webkit-transform: translateZ(0);
-webkit-transition:0.2s background linear;
-o-transition:0.2s background linear;
transition:0.2s background linear;
}
.light .ut-social-icon {
background:rgba(255, 255, 255, 0.15);
}
.ut-social-icon i {	
line-height:100px;
}
.ut-social-title,
.ut-social-info {
display:block;
}
.ut-social-title {
margin-bottom:5px;
text-transform:uppercase;
font-size:17px;
}
.ut-social-info {
font-size:11px;
text-transform:uppercase;
} .ut-parallax-quote {
text-align:center;
}
.ut-parallax-quote-title {
font-size:35px;
text-align:center;
margin-bottom:20px;
padding:0;
border:none;	
}
.ut-parallax-quote-name {
display:block;
font-size:12px;
margin-bottom:20px;
}
.ut-parallax-quote .ut-parallax-quote-title .fa-quote-left,
.ut-parallax-quote .ut-parallax-quote-title .fa-quote-right {
font-size:16px;
display:inline-table;
vertical-align:top;
}
.ut-parallax-quote .fa-quote-left {
margin-right:5px;
}
.ut-parallax-quote .fa-quote-right {
margin-left:5px;   
} .ut-testimonials {
margin-bottom:20px;
}
.ut-rotate-avatar .slides > li,
.ut-rotate-quote .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} 
.ut-rotate-avatar,
.ut-rotate-quote {
position: relative;
zoom: 1;
}
.ut-rotate-avatar .slides,
.ut-rotate-quote .slides {
zoom: 1;
}
.ut-rotate-quote .flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.ut-rotate-quote {
position:relative;
text-align:center;
margin:0 auto;
max-width:800px;
}
.ut-rotate-quote .ut-quote-avatar {
display:none;
}
.ut-rotate-avatar .ut-quote-name,
.ut-rotate-avatar .ut-quote-comment {
display:none;
}
.ut-rotate-avatar {
width: 200px;
height: 200px;
margin: 0 auto 20px auto;
overflow: hidden;
}
.flexslider.ut-rotate-twitter-avatar {
width: 80px;
height: 80px;
margin: 0 auto 20px auto;
overflow: hidden;
}
.ut-rotate-avatar .slides {
list-style:none;
margin: 0px !important;
}
.ut-rotate-twitter-avatar img,
.ut-rotate-avatar img {
border-radius: 50% 50% 50% 50%;
display: block;
width: 100%;
}
.ut-rotate-avatar ul.slides,
.ut-rotate-quote ul.slides {
list-style:none;
}
.ut-rotate-quote .slides {
list-style:none;
margin:0px !important;
} .ut-rotate-quote-alt .slides {
zoom: 1;
}
.ut-rotate-quote-alt .flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.ut-rotate-quote-alt {
position:relative;
text-align:center;
margin:0 auto !important;
max-width:800px;
overflow:hidden;
}
.ut-rotate-quote .ut-quote-comment,
.ut-rotate-quote-alt .ut-quote-comment {
display:block;
margin-bottom:20px;
font-size:30px;
}
.ut-rotate-quote .ut-quote-comment {
font-size:17px;
}
.ut-rotate-quote .ut-quote-name,
.ut-rotate-quote-alt .ut-quote-name {
margin-bottom:20px;
text-transform:uppercase;
font-size:11px;
display:block;
}
.ut-rq-icon {
font-size:30px;
display:block;
margin:0 auto 20px auto;
}
.light .ut-twitter-rotator .ut-rq-icon-tw {
display:block;
margin:0 auto 20px auto;
color:#FFFFFF;
}
.dark .ut-twitter-rotator .ut-rq-icon-tw {
display:block;
margin:0 auto 20px auto;
color:#151515;
}
.ut-twitter-rotator h2 {
font-size:30px;	
}
.dark .ut-twitter-rotator h2 a:hover {
color:#151515;
}
.light .ut-twitter-rotator h2 a:hover {
color:#FFFFFF;
}
.ut-rotate-quote .flex-direction-nav,
.ut-rotate-quote-alt .flex-direction-nav {
width:65px;
height:30px;
position:relative;
margin: 0 auto;
}
.ut-rotate-quote .flex-direction-nav a,
.ut-rotate-quote-alt .flex-direction-nav a  { 
display: block; 
width: 30px; 
height: 30px; 
margin: 0; 
position: absolute;
bottom:0; 
z-index: 10; 
overflow: hidden; 
opacity: 1; 
cursor: pointer; 
color:#ffffff; 
-webkit-transition: all 400ms, background 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 400ms, background 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 400ms, background 400ms 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); text-align:center;
border-radius:3px; 
}
.ut-rotate-quote .flex-direction-nav a:before  { font-family: 'Brooklyn-Core'; font-size: 14px; line-height:30px; display: inline-block; content: '\e90a'; }
.ut-rotate-quote .flex-direction-nav a.flex-next:before  { content: '\e915'; }
.ut-rotate-quote-alt .flex-direction-nav a:before  { font-family: 'Brooklyn-Core'; font-size: 14px; line-height:30px; display: inline-block; content: '\e90a'; }
.ut-rotate-quote-alt .flex-direction-nav a.flex-next:before  { content: '\e915'; }
.ut-rotate-quote .flex-direction-nav .flex-prev { left:0; }
.ut-rotate-quote .flex-direction-nav .flex-next { right:0; }
.ut-rotate-quote-alt .flex-direction-nav .flex-prev { left:0; }
.ut-rotate-quote-alt .flex-direction-nav .flex-next { right:0; }
.ut-rotate-quote .flex-direction-nav .flex-prev:hover { background:#151515; }
.ut-rotate-quote .flex-direction-nav .flex-next:hover { background:#151515; }
.ut-rotate-quote-alt .flex-direction-nav .flex-prev:hover { background:#151515; }
.ut-rotate-quote-alt .flex-direction-nav .flex-next:hover { background:#151515; } .ut-counter-box {
text-align:center;
padding:20px;
margin-bottom:20px;
z-index:1;
}
.ut-counter-box i {
margin-bottom:10px;
font-size:40px;
}
.ut-count-icon-position-top .ut-counter-box svg {
margin: 0 auto 10px auto;
}
.ut-count-icon-position-top .ut-counter-box.ut-counter-box-left svg {
margin: 0 auto 10px 0;
}
.ut-count-icon-position-top .ut-counter-box.ut-counter-box-right svg {
margin: 0 0 10px auto;
}
.ut-counter-details {
margin:5px 0 0 0;
}
.ut-count {
font-family:'Helvetica', Arial, Sans-serif !important;
font-size:60px;
line-height:100%;
font-weight:bold;
padding: 0;
text-transform: uppercase;
display: block;
}
.ut-count-align-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ut-count-align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ut-count-align-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 767px) {
.wpb_wrapper .ut-count-align-left,
.wpb_wrapper .ut-count-align-center,
.wpb_wrapper .ut-count-align-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ut-count-icon-position-top .ut-counter-box svg,
.ut-count-icon-position-top .ut-counter-box.ut-counter-box-left svg,
.ut-count-icon-position-top .ut-counter-box.ut-counter-box-right svg {
margin: 0 auto 10px auto;
}
} .ut-count-icon-position-left .ut-counter-box,
.ut-count-icon-position-right .ut-counter-box {
display: -ms-inline-grid;
display: inline-grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
justify-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-count-icon-position-left .ut-counter-box {
-ms-grid-columns: 60px auto;
grid-template-columns: 60px auto;
}
.ut-count-icon-position-right .ut-counter-box {
-ms-grid-columns: auto 60px;
grid-template-columns: auto 60px;
}
.ut-count-icon-position-left i,
.ut-count-icon-position-left .ut-custom-icon,
.ut-count-icon-position-left svg {
margin-right: 20px;
margin-bottom: 0;
}
.ut-count-icon-position-right i,
.ut-count-icon-position-right .ut-custom-icon,
.ut-count-icon-position-right svg {
margin-left: 20px;
margin-bottom: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.ut-count-icon-position-left .ut-counter-details {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
text-align: left;
}
.ut-count-icon-position-left .ut-counter-details,
.ut-count-icon-position-right .ut-counter-details {
width: 100%;
}
.ut-count-icon-position-right .ut-counter-details {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
text-align: left;
}
.ut-count sup:empty,
.ut-count sub:empty,
.ut-count .ut-count-prefix:empty,
.ut-count .ut-count-suffix:empty {
display: none;
}
.ut-count sup {
top:0;
vertical-align: super;
}
.ut-count sub {
vertical-align: baseline;
top: inherit;
bottom: 0;
}
.ut-count-prefix {
margin-right: 0.1em;
}
.ut-count-suffix {
margin-left: 0.1em;
}
.ut-counter[data-type="slot"] svg {
margin: 0;
}
.ut-counter[data-type="slot"] .ut-count {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: center;
}
.ut-counter[data-type="slot"] .ut-count .ut-count-prefix {
line-height: 100%;
}
.ut-counter[data-type="slot"] .ut-count sup.ut-count-prefix {
align-self: flex-start;
transform: translateY(60%);
}
.ut-counter[data-type="slot"] .ut-count sub.ut-count-prefix {
align-self: flex-end;
transform: translateY(-80%);
}
.ut-counter[data-type="slot"] .ut-count .ut-count-suffix {
line-height: 100%;
}
.ut-counter[data-type="slot"] .ut-count sup.ut-count-suffix {
align-self: flex-start;
transform: translateY(60%);
}
.ut-counter[data-type="slot"] .ut-count sub.ut-count-suffix {
align-self: flex-end;
transform: translateY(-80%);
}
.ut-slot-machine-number {
vertical-align: middle;
display: inline-block;
position: relative;
overflow: hidden;
}
.ut-slot-machine-number ul {
margin: 0;
list-style: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
visibility: visible;
}
.ut-slot-machine-number-value {
display: inline-block;
visibility: hidden;
} .ut-title-divider {
margin-bottom:30px;
font-size:14px;
text-transform:uppercase;
text-align:center;	
}
.ut-title-divider:after {
content: "";
display: block;
background-color: #151515;
width: 30px;
height: 1px;
margin: 10px auto 0;
}
.light .ut-title-divider:after {
content: "";
display: block;
background-color: #FFFFFF;
width: 30px;
height: 1px;
margin: 10px auto 0;
} .ut-dropcap-one {
color: #FFFFFF;
float: left;
font-size: 28px;
width:48px;
height:48px;
text-align:center;
display:inline-block;
line-height: 48px;
margin: 6px 16px 0 0;
border-radius:50%;
font-family:'ralewaymedium',Helvetica,Arial,sans-serif;
}
.ut-dropcap-two {
color: #FFFFFF;
float: left;
font-size: 28px;
width:48px;
height:48px;
text-align:center;
display:inline-block;
line-height: 48px;
margin: 6px 16px 0 0;
font-family:'ralewaymedium',Helvetica,Arial,sans-serif;
} .ut-highlight-icon-wrap {
text-align: center;
margin: 0 auto;
padding: 0 0 20px 0;
}
.ut-service-icon-box {
text-align:center;
}
.ut-highlight-icon {
font-family: 'FontAwesome';
display: inline-block !important;
font-size: 0px;
cursor: pointer;
margin: 15px 30px;
width: 90px !important;
height: 90px;
border-radius:100%;
text-align: center;
position: relative;
z-index: 1;
color: #FFFFFF;
}
.ut-highlight-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius:100%;
content: '';
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.ut-highlight-icon:before {
speak: none;
font-size: 40px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
.ut-highlight-icon-effect .ut-highlight-icon {
-webkit-transition: background 0.2s, color 0.2s;
-o-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.ut-highlight-icon-effect .ut-highlight-icon:after {
top: -7px;
left: -7px;
padding: 7px;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
transition: opacity 0.2s, -webkit-transform 0.2s;
-o-transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
transform: scale(.8);
opacity: 0;
}
.ut-highlight-icon-effect .ut-highlight-icon:hover {
color:#FFFFFF;
}
.ut-highlight-icon-effect .ut-highlight-icon:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.ut-highlight-icon.ut-service-icon-with-svg {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 12px auto 0 auto!important;
}
.ut-highlight-icon.ut-service-icon-with-svg svg {
width: 40px;
} .ut-bs-wrap {
margin-left:-10px;
margin-right:-10px;	
}
.ut-bs-wrap .post {
border:none !important;
padding:0 !important;
margin-bottom:20px !important;	
}
.ut-bs-wrap .entry-title {
font-size:17px;
}
.light .ut-bs-wrap a:hover,
.light .ut-bs-wrap .entry-title,
.light .ut-bs-wrap .entry-title a,
.light .ut-bs-wrap a .entry-title {
color:#FFFFFF;	
}
.light .ut-bs-wrap a.more-link {
color:#888888;
}
.light .ut-bs-wrap a.more-link:hover {
color:#FFFFFF;
}
.ut-bs-wrap .entry-thumbnail {
margin-bottom:20px;
}
.ut-bs-wrap .entry-header {
margin-bottom:0px;
}
.ut-bs-wrap .format-link .entry-header {
margin-bottom:20px;
}
.ut-bs-wrap .format-link .entry-meta {
display:none;
}
.ut-bs-wrap .entry-meta {
margin:0 0 20px 0 !important;
text-align:inherit !important;
}
.light .ut-bs-wrap .entry-meta span,
.light .ut-bs-wrap .entry-meta i {
color:#FFFFFF !important;
}
.ut-bs-wrap .entry-meta .date-format {
border:none !important;
margin:0 10px 0 0 !important;
padding:0 !important;	
}
.ut-bs-wrap .entry-meta .author-links,
.ut-bs-wrap .entry-meta .cat-links,
.ut-bs-wrap .entry-meta .comments-link,
.ut-bs-wrap .entry-meta .edit-link {
display: inline-block !important;
}
.ut-bs-holder {
display:block;
margin:0 auto 20px auto;
text-align:center;	
}
.ut-bs-btn {
display:block;
line-height:50px;
background:#FFFFFF;
border:1px solid #EFEFEF;
-webkit-box-shadow:0 2px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow:0 2px 2px -1px rgba(0, 0, 0, 0.1);
font-size:11px;
text-transform:uppercase;
color:#999999;	
} .ut-st {
overflow:hidden;
margin-bottom:20px;	
}
.ut-st-header {
border-bottom:1px solid #DDD;
margin-bottom:10px;
padding-bottom:10px;   
}
.ut-st-avatar {
border-radius:50%;
float:left;
overflow:hidden;
width:80px;
height:80px;
margin-right:20px;	
}
@media (max-width: 767px) { 
.ut-st-avatar {
float:none;
width:80px;
height:80px;
margin:0 auto;
margin-bottom:20px;	
}
}
.ut-st-avatar img {
width:100%;
}
.ut-st-title {
margin-bottom:0;
}
.ut-st-date,
.ut-st-name {
display:block;
}
.ut-st-subtitle {
font-size:11px;
}
.ut-st p {
margin-bottom:10px;
}
.ut-st-rating {
display:block;
margin-bottom:10px;
}
.ut-st-rating ul {
list-style:none;
margin:0;
}
.ut-st-rating ul li {
display:inline;
margin-right:5px;
color:#999999;   
} .ut-video-testimonial-wrapper {
margin-left:-10px;
margin-right:-10px;
}
.ut-video-testimonial {
margin-bottom:20px; 
}
.ut-hero-testimonial .ut-video {
margin-bottom:20px;
}
.ut-video-testimonial-boxed {
padding:20px;
-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.25);
box-shadow:0 10px 10px rgba(0, 0, 0, 0.25);
}
.ut-video-testimonial-boxed.ut-video-box-dark {
background:rgba(0,0,0,0.2);
border:1px solid rgba(0,0,0,0.4);
}
.ut-video-testimonial-boxed.ut-video-box-light {
background:rgba(255,255,255,0.2);
border:1px solid rgba(255,255,255,0.4);
}
.ut-video-testimonial h3 {
margin-bottom:0;
}
.ut-load-vtestimonial img {
display:block;
margin:0 auto 20px auto;
}
.ut-load-vtestimonial {
position:relative;
text-align:center;
display:block;
}
.ut-load-vtestimonial:before {
font-family: 'FontAwesome';
content: "\f16a";
color:#FFFFFF;
display:block;
position:absolute;
left:50%;
top:50%;
font-size:40px;
width:40px;
height:40px;
margin-top:-10px;
margin-left:-20px;
} .ut-shortcode-video-wrap {
position:relative;
}
.light .ut-shortcode-video-wrap {
-webkit-box-shadow:0 0 40px #000000;
box-shadow:0 0 40px #000000;
}
.ut-video-loading {
position:absolute;
top:50%;
left:50%;
color:#151515;
margin-left:-20px;
margin-top:-20px;
display:none;
}
.ut-load-video {
display:block;
width:100%;
height:100%;
position:relative;
cursor:pointer;
}
.ut-load-video img {
vertical-align:bottom;
margin:0 auto;
width:100%;
display:block;
}
.ut-shortcode-video-wrap .ut-video-caption i {
position:absolute;
bottom:20px;
left:20px;
-webkit-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
color:rgba(255,255,255,0.3);
border-color:rgba(255,255,255,0.3);   
}
.light .ut-shortcode-video-wrap .ut-video-caption i {
background:rgba(0,0,0,0.5);
}
.ut-load-video:hover i {
color:rgba(255,255,255,1);
border-color:rgba(255,255,255,1);
}
.ut-shortcode-video-wrap .ut-video-caption {
margin-bottom: 20px;
max-width: 100%;
padding:10px;
background:transparent;
border:1px solid;
}
.light .ut-shortcode-video-wrap .ut-video-caption {
padding:0;
}
.dark .ut-shortcode-video-wrap .ut-video-caption {
border-color:#DDDDDD;
}
.ut-video-caption-text {
padding-top:10px;
}
.light .ut-video-caption-text {
padding:10px;
background:rgba(0,0,0,5);
color:#999999;
border-top:1px solid;
} .ut-highlight-section-wrap {
margin-bottom:0;
margin-left:-10px;
margin-right:-10px;  
}
.ut-highlight-section-right {
text-align:right;
}
.ut-highlight-section-right .ut-highlight-section-icon {
float:right;
margin-right:0;
margin-left:20px;   
}
.ut-highlight-section-icon {
float:left;
margin-right:20px;
margin-bottom:20px;
width:50px;
height:50px;
line-height:50px;
text-align:center;
font-size:20px;
background:transparent;
border:double 1px #008ED6;
color:#008ED6;   
}
.ut-highlight-section-box h3 {
-webkit-transition:0.2s all linear;
-o-transition:0.2s all linear;
transition:0.2s all linear;
margin-bottom:5px;
}
.ut-highlight-section-content {
overflow:hidden;
margin-bottom:20px;
}
.ut-highlight-section-image {
margin:0 auto;
}
.ut-highlight-section-image.ut-landscape {
padding:0 10px;   
}
.ut-highlight-section-image.ut-portrait {
max-width:250px;
}
.ut-highlight-section-image img {
width:100%;
} .ut-custom-box {
border:1px solid #a0c3d5;
padding:20px;
}
.ut-custom-box-content {
overflow:hidden;
text-align:left;   
}
.ut-custom-box-icon {
float:left;
margin-right:40px;
margin-bottom:20px;
max-width:320px;   
} .cta-btn {
display:block;
text-align:center;
overflow:hidden;
}
.light .cl-effect-18 a,
.light .cl-effect-18 a:hover,
.light .cl-effect-18 a:focus,
.light .cta-btn a {
color:#FFFFFF;
}
.light .cl-effect-18 a::before,
.light .cl-effect-18 a::after {
background: #FFFFFF;
}
.dark .cl-effect-18 a,
.dark .cl-effect-18 a:hover,
.dark .cl-effect-18 a:focus,
.dark .cta-btn a {
color:#151515;	
}
.dark .cl-effect-18 a::before,
.dark .cl-effect-18 a::after {
background: #151515;
}
.cta-btn a {
position: relative;
display: inline-block;
margin: 15px 25px;
outline: none;
color:#151515;
text-decoration: none;
font-size: 1.4em;
}
.cta-btn a:hover,
.cta-btn a:focus {
outline: none;
} .cl-effect-18 {
position: relative;
z-index: 1;
line-height: 125%;
}
.cl-effect-18 a {
padding: 0;
color: #151515;
font-weight: 700;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: #151515;
content: '';
z-index: -1;
pointer-events: none;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.cl-effect-18 a::before {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a::after {
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #151515;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
opacity: 0.7;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
} @media (max-width: 767px) {
.ut-one-half,
.ut-one-third,
.ut-two-thirds,
.ut-three-fourths,
.ut-one-fourth,
.ut-one-fifth,
.ut-two-fifth,
.ut-three-fifth,
.ut-four-fifth,
.ut-one-sixth,
.ut-five-sixth {
width:100%;
}
.ut-icon-box { 
float:none !important;
margin:0;
width:100%;
}
.ut-arrow-right {
display:none;
}
.ut-info {
text-align:center !important;
overflow: hidden;
}
.ut-rotate-quote .flex-direction-nav {
display:none;
}
.ut-rotate-quote .flex-direction-nav,
.ut-rotate-quote-alt .flex-direction-nav {
width:75px;
}
.ut-service-column,
.ut-service-column.ut-vertical {
text-align:center;
}
.ut-service-icon.ut-si-right {
float:left;
margin-right:20px;
margin-left:0 !important;
overflow:hidden;
font-size:30px;
margin-bottom:20px;
}
.ut-highlight-section-right {
text-align:inherit;
}
.ut-highlight-section-right .ut-highlight-section-icon {
float:left;
margin-right:20px;
margin-left:0;   
}
.ut-highlight-section-image.ut-landscape {
padding:0;
}
.ut-highlight-section-image {
margin:0 auto 40px auto;
}
.ut-custom-box-icon {
float:none !important;
margin-right:0 !important; 
}
} @media (min-width: 768px) and (max-width: 1024px) {
.ut-icon-box { 
float:none !important;
margin:0 0 20px 0 !important;
width:100%;
}
.ut-arrow-right {
display:none;
}
.ut-info {
text-align:center !important;
overflow: hidden;
}
.ut-rotate-quote .flex-direction-nav,
.ut-rotate-quote-alt .flex-direction-nav {
width:75px;
}
.ut-highlight-section-image.ut-landscape {
padding:0;
}
.ut-custom-box-icon {
float:none !important;
margin-right:0 !important;
}
}
.ut-animate-element,
.ut-animate-image {
opacity:0;
}
.ut-animate-element.animated.infinite,
.ut-animate-image.animated.infinite {
opacity:1 !important;
}
.mejs-container.mejs-video {
width: 100% !important;
height: auto !important;
padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
width: 100% !important;
height: 100% !important;
}
.mejs-mediaelement video {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100% !important;
height: 100% !important;
}
.pp_pic_holder video { 
width: 100%; 
height: 100%; 
max-width: 100%;
}
.pp_pic_holder .wp-video { 
width: 100% !important;
}
.ut-spacer {
width:100%;
display:block;
min-height:1px;
clear:both;   
} .ut-fancy-image-wrap {
margin-bottom: 20px;
}
figure.ut-fancy-image {
background: #9e5406;	
}
figure.ut-fancy-image img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.ut-fancy-image:hover img {
opacity: 0.4;
}
figure.ut-fancy-image figcaption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;        
-webkit-box-pack: center;        
-ms-flex-pack: center;        
justify-content: center; 
}
figure.ut-fancy-image figcaption::before,
figure.ut-fancy-image figcaption::after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
figure.ut-fancy-image figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
transform: scale(0,1);
}
figure.ut-fancy-image figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
-ms-transform: scale(1,0);
transform: scale(1,0);
}
figure.ut-fancy-image h3 {
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
-o-transition: transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.ut-fancy-image p {
padding: 0 20px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(0,60px,0);
transform: translate3d(0,60px,0);
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
figure.ut-fancy-image:hover figcaption::before,
figure.ut-fancy-image:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
figure.ut-fancy-image:hover h3 {
opacity: 1;
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.ut-fancy-image:hover p {
opacity: 1;
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.ut-fancy-image {
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
background: #3085a3;
text-align: center;
cursor: pointer;
}
figure.ut-fancy-image img {
position: relative;
display: block;
max-width: 100%;
opacity: 0.8;
}
figure.ut-fancy-image figcaption {
padding: 2em;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.ut-fancy-image figcaption::before,
figure.ut-fancy-image figcaption::after {
pointer-events: none;
}
figure.ut-fancy-image figcaption,
figure.ut-fancy-image figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure.ut-fancy-image h3,
figure.ut-fancy-image p {
margin: 0;
}
figure.ut-fancy-image p {
font-size: 12px;
}
@media (min-width: 768px) and (max-width: 1024px) {
figure.ut-fancy-image h3,
figure.ut-fancy-image:hover h3 {
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.ut-fancy-image p {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.ut-fancy-image:hover p {
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
}
@media (max-width: 320px) {
figure.ut-fancy-image h3,
figure.ut-fancy-image:hover h3 {
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.ut-fancy-image p {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.ut-fancy-image:hover p {
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
} .vc_row [class*="vc_col-"] .ut-one-half:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-one-third:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-two-thirds:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-three-fourths:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-one-fourth:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-one-fifth:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-two-fifth:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-three-fifth:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-four-fifth:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-one-sixth:not(.ut-table-menu-wrap),
.vc_row [class*="vc_col-"] .ut-five-sixth:not(.ut-table-menu-wrap) {
margin-right: 0 !important;
float: inherit !important;
width: 100% !important;
margin-bottom: 0px !important;
} .ut-animate-element.vc_row.vc_row-o-full-height {
min-height: 100vh !important;
} .ut-word-effects,
.ut-word-effect-slide {
position: relative;
width: 100%;
height: 100%;
}
.ut-word-effect-slide {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-justify-content: center;        
-webkit-box-pack: center;        
-ms-flex-pack: center;        
justify-content: center; 
}
.ut-word-effect-slide:not(.slide--current) {
position: absolute;
top: 0;
pointer-events: none;
opacity: 0;
}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;
} @media (max-width: 767px) {
.vc_section.ut-overflow-visible-mobile,
.vc_row.ut-overflow-visible-mobile {
overflow: visible !important;
}
.vc_row.ut-remove-clear-on-mobile::after {
clear: inherit !important;
}
.vc_row.vc_inner.ut-overflow-hidden-on-mobile {
overflow: hidden;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.vc_section.ut-overflow-visible-tablet,
.vc_row.ut-overflow-visible-tablet {
overflow: visible !important;
}
.vc_row.ut-remove-clear-on-tablet::after {
clear: inherit !important;
}
.vc_row.vc_inner.ut-overflow-hidden-on-tablet {
overflow: hidden;
}
}
@media (min-width: 1025px) {
.vc_section.ut-overflow-visible,
.vc_row.ut-overflow-visible {
overflow: visible !important;
}
.vc_row.ut-remove-clear-on-desktop::after {
clear: inherit !important;
}
.vc_row.vc_inner.ut-overflow-hidden-on-desktop {
overflow: hidden;
}
} .blog .post .vc_section {
padding-bottom: 0 !important;
padding-top: 0 !important;
} #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 {
} .page.has-no-hero.ut-vc-enabled #primary,
.single-portfolio.has-no-hero.ut-vc-enabled #primary {
padding: 0;
} .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;
}  .ut-vc-80.vc_section.vc_section-remove-padding-bottom,
.ut-vc-120.vc_section.vc_section-remove-padding-bottom,
.ut-vc-160.vc_section.vc_section-remove-padding-bottom,
.ut-vc-200.vc_section.vc_section-remove-padding-bottom,
.vc_section.vc_section-remove-padding-bottom {
padding-bottom: 0;
}
.ut-last-content-section-as-no-fill .ut-first-in-contact-section.vc_section-has-no-fill {
padding-top: 0 !important;
} @media (max-width: 767px) {
#ut-sitebody .vc_row {
padding-left:0 !important;
padding-right:0 !important;  
}
.vc_section .vc_col-has-fill > .vc_column-inner { padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.vc_section .vc_col-has-fill > .vc_column-inner .wpb_content_element:last-child { }
.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;
}  #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;
} .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;
} .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;
} #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.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;
}
} @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;
}  #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;
} .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;
} .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.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.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;
}
} @media (min-width: 1025px) {  .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;
} .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;
} .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;
} .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;
}  .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;
} .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;
} .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;
} .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;
}  .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;
} .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;
} .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;
} .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;
}  .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;
} .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;
} .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;
} .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;
}
}  #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;
} #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";
} .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;
} .ut-image-gallery {
overflow:hidden !important;   
}
.ut-image-gallery-item {
margin:0;
padding:0;
text-align:center;
}
.ut-image-gallery-image {
position: relative;
}
.ut-image-gallery-image-caption {
height: 100%;
left: 0;
min-height: 100%;
padding: 20px;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.ut-image-gallery-item.ut-animation-done:hover .ut-image-gallery-image-caption,
.ut-image-gallery-item.ut-element-is-animating:hover .ut-image-gallery-image-caption {
background: rgb(20,22,24);
background: rgba(20,22,24, 0.8);
color: #FFFFFF;
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.ut-image-gallery-item.ut-animate-gallery-element > a {
pointer-events: none;
}
.ut-image-gallery-item.ut-animate-gallery-element.ut-animation-done > a,
.ut-image-gallery-item.ut-animate-gallery-element.ut-element-is-animating > a {
pointer-events: initial;
}
@media (max-width: 767px) {
.ut-image-gallery-item.ut-no-animation-mobile.ut-animate-gallery-element > a {
pointer-events: initial;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-image-gallery-item.ut-no-animation-tablet.ut-animate-gallery-element > a {
pointer-events: initial;
}
}
.ut-image-gallery-image-caption-style-2 {
width: auto;
padding: 0.35em 0.5em;
position: absolute;
bottom: 0;
right: 0;
text-align: left;
z-index: 2;
}
.ut-image-gallery-item-caption-title-style-2 h3 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.ut-image-gallery-item-caption-title-style-2 h3 {
font-size: 0.9em;
line-height: 125%;
}
}
@media (min-width: 768px) {
.ut-image-gallery-image-caption-style-2 {
width: 250px;
padding: 20px;
position: absolute;
bottom: 40px;
right: 0;
text-align: left;
}
}
.ut-image-gallery-item img:not(.gutter-shadow):not([class^="ut-box-shadow"]) {
border:none !important;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-box-shadow:#000 0em 0em 0em !important;
box-shadow:#000 0em 0em 0em !important;
}
.ut-image-gallery-item-caption-title {
padding: 0 20px;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ut-image-gallery-item-caption-title h3 {
color: #FFFFFF;
font-size: 17px;
line-height: 150%;
margin: 0;
-webkit-animation-duration: 300ms;
-webkit-animation-fill-mode: both;
-webkit-animation-name: fadeOut;
animation-duration: 300ms;
animation-fill-mode: both;
animation-name: fadeOut;
}
.ut-image-gallery-item-caption-title h3.ut-image-gallery-empty-title {
font-size: 24px;
font-family: sans-serif !important;
}
.ut-image-gallery-item.ut-animation-done:hover .ut-image-gallery-item-caption-title h3,
.ut-image-gallery-item.ut-element-is-animating:hover .ut-image-gallery-item-caption-title h3 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ut-image-gallery-item a {
display:block;
height:100%;
width:100%;
}
.ut-image-gallery-1 .ut-image-gallery-item {
padding:0 1px 1px 0;
}
.ut-image-gallery-1 {
margin-right:-1px;
margin-bottom: -1px;
}
.ut-image-gallery-5 .ut-image-gallery-item {
padding:0 5px 5px 0;
}
.ut-image-gallery-5 {
margin-right:-5px;
margin-bottom: -5px;
}
.ut-image-gallery-10 .ut-image-gallery-item {
padding:0 10px 10px 0;
}
.ut-image-gallery-10 {
margin-right:-10px;
margin-bottom: -10px;
}
.ut-image-gallery-15 .ut-image-gallery-item {
padding:0 15px 15px 0;
}
.ut-image-gallery-15 {
margin-right:-15px;
margin-bottom: -15px;
}
.ut-image-gallery-20 .ut-image-gallery-item {
padding:0 20px 20px 0;
}
.ut-image-gallery-20 {
margin-right:-20px;
margin-bottom: -20px;
}
.ut-image-gallery-25 .ut-image-gallery-item {
padding:0 25px 25px 0;
}
.ut-image-gallery-25 {
margin-right:-25px;
margin-bottom: -25px;
}
.ut-image-gallery-30 .ut-image-gallery-item {
padding:0 30px 30px 0;
}
.ut-image-gallery-30 {
margin-right:-30px;
margin-bottom: -30px;
}
.ut-image-gallery-35 .ut-image-gallery-item {
padding:0 35px 35px 0;
}
.ut-image-gallery-35 {
margin-right:-35px;
margin-bottom: -35px;
}
.ut-image-gallery-40 .ut-image-gallery-item {
padding:0 40px 40px 0;
}
.ut-image-gallery-40 {
margin-right:-40px;
margin-bottom: -40px;
}
@media (max-width: 767px) {
.ut-image-gallery-image {
text-align: center !important;
}
.ut-no-animation-mobile {
-webkit-animation:none !important;
animation:none !important;
opacity:1 !important;
visibility:visible !important;
-webkit-animation-name:none !important;
animation-name:none !important;
}
.ut-image-gallery-1 .ut-image-gallery-item {
padding:0 0 1px 0;
}
.ut-image-gallery-1 {
margin-right:0;
}
.ut-image-gallery-5 .ut-image-gallery-item {
padding:0 0 5px 0;
}
.ut-image-gallery-5 {
margin-right:0;
}
.ut-image-gallery-10 .ut-image-gallery-item {
padding:0 0 10px 0;
}
.ut-image-gallery-10 {
margin-right:0;
}
.ut-image-gallery-15 .ut-image-gallery-item {
padding:0 0 15px 0;
}
.ut-image-gallery-15 {
margin-right:0;
}
.ut-image-gallery-20 .ut-image-gallery-item {
padding:0 0 20px 0;
}
.ut-image-gallery-20 {
margin-right:0;
}
.ut-image-gallery-25 .ut-image-gallery-item {
padding:0 0 25px 0;
}
.ut-image-gallery-25 {
margin-right:0;
}
.ut-image-gallery-30 .ut-image-gallery-item {
padding:0 0 30px 0;
}
.ut-image-gallery-30 {
margin-right:0;
}
.ut-image-gallery-35 .ut-image-gallery-item {
padding:0 0 35px 0;
}
.ut-image-gallery-35 {
margin-right:0;
}
.ut-image-gallery-40 .ut-image-gallery-item {
padding:0 0 40px 0;
}
.ut-image-gallery-40 {
margin-right:0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-no-animation-tablet {
-webkit-animation:none !important;
animation:none !important;
opacity:1 !important;
visibility:visible !important;
-webkit-animation-name:none !important;
animation-name:none !important;
}
} .ut-image-gallery-fitRows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.ut-image-gallery-fitRows .ut-image-gallery-item > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ut-image-gallery-fitRows .ut-image-gallery-item,
.ut-image-gallery-fitRows .ut-image-gallery-image {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
overflow: hidden;
float: none !important;
width: auto;
height: 600px;
}
.ut-image-gallery-masonry {
visibility: hidden;
}
.ut-image-gallery-masonry.ut-isotope-ready {
visibility: visible;
}
.ut-image-gallery-fitRows .ut-image-gallery-item {
margin: 0;
padding: 0;
}
.ut-image-gallery-masonry .ut-image-gallery-image > img,
.ut-image-gallery-fitRows .ut-image-gallery-image > img {
object-fit: cover;
width: 100%;
height: 100%;
} .ut-image-gallery-loader {
width: 35px;
height: 35px;
}
.ut-image-gallery-loader .ut-image-gallery-loader-inner {
width: 100%;
height: 100%;
display: inline-block;
padding: 0;
border-radius: 100%;
-webkit-animation: image-gallery-loader .8s linear infinite;
animation: image-gallery-loader .8s linear infinite;
border: 2px solid rgba(255, 191, 0, 0.65);
border-right-color: rgba(255, 191, 0, 0.15);
border-bottom-color: rgba(255, 191, 0, 0.15);
}
@keyframes image-gallery-loader {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes image-gallery-loader {
from {
-webkit-transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg)
}
} .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); -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); }
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); -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); }
figure.ut-gallery-slider-caption-wrap:hover::after {
opacity: 0.9;
}
.ut-gallery-slider-caption {
font-size: 12px;
font-weight: bold;
text-align: center;
display: block;
color: #151515;
line-height: 150%;
margin-top: 10px;
}
@media (max-width: 767px) {
.ut-owl-gallery-slider-wrap .owl-dots {
display:none !important;
}
.ut-owl-gallery-slider-wrap .ut-owl-video-play-icon .fa {
padding-left:4px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-prev-gallery-slide,
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
-moz-border-radius: 0;
border-radius: 0;
top: calc(50% - 60px);
height: 120px;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-prev-gallery-slide {
left: 0;
right: auto;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
right: 0;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-slider-maximize,
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-owl-video-play-icon {
-moz-border-radius: 0;
border-radius: 0;
top: inherit;
left: inherit;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-prev-gallery-slide,
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
top: auto;
bottom: 0;
left: 0;
height: 40px;
}
.ut-owl-gallery-slider-wrap.ut-owl-gallery-slider-style-two .ut-next-gallery-slide {
left: 40px;
}
} #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;
} .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;
} .wpb_wrapper .ut-service-icon-box-content > *:last-child,
.wpb_wrapper .page-header .lead > *:last-child,
.wpb_wrapper .section-header .lead > *:last-child,
.wpb_wrapper .ut-service-column > *:last-child,
.wpb_wrapper .ut-info > *:last-child {
margin-bottom:0;   
}
.wpb_wrapper .section-header > *:first-child {
margin-bottom:20px;   
}
.section-header > *:last-child { 
margin-bottom: 0 !important;
}
.page-header.page-title-module > *:last-child {
margin-bottom: 0 !important;
} .bklyn-call-to-action-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;
}
} .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;   
}
} .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;
} .wpb_wrapper .ut-horizontal-style .ut-service-icon-large.ut-service-icon-normal {
height: auto;
width: auto;
font-size: 48px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-large.ut-service-icon-normal.ut-service-icon-svg {
width: 48px;
}
.wpb_wrapper .ut-vertical-style .ut-service-icon-large.ut-service-icon-normal {
height: auto;
text-align: center;
}
.wpb_wrapper .ut-service-icon-large {
font-size: 48px;
height: 64px;
width: 64px;
}
.wpb_wrapper .ut-service-icon-rounded.ut-service-icon-large,
.wpb_wrapper .ut-service-icon-square.ut-service-icon-large,
.wpb_wrapper .ut-service-icon-round.ut-service-icon-large {
font-size: 32px;
}
.wpb_wrapper .ut-service-icon-large.ut-custom-icon img  {
max-width: 64px;
width: 100%;
}
.wpb_wrapper .ut-service-icon-large.ut-service-icon-square.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-large.ut-service-icon-rounded.ut-custom-icon img, 
.wpb_wrapper .ut-service-icon-large.ut-service-icon-round.ut-custom-icon img {
width: 32px;
}
.wpb_wrapper .ut-service-icon-large.ut-service-icon-with-svg svg {
width: 64px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon-large.ut-service-icon-square.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-large.ut-service-icon-rounded.ut-service-icon-with-svg svg, 
.wpb_wrapper .ut-service-icon-large.ut-service-icon-round.ut-service-icon-with-svg svg {
width: 32px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal {
height: auto;
width: auto;
font-size: 38px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal.ut-service-icon-svg {
width: 38px;
}
.wpb_wrapper .ut-vertical-style .ut-service-icon-medium.ut-service-icon-normal {
height: auto;
text-align: center;
}
.wpb_wrapper .ut-service-icon-medium {
font-size: 38px;
height: 56px;
width: 56px;
}
.wpb_wrapper .ut-service-icon-rounded.ut-service-icon-medium,
.wpb_wrapper .ut-service-icon-square.ut-service-icon-medium,
.wpb_wrapper .ut-service-icon-round.ut-service-icon-medium {
font-size: 28px;
}
.wpb_wrapper .ut-service-icon-medium.ut-custom-icon img {
max-width: 56px;
}
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-square.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-rounded.ut-custom-icon img, 
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-round.ut-custom-icon img {
width: 28px;
}
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-with-svg svg {
max-width: 56px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-square.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-rounded.ut-service-icon-with-svg svg, 
.wpb_wrapper .ut-service-icon-medium.ut-service-icon-round.ut-service-icon-with-svg svg {
width: 28px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .wpb_wrapper .ut-horizontal-style .ut-service-icon-small.ut-service-icon-normal {
height: auto;
width: auto;
font-size: 28px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-small.ut-service-icon-normal.ut-service-icon-svg {
width: 28px;
}
.wpb_wrapper .ut-vertical-style .ut-service-icon-small.ut-service-icon-normal {
height: auto;
text-align: center;
}
.wpb_wrapper .ut-service-icon-small {
height: 48px;
width: 48px;
font-size: 28px; 
}
.wpb_wrapper .ut-service-icon-rounded.ut-service-icon-small,
.wpb_wrapper .ut-service-icon-square.ut-service-icon-small,
.wpb_wrapper .ut-service-icon-round.ut-service-icon-small {
height: 48px;
width: 48px;
font-size: 24px;
}
.wpb_wrapper .ut-service-icon-small.ut-custom-icon img  {
max-width: 48px;
}
.wpb_wrapper .ut-service-icon-small.ut-service-icon-square.ut-custom-icon img,
.wpb_wrapper .ut-service-icon-small.ut-service-icon-rounded.ut-custom-icon img, 
.wpb_wrapper .ut-service-icon-small.ut-service-icon-round.ut-custom-icon img {
width: 24px;
}
.wpb_wrapper .ut-service-icon-small.ut-service-icon-with-svg svg  {
max-width: 48px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon-small.ut-service-icon-square.ut-service-icon-with-svg svg,
.wpb_wrapper .ut-service-icon-small.ut-service-icon-rounded.ut-service-icon-with-svg svg, 
.wpb_wrapper .ut-service-icon-small.ut-service-icon-round.ut-service-icon-with-svg svg {
width: 24px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.wpb_wrapper .ut-service-icon {
margin-bottom:0;
margin-right:20px;
position: relative;
}
.wpb_wrapper .ut-service-icon.ut-custom-icon {
margin-right:20px;   
}
.wpb_wrapper .ut-service-icon.ut-si-right {
margin-right:0;
margin-left:20px;
}
.wpb_wrapper .ut-service-icon.ut-si-right.ut-custom-icon {
margin-right:0;
margin-left:20px;   
}
.wpb_wrapper .ut-service-column.ut-vertical {
margin-top:20px;
} @media (max-width: 767px) {
.wpb_wrapper .ut-service-icon-large,
.wpb_wrapper .ut-service-icon-medium,
.wpb_wrapper .ut-service-icon-small,
.wpb_wrapper .ut-service-icon-large.ut-si-right,
.wpb_wrapper .ut-service-icon-medium.ut-si-right,
.wpb_wrapper .ut-service-icon-small.ut-si-right {
text-align: center;
}
.wpb_wrapper .ut-service-icon-large .ut-svg-loaded,
.wpb_wrapper .ut-service-icon-medium .ut-svg-loaded,
.wpb_wrapper .ut-service-icon-small .ut-svg-loaded {
margin: 0 auto;
}
.wpb_wrapper .ut-service-icon.ut-service-icon-large.ut-service-icon-round.ut-si-right,
.wpb_wrapper .ut-service-icon.ut-service-icon-medium.ut-service-icon-round.ut-si-right,
.wpb_wrapper .ut-service-icon.ut-service-icon-small.ut-service-icon-round.ut-si-right {
text-align: center;
}   
.wpb_wrapper .ut-service-icon.ut-si-right {
margin-right:20px;
margin-left:0;
}
.wpb_wrapper .ut-service-icon,
.wpb_wrapper .ut-service-icon.ut-si-right.ut-custom-icon {
float: none;
margin: 0 auto 20px auto !important;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-small.ut-service-icon-normal.ut-service-icon-with-svg {
width: 48px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal.ut-service-icon-with-svg {
width: 56px;
}
.wpb_wrapper .ut-horizontal-style .ut-service-icon-medium.ut-service-icon-normal.ut-service-icon-with-svg {
width: 64px;
} } @media (min-width: 768px) and (max-width: 1024px) {
} .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;
}
} .ut-service-column-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-service-column-vertical-link-with-animation i,
.ut-service-column-link-with-animation i {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
display: inline-block;
}
.ut-service-column-vertical-link {
line-height: 150%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-service-column-vertical-link-icon-before i,
.ut-service-column-link-icon-before i {
margin-right:10px;
}
.ut-service-column-vertical-link-icon-after i,
.ut-service-column-link-icon-after i {
margin-left:10px;
}
.ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-before i,
.ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-after i,
.ut-service-column-link-with-animation.ut-service-column-link-icon-before i,
.ut-service-column-link-with-animation.ut-service-column-link-icon-after i {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
} .ut-vertical-style-align-left .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-before:hover i {
margin-right: 15px;    
} .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);   
} .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);   
} .ut-vertical-style-align-right .ut-service-column-vertical-link-with-animation.ut-service-column-vertical-link-icon-after:hover i {
margin-left: 15px;    
} .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;    
} .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);    
} .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);     
} .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;
}
} .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; }
.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;        
} .wpb_wrapper .section-header,
.wpb_wrapper .page-header,
#home .wpb_wrapper .section-header,
#home .wpb_wrapper .page-header {
margin-bottom:0;
padding-bottom:0;
}
.wpb_wrapper .section-title,
.wpb_wrapper .page-title {
margin-bottom:0;
}
.vc_row:not(.vc_row-o-content-middle):not(.vc_row-o-content-bottom) .ut-first-wpb-column .ut-first-section-title .ut-glow ,
.vc_row:not(.vc_row-o-content-middle):not(.vc_row-o-content-bottom) .ut-first-wpb-column .ut-first-page-title .ut-glow {
margin-top: 20px;
}
#primary .wpb_wrapper .section-header .lead p,
#primary .wpb_wrapper .page-title-module .lead p {
margin-top:0;
}
.section-header.header-with-gradient h1 span,
.parallax-header.header-with-gradient h1 span,
.page-title-module.header-with-gradient h1 span,
.section-header.header-with-gradient h2 span,
.parallax-header.header-with-gradient h2 span,
.page-title-module.header-with-gradient h2 span,
.section-header.header-with-gradient h3 span,
.parallax-header.header-with-gradient h3 span,
.page-title-module.header-with-gradient h3 span,
.section-header.header-with-gradient h4 span,
.parallax-header.header-with-gradient h4 span,
.page-title-module.header-with-gradient h4 span,
.section-header.header-with-gradient h5 span,
.parallax-header.header-with-gradient h5 span,
.page-title-module.header-with-gradient h5 span,
.section-header.header-with-gradient h6 span,
.parallax-header.header-with-gradient h6 span,
.page-title-module.header-with-gradient h6 span {
display:inline-block;
}
@media (max-width: 767px) {
.section-header.ut-no-title-linebreak-mobile .section-title br,
.page-title-module.ut-no-title-linebreak-mobile .page-title br {
display: none;
}
.section-header.ut-no-lead-linebreak-mobile .lead br,
.page-title-module.ut-no-lead-linebreak-mobile .lead br {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.section-header.ut-no-title-linebreak-tablet .section-title br,
.page-title-module.ut-no-title-linebreak-tablet .page-title br {
display: none;
}
.section-header.ut-no-lead-linebreak-tablet .lead br,
.page-title-module.ut-no-lead-linebreak-tablet .lead br {
display: none;
} 
} #primary .page-header:not(.page-title-module) {
margin-bottom:40px;
padding-bottom:0;
}
#primary .page-title {
margin-bottom:0;   
}
#primary .lead > p {
margin-top:20px;   
} .wpb_wrapper .wpb_content_element form > p:last-child {
margin-bottom:0;
} .ut-btn-group {
display: inline-block;
width: 100%;
}
.ut-btn-group.ut-btn-group-left {
text-align: left;
}
.ut-btn-group.ut-btn-group-center {
text-align: center;
}
.ut-btn-group.ut-btn-group-right {
text-align: right;
}
.ut-btn-group > .bklyn-btn-holder {
display: inline;
}
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder {
margin-right: 20px;
}
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder.bklyn-btn-last,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder.bklyn-btn-last,
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder:last-child,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder:last-child {
margin-right: 0;
}
.ut-btn-group.ut-btn-group-right > .bklyn-btn-holder {
margin-left: 20px;
}
.ut-btn-group.ut-btn-group-right > .bklyn-btn-holder.bklyn-btn-first {
margin-left: 0 !important;
}
.bklyn-btn i {
}
.bklyn-btn i.fa::before {
}
.bklyn-btn.bklyn-btn-icon-left 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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight:400;
text-align:center;
text-decoration:none;
text-transform:uppercase;
margin:0 0 40px 0;
padding:10px 20px;
line-height:125%;
overflow:hidden;
vertical-align:middle;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-user-select:none; 
-moz-user-select:none; 
-ms-user-select:none;
user-select:none;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.bklyn-btn.ut-simple-glitch-text-hover {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.ut-btn-text {
display: inline-block;
vertical-align: middle;
}
.bklyn-btn.bklyn-btn-shadow-active,
.bklyn-btn.bklyn-btn-shadow:hover {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow:  0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.ut-particles-with-animation.bklyn-btn-shadow-active .ut-particles-wrapper,
.ut-particles-with-animation.bklyn-btn-shadow .ut-particles-wrapper:hover {
-webkit-transition: box-shadow 0.1s ease-in-out;
-moz-transition: box-shadow 0.1s ease-in-out;
-o-transition: box-shadow 0.1s ease-in-out;
transition: box-shadow 0.1s ease-in-out;
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow:  0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.ut-particles-with-animation.bklyn-btn-shadow-active .ut-particles-wrapper.ut-particles-deactivate-shadow {
-webkit-box-shadow: none;
box-shadow: none;
}
.bklyn-btn.bklyn-btn-round {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px;
}
.bklyn-btn.bklyn-btn-outline {
border:4px solid #000000;
background:transparent;
color:#000000;
}
.bklyn-btn.bklyn-btn-mini {
font-size:11px;
padding:0.6em 1.62em;
}
.bklyn-btn.bklyn-btn-small {
font-size:12px;
padding:1.1em 2em;
}
.bklyn-btn.bklyn-btn-normal {
font-size: 14px;
padding:1.05em 2.15em;
}
.bklyn-btn.bklyn-btn-large {
font-size:18px;
padding:1.05em 2em;
}
.bklyn-btn.bklyn-btn-full {
width: 100%;
}
.bklyn-btn-holder.bklyn-btn-left .bklyn-btn.bklyn-btn-full {	
text-align: left;
}
.bklyn-btn-holder.bklyn-btn-right .bklyn-btn.bklyn-btn-full {	
text-align: right;
}
#ut-overlay-nav .bklyn-btn {
font-size: 12px;
margin-bottom: 0;
}
.ut-btn-group.ut-btn-group-left {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-center {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-right {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
} @media (max-width: 767px) {
.bklyn-btn-holder.bklyn-btn-mobile-left {
text-align: left;
}
.bklyn-btn-holder.bklyn-btn-mobile-right {
text-align: right;
}
.bklyn-btn-holder.bklyn-btn-mobile-center {
text-align: center;
}
.ut-btn-group.ut-btn-group-mobile-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: center;
align-content: center;
}
.ut-btn-group.ut-btn-group-mobile-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.ut-btn-group.ut-btn-group-mobile-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-line-pack: center;
align-content: center;
}
.bklyn-btn-holder.bklyn-btn-left .bklyn-btn.bklyn-btn-full {
text-align: center;
}
.bklyn-btn-holder.bklyn-btn-right .bklyn-btn.bklyn-btn-full {
text-align: center;
}
.ut-btn-group > .bklyn-btn-holder {
display: block;
}
.ut-btn-group .bklyn-btn-holder.bklyn-btn-first .bklyn-btn {
margin-bottom: 20px;
}
.ut-btn-group .bklyn-btn-holder.bklyn-btn-last .bklyn-btn {
margin-bottom: 40px;
}
.ut-btn-group.ut-btn-group-left > .bklyn-btn-holder,
.ut-btn-group.ut-btn-group-center > .bklyn-btn-holder {
margin-right: 0;
}
.ut-btn-group.ut-btn-group-tablet-left > .bklyn-btn-holder {
margin-right: 0;
}
.ut-btn-group.ut-btn-group-tablet-right > .bklyn-btn-holder,
.ut-btn-group.ut-btn-group-tablet-center > .bklyn-btn-holder {
margin-left: 0;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.bklyn-btn-holder.bklyn-btn-tablet-left {
text-align: left;
}
.bklyn-btn-holder.bklyn-btn-tablet-right {
text-align: right;
}
.bklyn-btn-holder.bklyn-btn-tablet-center {
text-align: center;
}
.ut-btn-group .bklyn-btn-holder.bklyn-btn-first .bklyn-btn,
.ut-btn-group .bklyn-btn-holder.bklyn-btn-last .bklyn-btn {
margin-bottom: 20px;
}
.ut-btn-group.ut-btn-group-tablet-left {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-tablet-center {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ut-btn-group.ut-btn-group-tablet-right {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
} .ut-particles-canvas {
position: absolute;
pointer-events: none;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.ut-particles-wrapper {
position: relative;
display: inline-block;
overflow: hidden;
will-change: transform;
}
.ut-particles {
position: relative;
display: inline-flex;
}
.ut-particles-with-animation {
display: inline-block;
}
.ut-particles-deactivate-transition {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
-webkit-transition-timing-function: unset !important;
-o-transition-timing-function: unset !important;
transition-timing-function: unset !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation-fill-mode: none!important;
animation-fill-mode: none!important;
-webkit-animation-name: unset;
animation-name: unset;
}
@media screen and (min-width: 768px) {
.ut-hero-custom-center .hero-btn-holder {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ut-hero-custom-right .hero-btn-holder {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.bklyn-btn-holder .ut-particles {
margin-top: 40px;
}
div + .bklyn-btn-holder .ut-particles,
div + style + .bklyn-btn-holder .ut-particles {
margin-top: 0;
}
.bklyn-btn-holder .ut-particles {
margin-bottom: 40px;
}
.ut-particles-wrapper .bklyn-btn {
margin-bottom: 0;
}
.bklyn-btn-holder-contains-fuild-button .ut-particles,
.bklyn-btn-holder-contains-fuild-button .ut-particles-wrapper,
.bklyn-btn-holder-contains-fuild-button .ut-particles-with-animation {
width: 100%;
} .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); -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); }
.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;   
} .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;
} @media (max-width: 400px) {
.ut-bkly-qt-rotator .ut-prev-gallery-slide,
.ut-bkly-qt-rotator .ut-next-gallery-slide {
display: none;
}
} @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;
}
} @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;
}
} .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; 
} .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;
}
} .wpb_wrapper .bklyn-list > *:last-child {
margin-bottom:0;
}
.wpb_wrapper .bklyn-list {
margin-bottom:0;
margin-left: 0;
list-style-position: outside;
}
.bklyn-fancy-list.bklyn-fancy-list-left .bklyn-list {
list-style-position: outside;
margin-left: 1em;
}
.bklyn-fancy-list .bklyn-list.bklyn-list-style-none li {
padding-left: 0;
}
.bklyn-fancy-list.bklyn-fancy-list-left .bklyn-list.bklyn-list-style-none li::before {
}
.bklyn-list-item-space-xsmall:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-xsmall .bklyn-fancy-list-content {
padding-left: 0.5em;
}
.bklyn-list-item-space-small:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-small .bklyn-fancy-list-content {
padding-left: 1em;
}
.bklyn-list-item-space-medium:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-medium .bklyn-fancy-list-content {
padding-left: 1.5em;
}
.bklyn-list-item-space-large:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-large .bklyn-fancy-list-content {
padding-left: 2em;
}
.bklyn-list-item-space-xlarge:not(.bklyn-fancy-list-item-has-icon),
.bklyn-list-item-space-xlarge .bklyn-fancy-list-content {
padding-left: 3em;
}
.bklyn-fancy-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bklyn-fancy-list .bklyn-list:not(.bklyn-list-style-none) li > span {
vertical-align: top;
}
.bklyn-fancy-list-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bklyn-fancy-list-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.bklyn-fancy-list-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.bklyn-fancy-list-item-has-icon,
.bklyn-fancy-list-item-has-icon > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.bklyn-fancy-list-item-has-icon-center,
.bklyn-fancy-list-item-has-icon-center > a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bklyn-fancy-list-item-has-icon-top ,
.bklyn-fancy-list-item-has-icon-top > a{
-webkit-box-align: first baseline;
-ms-flex-align: first baseline;
align-items: first baseline;
}
.bklyn-fancy-list-item-has-icon-bottom,
.bklyn-fancy-list-item-has-icon-bottom > a {
-webkit-box-align: last baseline;
-ms-flex-align: last baseline;
align-items: last baseline;
}
.wpb_wrapper .bklyn-list li {
margin-bottom: 0;
}
.wpb_wrapper .bklyn-list li .fa {
text-align: center;
}
.wpb_wrapper .bklyn-list li > *:last-child {
margin-bottom:0;
padding-bottom:0;
}
.wpb_wrapper .bklyn-list.bklyn-list-style-none {
margin-left:0;
list-style: none !important;
}
.bklyn-list li a,
.bklyn-list li a i {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.bklyn-fancy-list-animated li {
list-style: none;
-webkit-transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
opacity: 0;
}
.bklyn-fancy-list-animated li > i,
.bklyn-fancy-list-animated li > span > span,
.bklyn-fancy-list-animated li > .bklyn-fancy-list-content > span {
-webkit-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.bklyn-fancy-list-animated li > span > span + br + span,
.bklyn-fancy-list-animated li > .bklyn-fancy-list-content > span + br + span {
-webkit-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
}
.bklyn-fancy-list-animated li > span > span,
.bklyn-fancy-list-animated li > .bklyn-fancy-list-content > span {
display: inline-block;
position: relative;
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.bklyn-fancy-list-animated li > i {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.bklyn-fancy-list-animated li.appeared {
list-style: inherit;
opacity: 1;
}
.bklyn-fancy-list-animated li.appeared > i,
.bklyn-fancy-list-animated li.appeared > span > span,
.bklyn-fancy-list-animated li.appeared > .bklyn-fancy-list-content > span {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
@media (max-width: 767px) {
.bklyn-fancy-list-mobile-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.bklyn-fancy-list-mobile-left .bklyn-list {
margin-left: 1em;
}
.bklyn-fancy-list-mobile-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bklyn-fancy-list-mobile-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-fancy-list-tablet-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.bklyn-fancy-list-tablet-left .bklyn-list {
margin-left: 1em;
}
.bklyn-fancy-list-tablet-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bklyn-fancy-list-tablet-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
} .vc_row-has-fill:not([data-vc-full-width="true"]) {
margin-left: 0;
margin-right: 0;
}
.bklyn-row-with-overlay {
position:relative;
}
.bklyn-column-with-overlay .vc_column-inner {
position:relative;
}
.bklyn-column-with-overlay .wpb_wrapper,
.ut-background-with-distortion-effect .wpb_wrapper {
z-index:3;
position:relative;
}
.bklyn-overlay {
top:0;
left:0;
width:100%;
height:100%;
background-repeat:repeat;
position:absolute;
}
.bklyn-overlay-effect {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: repeat;
position: absolute;
}
.bklyn-overlay.bklyn-style-one {
background-image:url(//idegraph.com/wp-content/themes/brooklyn/images/overlay-pattern.png);
}
.bklyn-overlay.bklyn-style-two {
background-image:url(//idegraph.com/wp-content/themes/brooklyn/images/overlay-pattern2.png);       
}
.bklyn-overlay.bklyn-style-three {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/overlay-pattern3.png);
}
.bklyn-overlay.bklyn-style-four {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/circuit-board-pattern.svg);
}
.bklyn-overlay.bklyn-style-five {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/patterns/black-orchid.png);
}
.bklyn-overlay.bklyn-style-six {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/patterns/dark-dotted-2.png);
} .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;
} .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;
} .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;
} .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;
} .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;
}
}  .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;
} .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;
} @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;
}
} @media screen and (min-width: 768px) and (max-width: 1024px) {
} .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 { 
} .wpb_wrapper .ut-parallax-quote .ut-parallax-quote-title {
margin:0;
padding:0;
border:none;
line-height:150%;
display: inline-block;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-title .fa-quote-left,
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-title .fa-quote-right {
font-size:14px;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-left .ut-parallax-quote-title {
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-right .ut-parallax-quote-title {
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-name-wrap {
margin: 0 auto;
display: inline-block;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-left .ut-parallax-quote-name-wrap:not(.ut-block-revealer),
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-align-right .ut-parallax-quote-name-wrap:not(.ut-block-revealer) {
display: block;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-quote-name {
color: #151515;
display:block;
font-size:12px;
margin-bottom:0;
margin-top:20px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap {
display:block;
margin:0 auto 20px auto;
width: 80px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon {
display:block;
font-size:40px;
height:80px;
line-height:80px;
text-align:center;
width:80px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon .fa {
margin:0;
padding:0;
line-height:80px;
}
.wpb_wrapper .ut-parallax-quote-title.ut-block-reveal-hide {
display: inline-block;
} @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;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.ut-no-parallax-quote-linebreak-tablet br {
display: none;
}
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-background,
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background),
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background),
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-background {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-svg svg {
max-width: 40px;
} @media (min-width: 768px) and (max-width: 1024px) {
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-tablet-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-tablet-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-tablet-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-tablet-align-left .ut-parallax-quote-title {
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-tablet-align-right .ut-parallax-quote-title {
text-align: right;
}
} @media (max-width: 767px) {
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap {
width: 40px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon.ut-parallax-icon-with-svg svg {
max-width: 20px;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-mobile-align-center .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-mobile-align-right .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.wpb_wrapper .ut-parallax-quote .ut-parallax-icon-wrap-mobile-align-left .ut-parallax-icon:not(.ut-parallax-icon-with-background) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-mobile-align-left .ut-parallax-quote-title {
text-align: left;
}
.wpb_wrapper .ut-parallax-quote.ut-parallax-quote-mobile-align-right .ut-parallax-quote-title {
text-align: right;
}
} .wpb_wrapper .ut-fancy-image-wrap {
margin-bottom:40px;
} .wpb_single_image .vc_figure-caption {
font-size: 12px;
margin-top: 5px;
line-height: 150%;
} .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;
} @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;
}
} #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%;
} #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); -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); 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;
}
} .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;
} .wpb_content_element .ut-skill-name {
margin-bottom: 10px;
}
.ut-skill-bar-thin {
height:2px;
overflow:visible;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}
.ut-skill-progress-thin {
background: #151515;
height:100%;
float:left;
position:relative;
line-height:20px;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius:10px;
-webkit-transition:width 2s ease;
-o-transition:width 2s ease;
transition:width 2s ease;    
}
.ut-skill-tooltip {
background:#FFFFFF;
color:#252525;
font-size:12px;
font-family: sans-serif;
font-weight:bold;
position:absolute;
top:-30px;
padding:1px 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ut-progress-bar-percentage-digits-1 .ut-skill-tooltip {
right:-12.5px;
}
.ut-progress-bar-percentage-digits-2 .ut-skill-tooltip {
right:-16.25px;
}
.ut-progress-bar-percentage-digits-2 {
margin-right: 16.25px;
}
.ut-progress-bar-percentage-digits-3 .ut-skill-tooltip {
right:-20px;
}
.ut-progress-bar-percentage-digits-3 {
margin-right: 20px;
}
.ut-skill-tooltip:after {
border-color:#FFFFFF transparent;
border-style:solid;
border-width:5px 5px 0;
bottom:-5px;
content:"";
position:absolute;
left:35%;
}
.ut-skill-name-below .ut-skill-name {
margin: 10px 0 0 0;
}
.ut-progress-bar-module-2.ut-skill-name-below {
padding-top: 30px;
}
.ut-progress-bar-module-2 .ut-skill-name {
line-height: 125%;
} .ut-animate-image a {
display:block;
height:100%;
width:100%;
} .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;
}
} .wpb_wrapper .ut-project-sc {
margin:0;
list-style: none;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-left {
text-align: left;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-center {
text-align: center;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-right {
text-align: right;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-center li:last-child,
.wpb_wrapper .ut-project-sc.ut-project-sc-right li:last-child {
margin-right: 0;
}
.wpb_wrapper .ut-project-sc li {
display: inline-block;
float: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
.wpb_wrapper .ut-project-sc.ut-project-sc-tablet-left {
text-align: left;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-tablet-center {
text-align: center;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-tablet-right {
text-align: right;
}
}
@media (max-width: 767px) {
.wpb_wrapper .ut-project-sc.ut-project-sc-mobile-left {
text-align: left;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-mobile-center {
text-align: center;
}
.wpb_wrapper .ut-project-sc.ut-project-sc-mobile-right {
text-align: right;
}
} #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-icon-wrap {
text-align:center;
}
.bklyn-big-icon-round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;   
}
.bklyn-big-icon-round,
.bklyn-big-icon-square,
.bklyn-big-icon-outline{
height:120px;
line-height:120px;
width:120px;
}
.bklyn-big-icon-rhombus {
position: relative;
}
.bklyn-big-icon-rhombus::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
content: "";
width: 100%;
height: 100%;
border-style: solid;
border-color: #FFF;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.bklyn-big-icon {
display:inline-block;
font-size:60px;
margin-bottom:20px;
}
.bklyn-big-icon img {
max-height:64px;
vertical-align:middle;   
}
.bklyn-big-icon-round.bklyn-big-icon .fa,
.bklyn-big-icon-square.bklyn-big-icon .fa,
.bklyn-big-icon-outline.bklyn-big-icon .fa {
line-height:120px;
}
.bklyn-big-icon-link {
display:block;
height:100%;
width:100%;
outline:0;
}
.bklyn-big-icon.bklyn-big-icon-normal {
height: inherit !important;
line-height: inherit !important;
width: inherit !important;
}
.bklyn-big-icon svg path,
.bklyn-big-icon-link,
.bklyn-big-icon-link .fa,
.bklyn-big-icon-link .bklyn-big-icon {
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.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 {
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); -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); }
.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;
}
} .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%);
} .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: "";
} .bkly-progress-circle-style-three.bkly-progress-circle:before {
display: none;
}
.bkly-progress-circle-style-three.bkly-progress-circle:after {
top: 52%;
} .bkly-progress-circle-center {
margin: 0 auto;
} .ut-social-follow-module {
font-size: 16px;
margin: -10px 0 0 0;
list-style: none !important;
}
.ut-social-follow-module.ut-social-follow-module-center {
text-align: center;
}
.ut-social-follow-module.ut-social-follow-module-right {
text-align: right;
}
.ut-social-follow-module a, 
.ut-social-follow-module a .fa {
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.ut-social-follow-module li {
display: inline-block;
margin: 10px 20px 0 0;
text-align: center;
position: relative;
}
.ut-social-follow-module.ut-social-follow-module-40 {
margin: -10px 0 0 0;
}
.ut-social-follow-module.ut-social-follow-module-40 li {
margin: 10px 40px 0 0;
}
.ut-social-follow-module li:last-child {
margin-right: 0;
}
.ut-social-follow-module .ut-social-follow-round a {
display: block;
height: 40px;
line-height: 40px;
width: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.ut-social-follow-module .ut-social-follow-round a .fa, 
.ut-social-follow-module .ut-social-follow-square a .fa, 
.ut-social-follow-module .ut-social-follow-round-corners a .fa {
line-height: 40px;
}
.ut-social-follow-module .ut-social-follow-square a {
display: block;
height: 40px;
line-height: 40px;
width: 40px;
}
.ut-social-follow-module .ut-social-follow-round-corners a {
display: block;
height: 40px;
line-height: 40px;
width: 40px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.ut-social-follow-module .ut-social-follow-outline a {
-webkit-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); box-sizing: content-box;
}
.ut-social-follow-module .ut-social-follow-round-corners a,
.ut-social-follow-module .ut-social-follow-square a,
.ut-social-follow-module .ut-social-follow-round a {
background: #151515;
color: #FFFFFF;
}
.ut-social-follow-module .ut-social-follow-icon-only a {
display: block;
background: none !important;
color: #151515;
} @media (min-width: 768px) and (max-width: 1024px) {
.ut-social-follow-module.ut-social-follow-module-tablet-left {
text-align: left;
}
.ut-social-follow-module.ut-social-follow-module-tablet-center {
text-align: center;
}
.ut-social-follow-module.ut-social-follow-module-tablet-right {
text-align: right;
}
} @media (max-width: 767px) {
.ut-social-follow-module.ut-social-follow-module-mobile-left {
text-align: left;
}
.ut-social-follow-module.ut-social-follow-module-mobile-center {
text-align: center;
}
.ut-social-follow-module.ut-social-follow-module-mobile-right {
text-align: right;
}
} .ut-shortcode-video-wrap-left .ut-video-module  {
margin: 0 auto 0 0;
}
.ut-shortcode-video-wrap-right .ut-video-module  {
margin: 0 0 0 auto;
}
.ut-shortcode-video-wrap-center .ut-video-module  {
margin: 0 auto;
float: none;
}
.ut-video-module {
position: relative;
}
.ut-video-module .ut-simple-html-5 {
width:100% !important;
}
.ut-video-module-border {
border: 1px solid #DDDDDD;
}
.ut-video-module-caption {
text-align: center;
position: relative;
}
.ut-video-module-caption .ut-load-video::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgb(20,22,24);
background: rgba(20,22,24, 0.5);
z-index: 10;
}
.ut-video-module-caption-text {
color: #FFFFFF;
display: table;
position: absolute;
top: 50%;
left: 50%;
padding: 20px;
width: 100%;
z-index: 20;
opacity: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.ut-video-module-caption-text .ut-video-module-inner-caption-text {
display: table-cell;
vertical-align: middle;
}
.ut-video-module-caption-position-bottom > .ut-video-module-play-icon {
margin-right: 0;
}
.ut-video-module-caption-text .ut-video-module-caption-position-bottom > span {
display: block;
}
.ut-video-module-caption-text span {
display: inline-block;
font-size: 12px;
font-weight: bold;
}
.ut-video-module-play-icon  {
background: #151515;
color: #FFFFFF;
position: relative;
height: 60px;
width: 60px;
vertical-align: middle;
display: inline-block;
text-align: center;
border-radius: 50%;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.ut-video-module-play-icon-hidden .ut-video-module-play-icon {
display: none;
}
.ut-video-module-play-icon.ut-video-module-play-icon-square {
border-radius: 0;
}
.ut-video-module-play-icon.ut-video-module-play-icon-rectangle {
border-radius: 0;
width: 100px;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon {
height: 80px;
width: 80px;
font-size: 22px;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon.ut-video-module-play-icon-rectangle {
width: 120px;
}
.ut-video-module-caption-text i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.ut-video-module-loading {
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ut-video-play-animation-1,
.ut-video-play-animation-2,
.ut-video-play-animation-3,
.ut-video-play-animation-4 {
border-width: 1px;
border-style: solid;
height: 60px;
position: absolute;
width: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 0;
}
.ut-video-module-play-icon-large .ut-video-play-animation-1,
.ut-video-module-play-icon-large .ut-video-play-animation-2,
.ut-video-module-play-icon-large .ut-video-play-animation-3,
.ut-video-module-play-icon-large .ut-video-play-animation-4 {
height: 80px;
width: 80px;
}
.ut-video-play-animation-1 {
border-color: #FFFFFF;
}
.ut-video-play-animation-2 {
border-color: #FFFFFF;
}
.ut-video-play-animation-3 {
border-color: #FFFFFF;
}
.ut-video-play-animation-4 {
border-color: #FFFFFF;
}
.ut-video-play-animation-1.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 0.75s infinite normal none running ut-video-play-border-animation;
animation: 3s ease-in-out 0.75s infinite normal none running ut-video-play-border-animation;   
}
.ut-video-play-animation-2.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 1.5s infinite normal none running ut-video-play-border-animation;
animation: 3s ease-in-out 1.5s infinite normal none running ut-video-play-border-animation; 
}
.ut-video-play-animation-3.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 2.25s infinite normal none running ut-video-play-border-animation; 
animation: 3s ease-in-out 2.25s infinite normal none running ut-video-play-border-animation;   
}
.ut-video-play-animation-4.ut-video-play-animation-on {
-webkit-animation: 3s ease-in-out 3.0s infinite normal none running ut-video-play-border-animation;
animation: 3s ease-in-out 3.0s infinite normal none running ut-video-play-border-animation;   
}
.ut-video-module .ut-block-revealer-element,
.ut-video-module .ut-block-revealer-element-container {
z-index: 21;
}
@-webkit-keyframes ut-video-play-border-animation {
0% {
-webkit-transform: scale(1);
-moz-transofrom: scale(1);
transform: scale(1);
}
50% {
opacity: 0.7;
}
75% {
opacity: 0.1;
}
100% {
opacity: 0;
-webkit-transform: scale(2.5);
-moz-transofrom: scale(2.5);
transform: scale(2.5);
}
}
@keyframes ut-video-play-border-animation {
0% {
-webkit-transform: scale(1);
-moz-transofrom: scale(1);
transform: scale(1);
}
50% {
opacity: 0.7;
}
75% {
opacity: 0.1;
}
100% {
opacity: 0;
-webkit-transform: scale(2.5);
-moz-transofrom: scale(2.5);
transform: scale(2.5);
}
} @media (max-width: 767px) {
.ut-video-module-caption-position-default .ut-video-module-play-icon,
.ut-video-module-caption-position-bottom .ut-video-module-play-icon {
margin: 0 auto !important;
}
.ut-video-module-caption-position-bottom span,
.ut-video-module-caption-position-default span {
display: none !important;
}
.ut-video-module-caption {
padding: 0 !important;
border: none !important;
}
.ut-video-module-shadow {
margin: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ut-video-play-animation-1,
.ut-video-play-animation-2,
.ut-video-play-animation-3,
.ut-video-play-animation-4 {
display: none;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon {
height: 60px;
width: 60px;
}
.ut-video-module-play-icon-large .ut-video-module-play-icon.ut-video-module-play-icon-rectangle {
width: 100px;
}
.ut-shortcode-video-wrap-mobile-left .ut-video-module  {
margin: 0 auto 0 0;
}
.ut-shortcode-video-wrap-mobile-right .ut-video-module  {
margin: 0 0 0 auto;
}
.ut-shortcode-video-wrap-mobile-center .ut-video-module  {
margin: 0 auto;
float: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-shortcode-video-wrap-tablet-left .ut-video-module  {
margin: 0 auto 0 0;
}
.ut-shortcode-video-wrap-tablet-right .ut-video-module  {
margin: 0 0 0 auto;
}
.ut-shortcode-video-wrap-tablet-center .ut-video-module  {
margin: 0 auto;
float: none;
}
} .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);
} @media (max-width: 767px) {
.ut-plan-module-wrap .bklyn-btn-holder.bklyn-btn-center {
text-align: center;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.ut-plan-module-wrap .bklyn-btn-holder.bklyn-btn-center {
text-align: center;
}
} .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;
} .ut-custom-link-module {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-custom-link-module i {
line-height: 1;
}
.ut-custom-link-module-holder.ut-custom-link-module-with-animation i {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
display: inline-block;
}
.ut-custom-link-module-icon-before i {
margin-right:10px;
}
.ut-custom-link-module-icon-after i {
margin-left:10px;
}
.ut-custom-link-module i::before {
}
.ut-custom-link-module i.fa::before {
}
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-before .ut-custom-link-module i,
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-after .ut-custom-link-module i {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-before .ut-custom-link-module:hover i{
-webkit-transform: translate(5px,0);
-ms-transform: translate(5px,0);
transform: translate(5px,0);
}
.ut-custom-link-module-with-animation.ut-custom-link-module-icon-after .ut-custom-link-module:hover i {
-webkit-transform: translate(5px,0);
-ms-transform: translate(5px,0);
transform: translate(5px,0);
} @media (max-width: 767px) {
.ut-custom-link-module-holder {
text-align: center !important;
}
} .ut-accordion-module-heading {
cursor: pointer;
display: block;
margin-bottom: 0;
padding: 0 80px 0 0;
position: relative;
line-height: 150%;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.ut-accordion-module-with-counter .ut-accordion-module-heading::before {
border: 1px solid #EFEFEF;
content: attr(data-counter);
height: 40px;
margin-top: -20px;
line-height: 38px;
position: absolute;
left: 0;
text-align: center;
top: 50%;
width: 40px;
-webkit-background-clip: padding-box;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.ut-accordion-module .ut-accordion-module-heading::after {
font: normal normal normal 18px/1 FontAwesome;
content: "\f105";
position: absolute;
right: 0px;
top: 0%;
line-height: 150%;
}
.ut-accordion-module-item.open .ut-accordion-module-heading:after {
content: "\f107";
}
.ut-accordion-module-content {
overflow: hidden;
max-height: 0;
padding: 0 80px 0 0;
}
.ut-accordion-module .ut-accordion-module-item {
padding: 0 0 40px;
}
.ut-accordion-module .ut-accordion-module-item:last-child {
padding-bottom: 0;
}
.ut-accordion-module-inner {
padding-top: 20px;
line-height: 200%;
}
.ut-accordion-module-inner > *:last-child {
margin-bottom: 0;
}
.ut-accordion-module-inner > p:empty {
margin-bottom: 0;
} .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;
} .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;
} .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;
} .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;
} @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-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(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider1.png) !important;
height: 9px;
margin-top: -4.5px;
}
.bklyn-divider-style-2 span::before, .bklyn-divider-style-2 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider2.png) !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-3 span::before, .bklyn-divider-style-3 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider3.png) !important;
height: 7px;
margin-top: -3.5px;
}
.bklyn-divider-style-4 span::before, .bklyn-divider-style-4 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider4.png) !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-5 span::before, .bklyn-divider-style-5 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider5.png) !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-6 span::before, .bklyn-divider-style-6 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider6.png) !important;
height: 4px;
margin-top: -2px;
}
.bklyn-divider-style-7 span::before, .bklyn-divider-style-7 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider7.png) !important;
height: 2px;
margin-top: -1px;
}
.bklyn-divider-style-8 span::before, .bklyn-divider-style-8 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider8.png) !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-9 span::before, .bklyn-divider-style-9 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider9.png) !important;
height: 13px;
margin-top: -7.5px;
}
.bklyn-divider-style-10 span::before, .bklyn-divider-style-10 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider10.png) !important;
height: 13px;
margin-top: -6.5px;
}
.bklyn-divider-style-11 span::before, .bklyn-divider-style-11 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider11.png) !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-12 span::before, .bklyn-divider-style-12 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider12.png) !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-13 span::before, .bklyn-divider-style-13 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider13.png) !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-divider-style-14 span::before, .bklyn-divider-style-14 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider14.png) !important;
height: 7px;
margin-top: -3.5px;
}
.bklyn-divider-style-15 span::before, .bklyn-divider-style-15 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider15.png) !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-16 span::before, .bklyn-divider-style-16 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider16.png) !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-17 span::before, .bklyn-divider-style-17 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider17.png) !important;
height: 5px;
margin-top: -2.5px;
}
.bklyn-divider-style-18 span::before, .bklyn-divider-style-18 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider18.png) !important;
height: 7px;
margin-top: -3.5px;
}
.bklyn-divider-style-19 span::before, .bklyn-divider-style-19 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider19.png) !important;
height: 2px;
margin-top: -1px;
}
.bklyn-divider-style-20 span::before, .bklyn-divider-style-20 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider20.png) !important;
height: 3px;
margin-top: -1.5px;
}
.bklyn-fancy-divider-style-1  {
height: 1px;
width: 100%;
background: #151515;
position: relative;
}
.bklyn-fancy-divider-style-1::after {
content: '';
position: absolute;
top: -1px;
left: 0;
width: 33%;
height: 3px;
background: #151515;
}
.bklyn-fancy-divider-style-2  {
height: 1px;
width: 125px;
background: #151515;
position: relative;
}
.bklyn-fancy-divider-style-2::before {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 40px;
height: 6px;
background: #151515;
clip-path: polygon(0 0, 40px 0, 0px 30px, 0 0);
}
.bklyn-fancy-divider {
-webkit-transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
opacity: 1;
}
.bklyn-fancy-divider::after,
.bklyn-fancy-divider::before {
-webkit-transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: width 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.bklyn-fancy-divider.bklyn-fancy-divider-animated,
.bklyn-fancy-divider.bklyn-fancy-divider-animated::after,
.bklyn-fancy-divider.bklyn-fancy-divider-animated::before {
width: 0;
opacity: 0;
} @media (max-width: 767px) {
.bklyn-title-divider {
font-size: 18px;
line-height: 150%;
margin-bottom: 40px !important;
}
.bklyn-title-divider-mobile-left {
text-align: left;
}
.bklyn-title-divider-mobile-left span {
padding-left: 0;
padding-right: 20px;
}
.bklyn-title-divider-mobile-center {
text-align: center;
}
.bklyn-title-divider-mobile-center span {
padding-left: 20px;
padding-right: 20px;
}
.bklyn-title-divider-mobile-right {
text-align: right;
}
.bklyn-title-divider-mobile-right span {
padding-left: 20px;
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-title-divider-tablet-left {
text-align: left;
}
.bklyn-title-divider-tablet-left span {
padding-left: 0;
padding-right: 20px;
}
.bklyn-title-divider-tablet-center {
text-align: center;
}
.bklyn-title-divider-tablet-center span {
padding-left: 20px;
padding-right: 20px;
}
.bklyn-title-divider-tablet-right {
text-align: right;
}
.bklyn-title-divider-tablet-right span {
padding-left: 20px;
padding-right: 0;
}
} .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); -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); } @media (max-width: 767px) {
} .ut-countdown-module-inline .countdown-section {
padding-right: 10px;
}
.ut-countdown-module-inline .countdown-section:last-child {
padding-right: 0;
}
.ut-countdown-module-inline .countdown-section .countdown-amount {
padding-right: 5px;
}
.ut-countdown-module.ut-countdown-module-compact {
text-align: center;
}
.ut-countdown-module-compact .countdown-section {
margin-right: 40px;
}
.ut-countdown-module-compact .countdown-section:last-child {
margin-right: 0;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section {
position: relative;
margin-right: 40px;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section:last-child {
margin-right: 0;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section::after {
content: ':';
position: absolute;
text-align: center;
top: 0;
right: -40px;
width: 40px;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator .countdown-section:last-child::after {
content: '';
display: none;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator.ut-countdown-module-right .countdown-section::after {
right: -40px;
}
.ut-countdown-module-compact.ut-countdown-module-with-separator.ut-countdown-module-left .countdown-section::after {
right: -40px;
}
.ut-countdown-module-with-border .countdown-section {
padding: 40px;
width: 200px;
} @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%;
}
} .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;
} @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;
}
} .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;
} .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);
}
} @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%;
}
} div.ut-custom-heading-module > span > p:last-child {
margin-bottom: 0;
}
.ut-custom-heading-module-before-image {
display: inline-block;
vertical-align: baseline;
margin-right: 10px;
}
.ut-custom-heading-module-after-image {
display: inline-block;
vertical-align: baseline;
margin-left: 10px;
} @media (max-width: 767px) {
.ut-custom-heading-module,
.vc_custom_heading {
text-align: center;
}
}  @media (max-width: 767px) {
.cl-effect-18 {
font-size: inherit !important;
}
}  @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%;
}
}  @media (max-width: 767px) {
.vc-zigzag-wrapper.vc-zigzag-align-left,
.vc-zigzag-wrapper.vc-zigzag-align-right {
text-align: center;
}
} @media (max-width: 767px) {
.vc_icon_element-align-left,
.vc_icon_element-align-right {
text-align: center !important;
}
} .ut-hover-box {
position: relative;
-webkit-transform-style:preserve-3d; 	    
transform-style:preserve-3d; 	
-webkit-perspective:1000px;
perspective:1000px;
} .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);
} .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);
} .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);
} .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);
} .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);
} .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;
} .ut-blog-grid-module {
margin: 0 -10px;
} .ut-blog-grid-module .wp-post-image {
width: 100%;
margin: 0 auto;
}
.ut-blog-grid .entry-thumbnail {
overflow: visible;
}
.ut-blog-grid .entry-thumbnail figure {
overflow: hidden;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
} .ut-block-revealer-element,
.ut-block-revealer-element-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
pointer-events: none;
opacity: 0;
z-index: 3;
}
.ut-block-revealer-element-container {
opacity: 1;
background: transparent;
overflow: hidden;
}
.ut-element-with-block-reveal .ut-parallax-icon,
.ut-element-with-block-reveal .ut-parallax-quote-name,
.ut-element-with-block-reveal .ut-parallax-quote-title {
opacity: 0;
}
.ut-block-reveal-hide > *:not(.ut-block-revealer-content):not(.ut-block-revealer-element-container) {
opacity: 0;
} @media (min-width: 1024px) {
.ut-element-revealer {
position: absolute !important;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.ut-element-revealer-parent-shadow .ut-element-revealer {
left: 20px;
top: 20px;
right: 20px;
bottom: 20px;
}
.ut-element-revealer-inner {
position: relative;
height: 100%;
}
.ut-element-revealer.ut-reveal-in-front {
z-index: 10;
}
.ut-element-revealer-ready > .ut-element-revealer {
pointer-events: none;
} .ut-element-revealer-parent:not(.vc_row):not(.ut-element-revealer-covered) {
background: none !important;
}
.ut-element-revealer-parent:not(.ut-element-revealer-in-back-parent) > *:not(.ut-element-revealer) {
visibility: hidden;
pointer-events: none;
}
.ut-element-revealer-parent.ut-element-revealer-parent-shadow:not(.ut-element-revealer-in-back-parent):not(.ut-element-revealer-covered) > *.ut-column-shadow {
box-shadow: 0 0 20px rgba(2,2,2,0) !important;
} .vc_row[data-vc-full-width].vc_row_centered_content.ut-element-revealer-parent-default .parallax-scroll-container {
visibility: visible;
}
.vc_row[data-vc-full-width].ut-element-revealer-parent-full:not(.ut-element-revealer-covered) {
background: none !important;
}
.vc_row[data-vc-full-width].ut-element-revealer-parent-full:not(.ut-element-revealer-covered) .parallax-scroll-container {
visibility: hidden;
} .ut-element-revealer-parent:not(.ut-element-revealer-in-back-parent).ut-element-revealer-covered > *:not(.ut-element-revealer) {
visibility: visible;
pointer-events: auto;
}
.ut-element-revealer-parent > *:not(.ut-element-revealer):not(.bklyn-overlay-effect):not(.parallax-scroll-container):not(.ut-top-padding-indicator):not(.ut-bottom-padding-indicator):not(.ut-video-container) {
position: relative;
z-index: 1;
}
.ut-element-revealer.ut-element-reveal-infinite .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-reveal-infinite .ut-element-revealer-inner:after {
animation-iteration-count: infinite;
}
.ut-element-revealer.ut-reveal-in-before .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-after .ut-element-revealer-inner:after {
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
z-index: 10;
animation-timing-function: ease;
}
.ut-element-revealer.ut-reveal-in-back.ut-reveal-in-after .ut-element-revealer-inner:after,
.ut-element-revealer.ut-reveal-in-back.ut-reveal-in-before .ut-element-revealer-inner:before {
z-index: -1;
} .ut-element-revealer.ut-element-revealer-ease.ut-reveal-in-before .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease.ut-reveal-in-after .ut-element-revealer-inner:after {
animation-timing-function: ease;
}
.ut-element-revealer.ut-element-revealer-ease-in .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease-in .ut-element-revealer-inner:after {
animation-timing-function: ease-in;
}
.ut-element-revealer.ut-element-revealer-ease-out .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease-out .ut-element-revealer-inner:after {
animation-timing-function: ease-out;
}
.ut-element-revealer.ut-element-revealer-ease-in-out .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-ease-in-out .ut-element-revealer-inner:after {
animation-timing-function: ease-in-out;
}
.ut-element-revealer.ut-element-revealer-quantic .ut-element-revealer-inner:before,
.ut-element-revealer.ut-element-revealer-quantic .ut-element-revealer-inner:after {
animation-timing-function: cubic-bezier(.85,0,.12,1);
} .ut-element-revealer.ut-element-revealer-default.ut-reveal-in-before .ut-element-revealer-inner:before {
animation-duration: 1.8s;
}
.ut-element-revealer.ut-element-revealer-default.ut-reveal-in-before .ut-element-revealer-inner:after {
animation-duration: 1s;
animation-delay: .6s;
}
.ut-element-revealer.ut-element-revealer-slow.ut-reveal-in-before .ut-element-revealer-inner:before {
animation-duration: 2.8s;
}
.ut-element-revealer.ut-element-revealer-slow.ut-reveal-in-before .ut-element-revealer-inner:after {
animation-duration: 2s;
animation-delay: .6s;
}
.ut-element-revealer.ut-element-revealer-fast.ut-reveal-in-before .ut-element-revealer-inner:before {
animation-duration: 1s;
}
.ut-element-revealer.ut-element-revealer-fast.ut-reveal-in-before .ut-element-revealer-inner:after {
animation-duration: .5s;
animation-delay: .3s;
} .ut-element-revealer.ut-reveal-in-only .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-only .ut-element-revealer-inner:after {
animation-fill-mode: forwards;
} .ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: LtoRRevealKeyframe;
}
.ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ltor.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: LtoRRevealInOnlyKeyframe;
} .ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: RtoLRevealKeyframe;
}
.ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-rtol.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: RtoLRevealInOnlyKeyframe;
} .ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: TtoBRevealKeyframe;
width: 100%;
height: 0;
}
.ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-ttob.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: TtoBRevealInOnlyKeyframe;
} .ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: BtoTRevealKeyframe;
width: 100%;
height: 0;
bottom: 0;
top: initial;
}
.ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-only.ut-reveal-in-before.inView .ut-element-revealer-inner:before,
.ut-element-revealer.ut-reveal-in-btot.ut-reveal-in-only.ut-reveal-in-after.inView .ut-element-revealer-inner:after {
animation-name: BtoTRevealInOnlyKeyframe 1.8s ease;
} .ut-element-revealer.ut-reveal-in-after .ut-element-revealer-inner:after {
background-color: #151515;
animation-delay: .5s;
}
.vc_row > .ut-element-revealer .ut-element-revealer-inner:before,
.vc_row > .ut-element-revealer .ut-element-revealer-inner:after {
} @-webkit-keyframes LtoRRevealInOnlyKeyframe {
0% {
width: 0;
left: 0;
}
100% {
width: 100%;
left: 0;
}
}
@keyframes LtoRRevealInOnlyKeyframe {
0% {
width: 0;
left: 0;
}
100% {
width: 100%;
left: 0;
}
} @-webkit-keyframes LtoRRevealKeyframe {
0% {
width: 0;
left: 0;
}
65% {
width: 100%;
left: 0;
}
100% {
width: 0;
left: 100%;
}
}
@keyframes LtoRRevealKeyframe {
0% {
width: 0;
left: 0;
}
65% {
width: 100%;
left: 0;
}
100% {
width: 0;
left: 100%;
}
} @-webkit-keyframes RtoLRevealInOnlyKeyframe {
0% {
width: 0;
right: 0;
}
100% {
width: 100%;
right: 0;
}
}
@keyframes RtoLRevealInOnlyKeyframe {
0% {
width: 0;
right: 0;
}
100% {
width: 100%;
right: 0;
}
} @-webkit-keyframes RtoLRevealKeyframe {
0% {
width: 0;
right: 0;
}
65% {
width: 100%;
right: 0;
}
100% {
width: 0;
right: 100%;
}
}
@keyframes RtoLRevealKeyframe {
0% {
width: 0;
right: 0;
}
65% {
width: 100%;
right: 0;
}
100% {
width: 0;
right: 100%;
}
} @-webkit-keyframes TtoBRevealInOnlyKeyframe {
0% {
height: 0;
top: 0;
}
100% {
height: 100%;
top: 0;
}
}
@keyframes TtoBRevealInOnlyKeyframe {
0% {
height: 0;
top: 0;
}
100% {
height: 100%;
top: 0;
}
} @-webkit-keyframes TtoBRevealKeyframe {
0% {
height: 0;
top: 0;
}
65% {
height: 100%;
top: 0;
}
100% {
height: 0;
top: 100%;
}
}
@keyframes TtoBRevealKeyframe {
0% {
height: 0;
top: 0;
}
65% {
height: 100%;
top: 0;
}
100% {
height: 0;
top: 100%;
}
} @-webkit-keyframes BtoTRevealInOnlyKeyframe {
0% {
height: 0;
bottom: 0;
}
100% {
height: 100%;
bottom: 0;
}
}
@keyframes BtoTRevealInOnlyKeyframe {
0% {
height: 0;
bottom: 0;
}
100% {
height: 100%;
bottom: 0;
}
} @-webkit-keyframes BtoTRevealKeyframe {
0% {
height: 0;
bottom: 0;
}
65% {
height: 100%;
bottom: 0;
}
100% {
height: 0;
bottom: 100%;
}
}
@keyframes BtoTRevealKeyframe {
0% {
height: 0;
bottom: 0;
}
65% {
height: 100%;
bottom: 0;
}
100% {
height: 0;
bottom: 100%;
}
}
} .ut-box-shadow-container,
.ut-box-shadow-container-inner {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.ut-box-shadow-container-inner {
background: #FFF;
}
.ut-video-module-shadow {
-webkit-box-shadow:0 0 20px;
box-shadow: 0 0 20px;
color: rgba(0, 0, 0, 0.35);
} .ut-box-shadow-1 {
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
.ut-box-shadow-1-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-1-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-1-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-1-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-1-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-1-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-1-gap-40 {
padding: 0 40px 25px 0;
} .ut-box-shadow-2 {
position: relative;
}
.ut-box-shadow-2:before, 
.ut-box-shadow-2:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.ut-box-shadow-2:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.ut-box-shadow-2-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-2-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-2-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-2-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-2-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-2-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-2-gap-40 {
padding: 0 40px 25px 0;
} .ut-box-shadow-3 {
position: relative;
}
.ut-box-shadow-3:before {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.ut-box-shadow-3-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-3-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-3-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-3-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-3-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-3-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-3-gap-40 {
padding: 0 40px 25px 0;
} .ut-box-shadow-4 {
position: relative;
}
.ut-box-shadow-4:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
right: 10px;
left: auto;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
.ut-box-shadow-4-spacing {
padding: 0 0 15px 0;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-4-gap-15 {
padding: 0 15px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-4-gap-20 {
padding: 0 20px 5px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-4-gap-25 {
padding: 0 25px 10px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-4-gap-30 {
padding: 0 30px 15px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-4-gap-35 {
padding: 0 35px 20px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-4-gap-40 {
padding: 0 40px 25px 0;
} .ut-box-shadow-5 {
position: relative;
}
.ut-box-shadow-5:before, 
.ut-box-shadow-5:after {
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 35px 20px #777;
-moz-box-shadow: 0 35px 20px #777;
box-shadow: 0 35px 20px #777;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.ut-box-shadow-5:after {
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
right: 10px;
left: auto;
}
.ut-box-shadow-5-spacing {
padding: 0 4px 40px 4px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-5-gap-15 {
padding: 0 7px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-5-gap-20 {
padding: 0 12px 0 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-5-gap-25 {
padding: 0 17px 0 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-5-gap-30 {
padding: 0 22px 0 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-5-gap-35 {
padding: 0 27px 0 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-5-gap-40 {
padding: 0 32px 0 0;
} .ut-box-shadow-6 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ut-box-shadow-6:before, 
.ut-box-shadow-6:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.ut-box-shadow-6:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.ut-box-shadow-6-spacing {
padding: 4px 10px 22px 10px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-6-gap-15 {
padding: 0 5px 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-6-gap-20 {
padding: 0 10px 0 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-6-gap-25 {
padding: 0 15px 3px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-6-gap-30 {
padding: 0 20px 8px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-6-gap-35 {
padding: 0 25px 13px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-6-gap-40 {
padding: 0 30px 18px 0;
} .ut-box-shadow-7 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ut-box-shadow-7:before, 
.ut-box-shadow-7:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.ut-box-shadow-7:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.ut-box-shadow-7-spacing {
padding: 22px 14px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-7-gap-15 {
padding: 0 0 0 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-7-gap-20 {
padding: 0 0 0 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-7-gap-25 {
padding: 0 3px 0 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-7-gap-30 {
padding: 0 2px 8px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-7-gap-35 {
padding: 0 7px 13px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-7-gap-40 {
padding: 0 12px 18px 0;
} .ut-box-shadow-8 {
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ut-box-shadow-8:before, 
.ut-box-shadow-8:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.ut-box-shadow-8:after {
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.ut-box-shadow-8-spacing {
padding: 12px 21px 10px 21px;
}
.ut-image-gallery-15 .ut-image-gallery-item.ut-box-shadow-8-gap-15 {
padding: 0 0 5px 0;
}
.ut-image-gallery-20 .ut-image-gallery-item.ut-box-shadow-8-gap-20 {
padding: 0 0 10px 0;
}
.ut-image-gallery-25 .ut-image-gallery-item.ut-box-shadow-8-gap-25 {
padding: 0 0 15px 0;
}
.ut-image-gallery-30 .ut-image-gallery-item.ut-box-shadow-8-gap-30 {
padding: 0 0 20px 0;
}
.ut-image-gallery-35 .ut-image-gallery-item.ut-box-shadow-8-gap-35 {
padding: 0 0 25px 0;
}
.ut-image-gallery-40 .ut-image-gallery-item.ut-box-shadow-8-gap-40 {
padding: 0 0 30px 0;
} .ut-box-shadow-lazy {
-webkit-transition: opacity 0.8s ease-out;
-moz-transition: opacity 0.8s ease-out;
transition: opacity 0.8s ease-out;
opacity: 0;
}
.ut-block-revealer .ut-box-shadow-container {
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
opacity: 0;
}
.ut-block-revealer.ut-block-revealed .ut-box-shadow-container,
.ut-image-gallery-item.appeared .ut-box-shadow-lazy.ut-box-shadow-ready {
opacity: 1;
}
.ut-box-shadow-container + img,
.ut-box-shadow-container + .ut-animated-image-zoom {
position: relative;
z-index: 1;
}
.ut-box-shadow-container + img + div,
.ut-box-shadow-container + .ut-animated-image-zoom + div{
z-index: 2;
} .flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .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 {
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; pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
} .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; } .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%;
} .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); }
.flickity-page-dots .dot.is-selected {
background: #151515;
} .ut-video-container::after {
content: "";
display: block;
height: 0;
padding-bottom: 56.25%;
}
.ut-video-container video,
.ut-video-container canvas,
.ut-youtube-video-container.mbYTP_wrapper {
opacity: 0 !important;
-webkit-transition: opacity 0.35s ease-in-out !important;
-moz-transition: opacity 0.35s ease-in-out !important;
transition: opacity 0.35s ease-in-out !important;
animation-fill-mode: none;
animation: none;
}
.ut-video-is-playing video,
.ut-video-is-playing canvas,
.ut-video-is-playing.mbYTP_wrapper {
opacity: 1 !important;
}
.ut-video-is-playing .ut-morphbox-ready.ut-morph-active video {
opacity: 0 !important;
}
.ut-video-container .ut-video-poster {
position: absolute;
top: 0;
z-index: 1;
opacity: 1;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
.ut-video-container.ut-video-object-fit .ut-video-poster {
object-fit: cover;
height: inherit;
width: 100%;
}
.ut-video-container.ut-video-is-playing .ut-video-poster {
opacity: 0;
}
.ut-video-container.ut-video-container-fixed {
position: fixed;
}
.parallax-scroll-container .mbYTP_wrapper,
.parallax-scroll-container .vimelar-container {
z-index: 1 !important;
}
#ut-hero .parallax-scroll-container .mbYTP_wrapper iframe {
height: 100% !important;
width: 100% !important;
} [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;
} #ut-morph-box-app,
#ut-morph-box-full {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
transform: translate3d(0,0,0);
}
#ut-morph-box-app.active {
pointer-events: auto;
}
#ut-morph-box-app canvas {
pointer-events: none;
}
#ut-morph-box-app {
z-index: 10001 !important;
}
#ut-morph-box-full {
z-index: 10003;
}
.ut-morph-box-item {
position: absolute;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
visibility: hidden;
padding: 80px;
}
.ut-morph-box-item img {
visibility: hidden;
z-index: -1;
pointer-events: none;
}
.ut-morph-box-item-wrap {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
padding: 20px;
background: rgba(0,0,0,0.2);
opacity: 0;
width: 100%;
pointer-events: auto;
}
.ut-morph-box-item-wrap p {
margin-bottom: 0;
font-size: 12px;
color: #FFF;
line-height: 150%;
}
@media (min-width: 960px) {
.ut-morph-box-item-wrap {
padding: 30px;
width: 320px;
}
}
@media (min-width: 1440px) {
.ut-morph-box-item-wrap {
padding: 40px;
width: 480px;
}
.ut-morph-box-item-wrap p {
font-size: 14px;
}
}
@media (min-width: 1920px) {
.ut-morph-box-item-wrap {
padding: 70px;
}
}
.ut-morph-box-item-wrap h3 {
margin: 0;
color: #FFF;
line-height: 125%;
font-size: 20px;
margin-bottom: 5px;
}
@media (min-width: 1440px) {
.ut-morph-box-item-wrap h3 {
font-size: 30px;
}
}
.ut-morph-box-item.ut-morph-box-item-active {
visibility: visible;
}
#ut-morph-box-close {
display: none;
}
.ut-morph-box-close {
pointer-events: auto;
width: 40px;
height: 40px;
position: absolute;
right: 40px;
top: 40px;
fill: #FFF;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
border-radius: 50%;
}
.ut-morph-box-full-image {
display: none;
}
.ut-morph-box-small-image {
object-fit: cover;
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
visibility: hidden;
pointer-events: none;
}
.ut-morph-active [data-image-caption] {
opacity: 0;
} #ut-custom-contact-section.sticky {
position: fixed;
bottom: 0;
width: 100%;
display: block;
}
#ut-stick-contact-section-placeholder {
display: block;
position: relative;
} .ut-skewed-image-border {
position: relative;
height: 478px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: calc(100% + 185px);
left: -85px;
margin-bottom: 40px;
}
.ut-skewed-image-border-slice {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
margin-left: -2px;
position: relative;
}
.ut-skewed-image-border-slice img {
display: block;
position: absolute;
width: calc(100% + 174px);
left: -87px;
height: 100%;
min-height: auto;
-o-object-fit: cover;
object-fit: cover;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
max-width: inherit;
}
.ut-skewed-image-border.ut-skewed-image-border-separated .ut-skewed-image-border-slice {
border-right: 1px solid #FFF;
margin-left: 0;
}
@media (max-width: 767px) {
.ut-skewed-image-border {
height: 188px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-skewed-image-border {
height: 300px;
}
} .vc_row-o-equal-height .ut-contains-information-box {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.vc_row-o-equal-height .ut-contains-information-box.ut-contains-information-box-mixed {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row-o-equal-height .ut-contains-information-box > .ut-information-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.vc_row-o-equal-height.vc_row-o-content-middle .ut-contains-information-box-mixed > *:not(.ut-information-box) {
margin: auto;
}
.vc_row-o-equal-height.vc_row-o-content-bottom .ut-contains-information-box-mixed > *:not(.ut-information-box) {
margin: auto auto 0 auto;
}
.vc_row-o-equal-height .ut-contains-information-box > .ut-information-box.ut-information-box-no-siblings {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ut-information-box-image-wrap {
position: relative;
overflow: hidden;
max-width: 100%;
min-height: 400px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 30px;
width: 100%;
}
.ut-information-box-image-wrap::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 0;
-webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.ut-information-box-image-wrap:hover::after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.ut-information-box-inner-wrap {
max-width: 100%;
position: relative;
z-index: 1;
}
.ut-information-box-inner-overlay {
padding: 30px;
width: 450px;
max-width: 100%;
} @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;
}
}  .ut-word-rotator-no-cursor .ut-word-rotator-cursor {
visibility: hidden;
}
.ut-word-rotator-cursor {
-webkit-animation: ut-typewriter-cursor 1s infinite;
animation: ut-typewriter-cursor 1s infinite;
margin-left: 1px
}
@-webkit-keyframes ut-typewriter-cursor {
0% {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes ut-typewriter-cursor {
0% {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
} ut-typewriter-1,
ut-typewriter-2 {
display: none;
}
ut-typewriter-1.ut-typewriter-ready,
ut-typewriter-2.ut-typewriter-ready {
display: inline-block;
}
#ut-hero .hero-title ut-typewriter-1.ut-typewriter-ready,
#ut-hero .hero-title ut-typewriter-2.ut-typewriter-ready {
display: block;
} .ut-cf7-light-skin label,
.ut-cf7-light-skin .wpcf7-list-item-label {
color: #b2b2b6;
}
.ut-cf7-light-skin input,
.ut-cf7-light-skin textarea {
border-color: rgba(255,255,255,0.15)
}
.ut-cf7-light-skin select {
color: #b2b2b6;
border-color: rgba(255,255,255,0.15)
}
.ut-cf7-light-skin select[multiple] option {
color: #b2b2b6;
}
.ut-cf7-light-skin select:focus {
color: #b2b2b6;
border-color: rgba(255,255,255,0.30);
}
.ut-cf7-light-skin select option {
color: #151515;
}
.ut-cf7-light-skin input:hover,
.ut-cf7-light-skin textarea:hover {
border-color: rgba(255,255,255,0.30);
}
.ut-cf7-light-skin input:focus,
.ut-cf7-light-skin input:active,
.ut-cf7-light-skin textarea:active,
.ut-cf7-light-skin textarea:focus {
border-color: rgba(255,255,255,0.30);
color: #b2b2b6;
}
.ut-cf7-light-skin .wpcf7-list-item-label a {
color: rgba(255,255,255,0.30);
}
.ut-cf7-light-skin .wpcf7-list-item-label a:hover {
color: rgba(255,255,255,1);
}
.ut-cf7-light-skin button,
.ut-cf7-light-skin input[type="submit"],
.ut-cf7-light-skin input[type="button"],
.ut-cf7-light-skin input[type="submit"] {
color: #151515 !important;
background: #FFFFFF !important;
}
.ut-cf7-light-skin button:hover,
.ut-cf7-light-skin button:focus,
.ut-cf7-light-skin input[type="submit"]:hover,
.ut-cf7-light-skin input[type="submit"]:focus,
.ut-cf7-light-skin input[type="button"]:hover,
.ut-cf7-light-skin input[type="button"]:focus {
color: #FFFFFF !important;
background: #151515 !important;
} .ut-cf7-dark-skin label,
.ut-cf7-dark-skin .wpcf7-list-item-label {
color: #151515;
}
.ut-cf7-dark-skin input,
.ut-cf7-dark-skin textarea {
border-color: rgba(21,21,21,0.15);
color: rgba(21,21,21,0.75);
}
.ut-cf7-dark-skin select {
border-color: rgba(21,21,21,0.15);
color: rgba(21,21,21,0.75);
}
.ut-cf7-dark-skin select[multiple] option {
color: #151515;
}
.ut-cf7-dark-skin input:hover,
.ut-cf7-dark-skin textarea:hover {
border-color: rgba(21,21,21,0.30);
}
.ut-cf7-dark-skin input:focus,
.ut-cf7-dark-skin input:active,
.ut-cf7-dark-skin textarea:active,
.ut-cf7-dark-skin textarea:focus {
border-color: rgba(21,21,21,0.30);
color: #151515;
}
.ut-cf7-dark-skin .wpcf7-list-item-label a {
border-color: rgba(21,21,21,0.15);
}
.ut-cf7-dark-skin .wpcf7-list-item-label a:hover {
border-color: rgba(21,21,21,0.30);
}
.ut-cf7-dark-skin button,
.ut-cf7-dark-skin input[type="submit"],
.ut-cf7-dark-skin input[type="button"],
.ut-cf7-dark-skin input[type="submit"] {
color: #FFFFFF !important;
background: #151515 !important;
}
.ut-cf7-dark-skin button:hover,
.ut-cf7-dark-skin button:focus,
.ut-cf7-dark-skin input[type="submit"]:hover,
.ut-cf7-dark-skin input[type="submit"]:focus,
.ut-cf7-dark-skin input[type="button"]:hover,
.ut-cf7-dark-skin input[type="button"]:focus {
color: #FFFFFF !important;
background: #000 !important;
} .ut-element-glitch-wrap {
--offset: 0px;
}
.ut-element-glitch-wrap {
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--offset));
height: 100%;
text-align: left;
}
.ut-element-glitch {
--offset: 0px;
}
.ut-element-glitch {
position: relative;
width: calc(100% - var(--offset));
height: 100%;
overflow: hidden;
margin: 0 auto;
} .ut-element-glitch-wrap.outView .ut-element-glitch .ut-glitch-single-element {
animation: none !important;
} .ut-glitch-single-element:nth-child(n+2) {
opacity: 0;
} .ut-element-glitch.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(n+2),
.ut-has-element-glitch:hover .ut-element-glitch .ut-glitch-single-element:nth-child(n+2) {
opacity: 1;
} .ut-has-element-glitch.ut-element-glitch-show-on-hover .ut-element-glitch {
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.ut-has-element-glitch.ut-element-glitch-show-on-hover:hover .ut-element-glitch {
opacity: 1;
}
.ut-has-element-glitch.ut-element-glitch-hide-on-hover:hover .ut-element-glitch .ut-glitch-single-element {
opacity: 0;
animation: none !important;
}
.ut-element-glitch-hover {
opacity: 0;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.ut-has-element-glitch:hover .ut-element-glitch-hover {
opacity: 1;
} .ut-glitch-prone {
--gap-horizontal: 20px;
--gap-vertical: 2px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: transparent;
--blend-color-5: transparent;
}
.ut-glitch-equal {
--gap-horizontal: 5px;
--gap-vertical: 10px;
--time-anim: 2s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: luminosity;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: #4d8c60;
--blend-color-4: transparent;
--blend-color-5: #c9b09a;
}
.ut-glitch-gifted {
--gap-horizontal: 20px;
--gap-vertical: 2px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: multiply;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: #af4563;
--blend-color-4: transparent;
--blend-color-5: transparent;
}
.ut-glitch-past {
--gap-horizontal: 5px;
--gap-vertical: 20px;
--time-anim: 5s;
--blend-mode-1: none;
--blend-mode-2: exclusion;
--blend-mode-3: hard-light;
--blend-mode-4: overlay;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: #52f1cd;
--blend-color-3: #525df1;
--blend-color-4: #f19b52;
--blend-color-5: transparent;
}
.ut-glitch-ground {
--gap-horizontal: 50px;
--gap-vertical: 100px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: overlay;
--blend-mode-5: overlay;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: #000;
--blend-color-5: #8d16f2;
}
.ut-glitch-wide {
--gap-horizontal: 3px;
--gap-vertical: 70px;
--time-anim: 2.25s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: overlay;
--blend-mode-4: none;
--blend-mode-5: none;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: rgba(255,255,255,0.2);
--blend-color-4: transparent;
--blend-color-5: transparent;
}
.ut-glitch-haunted {
--gap-horizontal: 10px;
--gap-vertical: 5px;
--time-anim: 4s;
--delay-anim: 2s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: none;
--blend-mode-5: overlay;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: transparent;
--blend-color-5: #af4949;
}
.ut-glitch-ethereal {
--gap-horizontal: 10px;
--gap-vertical: 5px;
--time-anim: 4s;
--delay-anim: 2s;
--blend-mode-1: none;
--blend-mode-2: none;
--blend-mode-3: none;
--blend-mode-4: overlay;
--blend-mode-5: overlay;
--blend-color-1: transparent;
--blend-color-2: transparent;
--blend-color-3: transparent;
--blend-color-4: #fb909a;
--blend-color-5: #1c1cc9;
}
.ut-glitch-single-element {
--offset: 0px;
}
.ut-glitch-single-element {
position: absolute;
top: calc(-1 * var(--gap-vertical));
left: calc(-1 * var(--gap-horizontal));
width: calc(100% - var(--offset) + var(--gap-horizontal) * 2);
height: calc(100% + var(--gap-vertical) * 2);
background-color: var(--blend-color-1);
background-size: cover;
transform: translate3d(0,0,0);
background-blend-mode: var(--blend-mode-1);
}
.ut-element-stop-glitch .ut-glitch-single-element {
animation: none !important;
}
.ut-glitch-single-element-hide {
display: none;
}
.ut-glitch-single-element:nth-child(2) {
background-color: var(--blend-color-2);
background-blend-mode: var(--blend-mode-2);
}
.ut-glitch-single-element:nth-child(3) {
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
}
.ut-glitch-single-element:nth-child(4) {
background-color: var(--blend-color-4);
background-blend-mode: var(--blend-mode-4);
}
.ut-glitch-single-element:nth-child(5) {
background-color: var(--blend-color-5);
background-blend-mode: var(--blend-mode-5);
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) .ut-glitch-single-element:nth-child(2),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2) {
transform: translate3d(var(--gap-horizontal),0,0);
animation: element-glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-gifted .ut-glitch-single-element:nth-child(2),
.ut-element-glitch.ut-glitch-gifted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2) {
transform: translate3d(var(--gap-vertical),0,0) !important;
animation: element-glitch-anim-1-vertical var(--time-anim) infinite linear alternate !important;
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) .ut-glitch-single-element:nth-child(3),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3){
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
animation: element-glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-gifted .ut-glitch-single-element:nth-child(3),
.ut-element-glitch.ut-glitch-gifted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3){
transform: translate3d(calc(-1 * var(--gap-vertical)),0,0) !important;
animation: element-glitch-anim-2-vertical var(--time-anim) infinite linear alternate !important;
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) .ut-glitch-single-element:nth-child(4),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4){
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
animation: element-glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-gifted .ut-glitch-single-element:nth-child(4),
.ut-element-glitch.ut-glitch-gifted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4){
transform: translate3d(0, calc(-1 * var(--gap-horizontal)), 0) scale3d(-1,-1,1) !important;
animation: element-glitch-anim-3-vertical var(--time-anim) infinite linear alternate !important;
}
.ut-has-element-glitch:hover .ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal) > .ut-glitch-single-element:nth-child(5),
.ut-element-glitch:not(.ut-glitch-haunted):not(.ut-glitch-ethereal).ut-element-glitch-permanent > .ut-glitch-single-element:nth-child(5){
animation: element-glitch-anim-flash 0.5s steps(1,end) infinite;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(n+2),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(n+2) {
animation-duration: var(--time-anim);
animation-delay: var(--delay-anim);
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(2),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(2) {
background-color: var(--blend-color-2);
background-blend-mode: var(--blend-mode-2);
animation-name: element-alternate-glitch-anim-1;
opacity: 0;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(3),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(3) {
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
animation-name: element-alternate-glitch-anim-2;
opacity: 0;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(4),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(4) {
background-color: var(--blend-color-4);
background-blend-mode: var(--blend-mode-4);
animation-name: element-alternate-glitch-anim-3;
opacity: 0;
}
.ut-element-glitch.ut-glitch-haunted.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(5),
.ut-element-glitch.ut-glitch-ethereal.ut-element-glitch-permanent .ut-glitch-single-element:nth-child(5) {
background-color: var(--blend-color-5);
background-blend-mode: var(--blend-mode-5);
animation-name: element-glitch-anim-flash;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(n+2),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(n+2) {
animation-duration: var(--time-anim);
animation-delay: 0s !important;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(2),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(2) {
background-color: var(--blend-color-2);
background-blend-mode: var(--blend-mode-2);
animation-name: element-alternate-glitch-anim-1;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(3),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(3) {
background-color: var(--blend-color-3);
background-blend-mode: var(--blend-mode-3);
animation-name: element-alternate-glitch-anim-2;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(4),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(4) {
background-color: var(--blend-color-4);
background-blend-mode: var(--blend-mode-4);
animation-name: element-alternate-glitch-anim-3;
opacity: 0;
}
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-haunted .ut-glitch-single-element:nth-child(5),
.ut-has-element-glitch:hover .ut-element-glitch.ut-glitch-ethereal .ut-glitch-single-element:nth-child(5) {
background-color: var(--blend-color-5);
background-blend-mode: var(--blend-mode-5);
animation-name: element-glitch-anim-flash;
opacity: 0;
} @keyframes element-glitch-anim-1-horizontal {
0% {
-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
}
10% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
}
20% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
}
30% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
}
40% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
50% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
60% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
70% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
80% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
90% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
100% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
}
@keyframes element-glitch-anim-2-horizontal {
0% {
-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
}
15% {
-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
}
22% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
}
31% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
45% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
}
51% {
-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
}
63% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
76% {
-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
}
81% {
-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
}
94% {
-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
}
100% {
-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
}
}
@keyframes element-glitch-anim-3-horizontal {
0% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
}
5% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
}
10% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
}
25% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
27% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
}
30% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
}
33% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
}
37% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
}
40% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
45% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
}
50% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
}
53% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
}
57% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
}
65% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
}
70% {
-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
}
73% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
80% {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
}
100% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
}
} @keyframes element-glitch-anim-1-vertical {
0% {
-webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
}
10% {
-webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
}
20% {
-webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
}
30% {
-webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
}
40% {
-webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
}
50% {
-webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
}
60% {
-webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
}
70% {
-webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
}
80% {
-webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
}
90% {
-webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
}
100% {
-webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
}
}
@keyframes element-glitch-anim-2-vertical {
0% {
-webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
}
15% {
-webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
}
22% {
-webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
}
31% {
-webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
}
45% {
-webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
}
51% {
-webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
}
63% {
-webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
}
76% {
-webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
}
81% {
-webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
}
94% {
-webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
}
100% {
-webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
}
}
@keyframes element-glitch-anim-3-vertical {
0% {
-webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
}
5% {
-webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
}
10% {
-webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
}
25% {
-webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
}
27% {
-webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
}
30% {
-webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
}
33% {
-webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);;
clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
}
37% {
-webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);;
clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
}
40% {
-webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
}
45% {
-webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
}
50% {
-webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
}
53% {
-webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
}
57% {
-webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
}
60% {
-webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
}
65% {
-webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
}
70% {
-webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
}
73% {
-webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
}
80% {
-webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
}
100% {
-webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
}
}
@keyframes element-alternate-glitch-anim-1 {
0% {
opacity: 1;
transform: translate3d(var(--gap-horizontal),0,0);
-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
}
2% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
}
4% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
}
8% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
10% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
12% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
14% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
16% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
18% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
21.9% {
opacity: 1;
transform: translate3d(var(--gap-horizontal),0,0);
}
22%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes element-alternate-glitch-anim-2 {
0% {
opacity: 1;
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
}
3% {
-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
}
5% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
}
7% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
9% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
}
11% {
-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
}
13% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
15% {
-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
}
17% {
-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
}
19% {
-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
}
20% {
-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
}
21.9% {
opacity: 1;
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
}
22%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
}
@keyframes element-alternate-glitch-anim-3 {
0% {
opacity: 1;
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
}
1.5% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
}
2% {
-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
}
2.5% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
}
3% {
-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
}
5% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
}
5.5% {
-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
}
7% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
}
8% {
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
9% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
}
10.5% {
-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
}
11% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
}
13% {
-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
}
14% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
}
14.5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
}
15% {
-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
}
16% {
-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
}
18% {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
}
21.9% {
opacity: 1;
transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
}
22%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
} @keyframes element-glitch-anim-flash {
0% {
opacity: 0.2;
transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
}
33%, 100% {
opacity: 0;
transform: translate3d(0,0,0);
}
} .ut-simple-glitch-text {
animation-duration: .5s;
animation-timing-function: linear;
display: inline-block;
}
.ut-glitch-on-appear {
animation-iteration-count:1;
animation-duration: .5s;
display: inline-block;
}
.ut-simple-glitch-text-permanent {
animation-iteration-count: infinite;
animation-delay: 2s;
animation-duration: 4s;
display: inline-block;
}
.ut-simple-glitch-text-permanent.ut-force-glitch-animation {
animation-iteration-count: infinite !important;
animation-delay: 2s !important;
animation-duration: 4s !important;
display: inline-block !important;
}
header.section-header .ut-simple-glitch-text,
header.section-header .ut-simple-glitch-text-permanent {
display: inherit;
}
header.page-primary-header .ut-simple-glitch-text-permanent {
width: 100%;
} .ut-simple-glitch-text-permanent.outView {
animation: none !important;
}
.ut-simple-glitch-text-hover {
animation-duration: .5s !important;
animation-timing-function: linear !important;
display: inline-block;
}
.ut-simple-glitch-text-hover.animated,
.ut-simple-glitch-text-permanent.animated {
-webkit-animation-fill-mode: initial;
animation-fill-mode: initial;
opacity: 1;
} .ut-simple-glitch-text-style-1 {
animation-name: glitch-anim-text;
}
.ut-simple-glitch-text-style-1,
.ut-simple-glitch-text-style-1-permanent {
opacity: 1;
}
.ut-simple-glitch-text-style-1.ut-force-glitch-animation {
animation-name: glitch-anim-text !important;
}
.ut-simple-glitch-text-style-1-permanent {
animation-name: glitch-anim-text-permanent;
}
.ut-simple-glitch-text-style-1-permanent.ut-force-glitch-animation {
animation-name: glitch-anim-text-permanent !important;
}
.ut-simple-glitch-text-hover-parent:hover .ut-simple-glitch-text-style-1-hover {
animation-name: glitch-anim-text;
} .ut-simple-glitch-text-style-2 {
animation-name: glitch-anim-text-2;
}
.ut-simple-glitch-text-style-2.ut-force-glitch-animation {
animation-name: glitch-anim-text-2 !important;
}
.ut-simple-glitch-text-style-2-permanent {
animation-name: glitch-anim-text-2-permanent;
}
.ut-simple-glitch-text-style-2-permanent.ut-force-glitch-animation {
animation-name: glitch-anim-text-2-permanent !important;
}
.ut-glitch-on-appear.ut-simple-glitch-text-style-2 {
animation-delay: 1s;
animation-duration: 4s;
}
.ut-word-rotator .ut-glitch-on-appear.ut-simple-glitch-text-style-2 {
animation-delay: initial;
}
.bklyn-btn.ut-simple-glitch-text-style-2-hover,
.ut-simple-glitch-text-hover-parent:hover .ut-simple-glitch-text-style-2-hover {
animation-name: glitch-anim-text-2;
animation-duration: 4s;
} .ut-simple-glitch-text-style-3 {
animation-name: glitch-anim-text-3;
}
.ut-simple-glitch-text-style-3-permanent {
animation-name: glitch-anim-text-3;
}
.ut-simple-glitch-text-style-3-permanent.ut-force-glitch-animation {
animation-name: glitch-anim-text-3 !important;
}
.ut-glitch-on-appear.ut-simple-glitch-text-style-3 {
animation-delay: 1s;
animation-duration: 2s;
}
.ut-word-rotator .ut-glitch-on-appear.ut-simple-glitch-text-style-3 {
animation-delay: initial;
}
.bklyn-btn.ut-simple-glitch-text-style-3-hover,
.ut-simple-glitch-text-hover-parent:hover .ut-simple-glitch-text-style-3-hover {
animation-name: glitch-anim-text-3;
animation-duration: 1s;
}
@-webkit-keyframes glitch-anim-text {
0% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
}
100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes glitch-anim-text {
0% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
10% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
20% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
35% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
50% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
60% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
70% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
80% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
90% {
transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
}
100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@-webkit-keyframes glitch-anim-text-permanent {
00% {
transform: translate3d(0,0,0) scale(0.9,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2.5% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
5% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
12% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
15% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
17% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
22% {
transform: translate3d(0,0,0) scale(0.9,1);
}
25% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@keyframes glitch-anim-text-permanent {
0% {
transform: translate3d(0,0,0) scale(0.9,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2.5% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
5% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
12% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
15% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
17% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
20% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
22% {
transform: translate3d(0,0,0) scale(0.9,1);
}
25% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@-webkit-keyframes glitch-anim-text-2 {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10%, 100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@keyframes glitch-anim-text-2 {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10%, 100% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: none;
clip-path: none;
}
}
@-webkit-keyframes glitch-anim-text-2-permanent {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
11% {
-webkit-clip-path: none;
clip-path: none;
}
}
@keyframes glitch-anim-text-2-permanent {
0% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
2% {
-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
4% {
-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
5% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
6% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
7% {
-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
8% {
-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
9% {
-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
9.9% {
transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
}
10% {
transform: translate3d(0,0,0) scale3d(1,1,1);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
11% {
-webkit-clip-path: none;
clip-path: none;
}
}
@-webkit-keyframes glitch-anim-text-3 {
1% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
2% {
-webkit-transform: scaleY(3) skewX(-60deg);
transform: scaleY(3) skewX(-60deg);
}
3% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
21% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
22% {
-webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
}
23% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
}
@keyframes glitch-anim-text-3 {
1% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
2% {
-webkit-transform: scaleY(3) skewX(-60deg);
transform: scaleY(3) skewX(-60deg);
}
3% {
-webkit-transform: scaleY(1) skewX(0deg);
transform: scaleY(1) skewX(0deg);
}
21% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
22% {
-webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
}
23% {
-webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
transform: scaleX(1) scaleY(1) skewX(0deg);
}
} .tweet_list li {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #EFEFEF;
}
.tweet_list li:last-child {
border:none;
padding-bottom:0;
margin-bottom:0;
}
.tweet-left {
float:left;
display: inline;
margin-right: 10px;
}
.tweet-left img {
float:left;
}
.tweet-actions {
float: left;
}
.tweet_text {
display: block;
}
.tweet-bottom {
display: block;
} .ut-comparison-horizontal .ut-comparison-handle:before,
.ut-comparison-horizontal .ut-comparison-handle:after,
.ut-comparison-vertical .ut-comparison-handle:before,
.ut-comparison-vertical .ut-comparison-handle:after {
content: " ";
display: block;
background: #FFF;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-horizontal .ut-comparison-handle:before,
.ut-comparison-horizontal .ut-comparison-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.ut-comparison-vertical .ut-comparison-handle:before,
.ut-comparison-vertical .ut-comparison-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.ut-comparison-before-label,
.ut-comparison-after-label,
.ut-comparison-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.ut-comparison-before-label,
.ut-comparison-after-label,
.ut-comparison-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.ut-comparison-before-label,
.ut-comparison-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.ut-comparison-before-label:before,
.ut-comparison-after-label:before {
color: #FFF;
font-size: .75em;
}
.ut-comparison-before-label:before,
.ut-comparison-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 1);
line-height: 1.25em;
padding: 0.77em 1.54em;
font-weight: 600;
color: #151515;
}
.ut-comparison-caption-with-shadow .ut-comparison-before-label:before,
.ut-comparison-caption-with-shadow .ut-comparison-after-label:before {
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.5);
box-shadow: 0 0 7px rgba(0,0,0,.5);
}
.ut-comparison-horizontal .ut-comparison-before-label:before,
.ut-comparison-horizontal .ut-comparison-after-label:before {
}
.ut-comparison-vertical .ut-comparison-before-label:before,
.ut-comparison-vertical .ut-comparison-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.ut-comparison-left-arrow, .ut-comparison-right-arrow,
.ut-comparison-up-arrow, .ut-comparison-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
}
.ut-comparison-left-arrow,
.ut-comparison-right-arrow {
top: 50%;
margin-top: -6px;
}
.ut-comparison-up-arrow,
.ut-comparison-down-arrow {
left: 50%;
margin-left: -6px;
}
.ut-comparison-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
}
.ut-comparison-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.ut-comparison-container.active .ut-comparison-overlay,
.ut-comparison-container.active :hover.ut-comparison-overlay {
background: rgba(0, 0, 0, 0);
}
.ut-comparison-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.ut-comparison-before-label:before,
.ut-comparison-after-label:before {
content: attr(data-content);
}
.ut-comparison-horizontal .ut-comparison-before-label:before {
left: 20px;
bottom: 20px;
}
.ut-comparison-horizontal .ut-comparison-after-label:before {
right: 20px;
bottom: 20px;
}
.ut-comparison-vertical .ut-comparison-before-label:before {
top: 20px;
}
.ut-comparison-vertical .ut-comparison-after-label:before {
bottom: 20px;
}
.ut-comparison-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: transparent;
z-index: 25;
}
.ut-comparison-overlay:hover {
background: transparent;
}
.ut-comparison-before {
z-index: 20;
}
.ut-comparison-after {
z-index: 10;
}
.ut-comparison-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid #FFF;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer;
}
.ut-comparison-horizontal .ut-comparison-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-horizontal .ut-comparison-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-vertical .ut-comparison-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-vertical .ut-comparison-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 #FFF, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.ut-comparison-left-arrow {
border-right: 6px solid #FFF;
left: 50%;
margin-left: -17px;
}
.ut-comparison-right-arrow {
border-left: 6px solid #FFF;
right: 50%;
margin-right: -17px;
}
.ut-comparison-up-arrow {
border-bottom: 6px solid #FFF;
top: 50%;
margin-top: -17px;
}
.ut-comparison-down-arrow {
border-top: 6px solid #FFF;
bottom: 50%;
margin-bottom: -17px;
} .ut-box-shadow-small {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-medium {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-large {
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.ut-box-shadow-xlarge {
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
} [class*='ut-box-shadow-hover'] {
transition: box-shadow 0.2s ease-in-out;
}
.ut-box-shadow-hover-small:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-hover-medium:hover {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.ut-box-shadow-hover-large:hover {
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.ut-box-shadow-hover-xlarge:hover {
box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
} .ut-has-background-text .bklyn-background-text-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
top: 0;
left: 0;
}
.bklyn-background-text-left-top {
justify-content: flex-start;
}
.bklyn-background-text-center-top {
justify-content: center;
align-items: flex-start;
}
.bklyn-background-text-right-top {
justify-content: flex-end;
}
.bklyn-background-text-left-center {
justify-content: flex-start;
align-items: center;
}
.bklyn-background-text-center-center {
justify-content: center;
align-items: center;
}
.bklyn-background-text-right-center {
justify-content: flex-end;
align-items: center;
}
.bklyn-background-text-left-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.bklyn-background-text-center-bottom {
justify-content: center;
align-items: flex-end;
}
.bklyn-background-text-right-bottom {
justify-content: flex-end;
align-items: flex-end;
}
@media (max-width: 767px) {
.bklyn-background-text-mobile-left-top {
justify-content: flex-start;
}
.bklyn-background-text-mobile-center-top {
justify-content: center;
align-items: flex-start;
}
.bklyn-background-text-mobile-right-top {
justify-content: flex-end;
}
.bklyn-background-text-mobile-left-center {
justify-content: flex-start;
align-items: center;
}
.bklyn-background-text-mobile-center-center {
justify-content: center;
align-items: center;
}
.bklyn-background-text-mobile-right-center {
justify-content: flex-end;
align-items: center;
}
.bklyn-background-text-mobile-left-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.bklyn-background-text-mobile-center-bottom {
justify-content: center;
align-items: flex-end;
}
.bklyn-background-text-mobile-right-bottom {
justify-content: flex-start;
align-items: flex-end;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-background-text-tablet-left-top {
justify-content: flex-start;
}
.bklyn-background-text-tablet-center-top {
justify-content: center;
align-items: flex-start;
}
.bklyn-background-text-tablet-right-top {
justify-content: flex-end;
}
.bklyn-background-text-tablet-left-center {
justify-content: flex-start;
align-items: center;
}
.bklyn-background-text-tablet-center-center {
justify-content: center;
align-items: center;
}
.bklyn-background-text-tablet-right-center {
justify-content: flex-end;
align-items: center;
}
.bklyn-background-text-tablet-left-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.bklyn-background-text-tablet-center-bottom {
justify-content: center;
align-items: flex-end;
}
.bklyn-background-text-tablet-right-bottom {
justify-content: flex-start;
align-items: flex-end;
}
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character {
opacity: 1;
-webkit-transform: rotateX(0) rotateY(0);
transform: rotateX(0) rotateY(0);
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(2) {
-webkit-transition-delay: 0.22s;
-o-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(3) {
-webkit-transition-delay: 0.33s;
-o-transition-delay: 0.33s;
transition-delay: 0.33s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(4) {
-webkit-transition-delay: 0.44s;
-o-transition-delay: 0.44s;
transition-delay: 0.44s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(5) {
-webkit-transition-delay: 0.55s;
-o-transition-delay: 0.55s;
transition-delay: 0.55s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(6) {
-webkit-transition-delay: 0.66s;
-o-transition-delay: 0.66s;
transition-delay: 0.66s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(7) {
-webkit-transition-delay: 0.77s;
-o-transition-delay: 0.77s;
transition-delay: 0.77s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(8) {
-webkit-transition-delay: 0.88s;
-o-transition-delay: 0.88s;
transition-delay: 0.88s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(9) {
-webkit-transition-delay: 0.99s;
-o-transition-delay: 0.99s;
transition-delay: 0.99s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(10) {
-webkit-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(11) {
-webkit-transition-delay: 1.21s;
-o-transition-delay: 1.21s;
transition-delay: 1.21s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(12) {
-webkit-transition-delay: 1.32s;
-o-transition-delay: 1.32s;
transition-delay: 1.32s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(13) {
-webkit-transition-delay: 1.43s;
-o-transition-delay: 1.43s;
transition-delay: 1.43s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(14) {
-webkit-transition-delay: 1.54s;
-o-transition-delay: 1.54s;
transition-delay: 1.54s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(15) {
-webkit-transition-delay: 1.65s;
-o-transition-delay: 1.65s;
transition-delay: 1.65s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(16) {
-webkit-transition-delay: 1.76s;
-o-transition-delay: 1.76s;
transition-delay: 1.76s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(17) {
-webkit-transition-delay: 1.87s;
-o-transition-delay: 1.87s;
transition-delay: 1.87s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(18) {
-webkit-transition-delay: 1.98s;
-o-transition-delay: 1.98s;
transition-delay: 1.98s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(19) {
-webkit-transition-delay: 2.09s;
-o-transition-delay: 2.09s;
transition-delay: 2.09s;
}
.ut-has-background-text .bklyn-background-text-holder.inView .bklyn-background-text-character:nth-child(20) {
-webkit-transition-delay: 2.20s;
-o-transition-delay: 2.20s;
transition-delay: 2.20s;
}
.ut-has-background-text .bklyn-background-text {
font-size: 5vh;
line-height: 1;
color: #333;
display: inline-block;
}
.bklyn-background-text-animated .bklyn-background-text-character {
opacity: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: perspective(750px) rotateX(90deg);
transform: perspective(750px) rotateX(90deg);
-webkit-transform-origin: 50% 40% 0;
-ms-transform-origin: 50% 40% 0;
transform-origin: 50% 40% 0;
-webkit-transition: 0.53s cubic-bezier(0.45, 0.05, 0.37, 0.93);
-o-transition: 0.53s cubic-bezier(0.45, 0.05, 0.37, 0.93);
transition: 0.53s cubic-bezier(0.45, 0.05, 0.37, 0.93);
z-index: -1;
}
.bklyn-background-text-holder + .wpb_wrapper {
position: relative;
z-index: 2;
}
.bklyn-video-grid-wrap {
position: relative;
}
.bklyn-video-grid {
display: grid;
}
@media (min-width: 1025px) {
.bklyn-video-grid.bklyn-video-grid-2-col {
grid-template-columns: repeat(2, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-3-col {
grid-template-columns: repeat(3, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-4-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-5-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-6-col {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-video-grid.bklyn-video-grid-tablet-2-col {
grid-template-columns: repeat(2, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-3-col {
grid-template-columns: repeat(3, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-4-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-5-col {
grid-template-columns: repeat(4, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-tablet-6-col {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.bklyn-video-grid.bklyn-video-grid-mobile-2-col {
grid-template-columns: repeat(2, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-mobile-3-col {
grid-template-columns: repeat(3, 1fr);
}
.bklyn-video-grid.bklyn-video-grid-mobile-4-col {
grid-template-columns: repeat(4, 1fr);
}
}
.bklyn-video-grid > a {
box-sizing: border-box;
border-bottom: 1px solid rgba(255,255,255,0.2);
border-right: 1px solid rgba(255,255,255,0.2);
display: block !important;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.bklyn-video-grid > a:hover,
.bklyn-video-grid > a.is-playing {
background: rgba(0,0,0,0.2);
}
@media (min-width: 1025px) { .bklyn-video-grid.bklyn-video-grid-2-col > a:nth-child(2n) {
border-right: none;
} .bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(2n+1):nth-last-child(-n+2),
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(2n+1):nth-last-child(-n+2) ~ a {
border-bottom: none;
}
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n),
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n+2) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n+1):nth-last-child(-n+3),
.bklyn-video-grid.bklyn-video-grid-3-col > a:nth-child(3n+1):nth-last-child(-n+3) ~ a {
border-bottom: none;
} .bklyn-video-grid.bklyn-video-grid-4-col > a:nth-child(4n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-4-col > a:nth-child(4n+1):nth-last-child(-n+4),
.bklyn-video-grid.bklyn-video-grid-4-col > a:nth-child(4n+1):nth-last-child(-n+4) ~ a {
border-bottom: none;
} .bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(5n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(5n+1):nth-last-child(-n+5),
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(5n+1):nth-last-child(-n+5) ~ a {
border-bottom: none;
} .bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(6n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(6n+1):nth-last-child(-n+6),
.bklyn-video-grid.bklyn-video-grid-5-col > a:nth-child(6n+1):nth-last-child(-n+6) ~ a {
border-bottom: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bklyn-video-grid.bklyn-video-grid-tablet-2-col > a:nth-child(2n) {
border-right: none;
}
.bklyn-video-grid.bklyn-video-grid-tablet-3-col > a:nth-child(2n+1):nth-last-child(-n+2),
.bklyn-video-grid.bklyn-video-grid-tablet-3-col > a:nth-child(2n+1):nth-last-child(-n+2) ~ a {
border-bottom: none;
}
}
.bklyn-video-grid .bklyn-video-grid-content {
position: relative;
width: 100%;
height: 25vh;
padding: 1rem;
color: white;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ut-stroke-1, ut-stroke-2, ut-letter, ut-typewriter-1, ut-typewriter-2, ut-underline {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: 0;
}
a:hover, a:active { outline: 0;
}
a img {
border: 0;
}
.hero-title {
font-family: 'sans-serif';
} * {
margin: 0;
padding: 0;
}
*, *:after, *::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
min-height: 100%;
height: 100%;
}
body {
background: #FFFFFF;
color: #333333;
font-size: 14px;
font-family: sans-serif;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-height: 100%;
height: 100%;
line-height: 28px;
overflow-x: hidden;
width: 100%;
-webkit-text-size-adjust: 100%;
}
#ut-sitebody {
position: relative;
}
#main-content {
background: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-flex: 2;
-ms-flex: 2 0 auto;
flex: 2 0 auto;
z-index: 2;
position: relative;
}
.main-content-background {
-webkit-box-flex: 2;
-ms-flex: 2 0 auto;
flex: 2 0 auto;
}
::-moz-selection {
color: #FFFFFF;
}
::selection {
color: #FFFFFF;
} h1, h2, h3, h4, h5, h6 {
color: #151515;
line-height: 125%;
font-weight: normal;
margin-top: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1 {
font-size: 30px;
margin-bottom: 20px;
}
h2 {
font-size: 25px;
margin-bottom: 20px;
}
h3 {
font-size: 18px;
margin-bottom: 20px;
}
h4 {
font-size: 16px;
margin-bottom: 20px;
}
h5 {
font-size: 14px;
margin-bottom: 20px;
}
h6 {
font-size: 12px;
margin-bottom: 20px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #151515;
}
p img {
margin: 0;
}
.children, 
.entry-content ol ol, 
.entry-content ol ul, 
.entry-content ul ul, 
.entry-content ul ol, 
.comment-content ol ol, 
.comment-content ol ul, 
.comment-content ul ul, 
.comment-content ul ol {
margin-bottom: 0;
}
.comment-content ul, .entry-content ul {
list-style-type: disc;
}
.comment-content ol, .entry-content ol {
list-style-type: decimal;
}
.comment-content > *:last-child {
margin-bottom: 0;
}
ul, ol, dl {
margin-left: 14px;
}
table {
border: 1px solid #DDDDDD;
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 40px 0;
text-align: left;
padding: 0 5px;
width: 100%;
}
.ut-footer-dark .ut-footer-area table {
border-color: rgba(255, 255, 255, 0.1);
}
table .even {
background: #f7f8fa;
}
tr {
border-bottom: 1px solid #DDDDDD;
}
.ut-footer-dark .ut-footer-area tr {
border-color: rgba(255, 255, 255, 0.1);
}
th {
font-weight: bold;
}
th, td {
padding: 5px;
vertical-align: middle;
text-align: center;
}
caption {
text-align: left;
}
var, kbd, samp, code, pre {
font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
color: #151515;
background: #f7f8fa;
}
b, strong, dfn, kbd {
font-weight: bold;
}
dfn, cite, em, i, address, q, samp, var {
font-style: italic;
}
q {
color: #151515;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote {
color: #151515;
display: block;
position: relative;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
font-size: 20px;
line-height: 200%;
padding-left: 40px;
border-left: 4px solid;
margin-top: 40px;
margin-bottom: 40px;
}
blockquote cite {
font-size: 12px;
font-style: normal;
font-weight: normal;
display: block;
}
.format-quote blockquote {
margin-left: 0;
margin-right: 0;
font-size: 26px;
line-height: 150%;
}
pre:not(.ut-print) {
background: transparent;
color: inherit;
white-space: pre;
overflow: auto;
padding: 0;
clear: both;
font-size: 12px;
line-height: 150%;
margin-top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
var, 
kbd, 
code {
padding: 3px;
}
abbr[title], 
acronym[title], 
dfn[title] {
cursor: help;
border-bottom: 1px dotted #666666;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: underline;
}
mark, ins {
text-decoration: none;
padding: 3px;
color: #FFFFFF;
}
sub, sup {
line-height: 0;
position: relative;
vertical-align: baseline;
font-size: .45em;
top: -1em;
}
sub {
vertical-align: bottom;
}
small {
font-size: 70%;
}
big {
font-size: 150%;
font-weight: bold;
}
figure {
margin: 0;
}
p, 
dd,
pre,
ul, 
ol, 
dl {
margin-bottom: 20px;
} 
fieldset, 
form {
margin-bottom: 40px;
}
address {
margin-top: 0;
margin-bottom: 20px;
}
hr {
background-color: #CCCCCC;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} object, embed {
outline: 0;
}
button::-moz-focus-inner, 
input::-moz-focus-inner {
border:0;
padding:0;
} a,
.ut-custom-link-module i,
.ut-title-style1,
.entry-title,
#ut-portfolio-navigation-wrap a span {
cursor: pointer;
text-decoration: none;
outline: 0;
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
a:hover {
color: #151515;
cursor: pointer;
}
.light a:hover {
color: #FFFFFF;
}
a img {
border: none;
vertical-align: bottom;
} img {
height: auto; max-width: 100%; width: auto\9; -ms-interpolation-mode: bicubic;
border: 0;
vertical-align: bottom;
image-rendering: -webkit-optimize-contrast;
}
.ut-advanced-google-map .gm-style img {
vertical-align: baseline;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
i.alignleft, img.alignleft {
margin: 5px 20px 5px 0;
}
i.alignright, img.alignright {
margin: 5px 0 5px 20px;
}
.alignright.ut-custom-icon {
margin: 0 0 0 10px;
}
.alignleft.ut-custom-icon {
margin: 0 10px 0 0;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption.alignnone {
margin: 5px 0 20px 0;
}
img.wp-smiley, .rsswidget img {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
list-style-position: inside;
} .entry-content .twitter-tweet-rendered {
width: 100% !important;
margin: 0 0 20px !important;
} .page-content img.wp-smiley, 
.entry-content img.wp-smiley, 
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
vertical-align: middle;
}
.wp-caption {
position: relative;
height: auto !important;
overflow: hidden;
max-width: 100%;
padding: 0;
text-align: left;
margin-bottom: 20px;
}
.gallery-item a img, .wp-caption a img {
-webkit-box-shadow: 0 0 0 #151515;
box-shadow: 0 0 0 #151515;
}
.gallery-item {
margin-left: 0 !important;
}
.gallery-item a img:hover, .wp-caption a img:hover {
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption img, img[class*="wp-image-"] {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
max-width: 100%;
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 5px 10px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.wp-caption-text {
background: rgb(21,21,21);
background: rgba(21,21,21,0.5);
bottom: -50px;
left: 0;
margin: 0 !important;
opacity: 0;
padding: 1em 0;
position: absolute;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
-o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
width: auto;
color: #FFFFFF;
font-size: 12px;
-webkit-border-radius: 0 0 0 3px;
-moz-border-radius: 0 0 0 3px;
border-radius: 0 0 0 3px;
}
.ut-footer-area .wp-caption-text {
font-size: 9px;
line-height: 1;
}
.wp-caption:hover .wp-caption-text {
bottom: 0;
opacity: 0.8;
}
.wp-caption-text a {
color: #FFFFFF !important;
text-decoration: underline;
font-weight: normal !important;
}
.wp-caption-text a:hover,
.wp-caption-text a:active {
color: #777777 !important;
text-decoration: underline;
}
.gallery-caption {
position: inherit !important;
-webkit-transition: inherit !important;
-o-transition: inherit !important;
transition: inherit !important;
opacity: 1 !important;
background: none !important;
color: #999999;
}
.site-content .gallery {
margin-bottom: 20px;
}
.wp-caption-text.gallery-caption {
bottom: 0;
text-align: left;
padding-top: 10px;
padding-bottom: 0;
}
.ut-footer-area .wp-caption-text.gallery-caption {
padding-top: 5px;
}
.gallery img {
border: none !important;
}
.gallery-item {
margin-top: 0 !important;
overflow: hidden;
}
.site-content .gallery a img {
border: none;
height: auto;
width: 100%;
}
.site-content .gallery dd {
margin: 0;
}
.size-auto, 
.size-full, 
.size-large, 
.size-medium, 
.size-thumbnail {
max-width: 100%;
height: auto;
}
embed, iframe, object {
max-width: 100%;
}
.vimelar-container iframe {
max-width: inherit !important;
}
.ut-video {
margin-bottom: 20px;
}
.gallery {
margin-bottom: 0;
margin-left: -15px !important;
margin-right: -15px !important;
}
li .gallery {
margin-top: 30px;
}
li .gallery .gallery-item {
margin-bottom: 15px;
}
.ut-footer-area li .gallery .gallery-item {
margin-bottom: 30px;
}
.gallery-item {
display: inline-block;
margin-bottom: 30px;
margin-top: 0 !important;
padding: 0 15px;
position: relative;
vertical-align: top;
width: 100%;
}
.gallery-icon {
font-weight: normal;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
width: 100%;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}
@media (max-width: 767px) {
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
width: 100%;
}
} .ut-horizontal-navigation {
position: relative;
}
.ut-horizontal-navigation ul,
.ut-horizontal-navigation ul li,
.ut-horizontal-navigation ul ul {
list-style: none;
margin: 0;
padding: 0;
}
.ut-horizontal-navigation ul {
position: relative;
z-index: 9999;
}
.ut-horizontal-navigation ul li {
zoom: 1;
}
.ut-horizontal-navigation ul li.hover,
.ut-horizontal-navigation ul li:hover {
position: relative;
z-index: 9999;
cursor: default;
}
.ut-horizontal-navigation ul,
.ut-horizontal-navigation ul li,
.ut-horizontal-navigation ul ul {
list-style: none;
margin: 0;
padding: 0;
}
.ut-horizontal-navigation li {
margin: 0;
float: left;
zoom: 1;
}
.ut-horizontal-navigation ul ul {
visibility: hidden;
position: absolute;
min-width: 260px;
z-index: 9998;
width: auto;
padding: 0;
}
.ut-horizontal-navigation ul li li a:not(.bklyn-btn):not(.ut-remove-header-cart-item) {
display: block;
text-decoration: none;
position: relative;
border-right: none;
}
.ut-horizontal-navigation ul ul li {
float: none;
white-space: nowrap;
margin: 0;
line-height: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}
.sf-sub-indicator {
padding-left: 2px;
} .ut-has-top-header .ut-header-inner {
padding-left: 40px;
padding-right: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
height: 40px;
}
.ut-top-header-centered .ut-header-inner {
margin: 0 auto;
max-width: 1200px;
padding-left: 20px;
padding-right: 20px;
}
.ut-site-border #main-content {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
overflow: hidden;
}
#ut-top-header.ut-flush .ut-header-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
#ut-top-header {
font-size: 12px;
position: relative;
top: 0;
width: 100%;
left: 0;
line-height: 40px;
z-index: 51;
}
#ut-top-header .ut-wpml-language-switch-name,
#ut-top-header .ut-wpml-language-switch-code,
#ut-top-header .ut-woocommerce-account-text,
#ut-top-header .ut-top-header-main-link,
.ut-main-navigation-link .ut-wpml-language-switch-code {
vertical-align: middle;
}
#ut-top-header ul li i {
line-height: 40px;
}
#ut-top-header a i {
text-decoration: none;
outline: 0;
cursor: pointer;
font-size: inherit;
line-height: 40px;
-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.ut-header-extra-module-custom-fields .ut-horizontal-navigation {
font-family: inherit;
}
.ut-header-extra-module-custom-fields .ut-horizontal-navigation .ut-main-navigation-link {
font-family: inherit;
font-size: inherit;
text-transform: none;
font-weight: inherit;
letter-spacing: inherit;
font-style: inherit;
}
.ut-header-cart-count {
color: #FFFFFF;
font-family: Sans-Serif !important;
font-size: 10px;
font-weight: 400;
display: inline-block;
line-height: 16px;
text-align: center;
padding: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 16px;
height: 16px;
letter-spacing: 0;
}
.ut-header-cart .fa,
.ut-header-cart i,
.ut-main-navigation-link .fa.fa-shopping-cart {
margin-right: 0 !important;
}
#ut-top-header ul li a:not(.bklyn-btn):not(.ut-remove-header-cart-item) {
display: inline-block;
height: 40px;
}
#ut-top-header .ut-company-social,
#ut-top-header .ut-top-header-extra-module-toolbar i {
font-size: 16px;
}
#ut-top-header.ut-top-header-small {
font-size: 12px;
}
#ut-top-header.ut-top-header-large {
font-size: 14px;
}
#ut-top-header.ut-top-header-extra-large {
font-size: 16px;
}
#ut-top-header-left ul, 
#ut-top-header-right ul {
margin: 0;
list-style: none;
}
#ut-top-header-left ul li {
display: block;
float: left;
margin-right: 20px;
}
#ut-top-header-left ul li.ut-top-header-border-separator {
padding-right: 20px;
}
.ut-top-header-border-separator {
height: 40px;
}
#header-section #ut-top-header.ut-top-header-reverse #ut-top-header-left ul li.ut-top-header-border-separator:first-child,
#header-section #ut-top-header:not(.ut-top-header-reverse) #ut-top-header-left ul li.ut-top-header-border-separator:last-child {
border: none !important;
padding-right: 0;
}
.ut-top-header-reverse #ut-top-header-left ul li {
float: right;
}
#ut-top-header-right ul li {
display: block;
float: right;
margin-right: 20px;
}
#ut-top-header-right ul li.ut-top-header-border-separator {
padding-right: 20px;
}
#header-section #ut-top-header-right ul li.ut-top-header-border-separator:first-child {
border: none !important;
padding-right: 0;
}
#ut-top-header:not(.ut-top-header-reverse) #ut-top-header-right ul li:first-child,
#ut-top-header.ut-top-header-reverse #ut-top-header-left ul li:first-child {
margin-right: 0;
}
#ut-top-header-left.ut-company-social ul li i,
#ut-top-header-right.ut-company-social ul li i {
padding: 0;
margin: 0;
}
#ut-top-header-left.ut-company-contact ul li i,
#ut-top-header-right.ut-company-contact ul li i,
#ut-top-header-left.ut-custom-fields ul li i,
#ut-top-header-right.ut-custom-fields ul li i {
margin-right: 10px;
}
#ut-top-header-left.ut-company-contact,
#ut-top-header-right.ut-company-contact,
#ut-top-header-left.ut-custom-fields,
#ut-top-header-right.ut-custom-fields {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.ut-deactivated-link {
cursor: default !important;
}
#ut-sitebody #ut-top-header .ut-deactivated-link,
#ut-sitebody .ut-horizontal-navigation .ut-header-extra-module-custom-fields .ut-main-navigation-link.ut-deactivated-link {
pointer-events: none;
}
#ut-sitebody #ut-top-header .ut-deactivated-link:hover,
#ut-sitebody #ut-top-header .ut-deactivated-link:active,
#ut-sitebody .ut-horizontal-navigation .ut-header-extra-module-custom-fields .ut-main-navigation-link.ut-deactivated-link:hover,
#ut-sitebody .ut-horizontal-navigation .ut-header-extra-module-custom-fields .ut-main-navigation-link.ut-deactivated-link:active {
color: inherit !important;
}
@media (min-width: 1025px) {
#ut-top-header-left .ut-top-header-sub-menu .ut-wpml-language-switch-flag,
#ut-top-header-right .ut-top-header-sub-menu .ut-wpml-language-switch-flag,
#ut-top-header-left.ut-toolbar ul li:not(.ut-top-header-search) i,
#ut-top-header-right.ut-toolbar ul li:not(.ut-top-header-search) i {
margin-right: 10px;
}
}
.ut-top-header-sub-menu:hover ul {
top: 40px;
opacity: 1;
pointer-events: auto;
}
.ut-top-header-sub-menu .ut-wpml-language-switch-flag {
vertical-align: middle;
}
.ut-top-header-sub-menu ul {
min-width: 260px;
width:auto;
list-style: none;
position: absolute;
pointer-events: none;
top: 150%;
opacity: 0;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.10);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.10);
}
.ut-header-mini-cart ul {
min-width: 260px;
}
.ut-header-mini-cart ul .bklyn-btn-holder,
.ut-header-mini-cart .sub-menu .bklyn-btn-holder,
.ut-header-mini-cart .bklyn-btn {
width: 100%;
}
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator:last-child .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-sub-menu ul,
#ut-top-header-left .ut-top-header-sub-menu ul,
#ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator:first-child .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator:last-child .ut-top-header-sub-menu:hover ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-sub-menu:hover ul,
#ut-top-header-left .ut-top-header-sub-menu:hover ul,
#ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator:first-child .ut-top-header-sub-menu:hover ul {
left:0;
}
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator:first-child .ut-top-header-sub-menu ul,
#ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu:hover ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator:first-child .ut-top-header-sub-menu:hover ul,
#ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu:hover ul {
left: -20px;
}
#ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator:first-child .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator:first-child .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-left .ut-top-header-sub-menu ul,
#ut-top-header-right .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator:first-child .ut-top-header-sub-menu:hover ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-left .ut-top-header-sub-menu:hover ul,
#ut-top-header-right .ut-top-header-sub-menu:hover ul {
left: inherit;
right: 0 !important;
}
#ut-top-header.ut-top-header-reverse #ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu ul,
#ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator:last-child .ut-top-header-sub-menu ul,
#ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu ul,
#ut-top-header.ut-top-header-reverse #ut-top-header-left .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu:hover ul,
#ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator:last-child .ut-top-header-sub-menu:hover ul,
#ut-top-header-right .ut-top-header-has-submenu.ut-top-header-border-separator .ut-top-header-sub-menu:hover ul {
left: inherit;
right: -20px;
}
.ut-header-mini-cart ul li {
display: block;
}
.ut-header-mini-cart ul li.ut-header-mini-cart-action {
padding-left: 40px;
padding-right: 40px;
}
.ut-header-mini-cart-action .ut-btn-group {
margin-left: 0;
margin-right: 0;
line-height: 1;
}
#ut-top-header .ut-header-mini-cart .ut-header-mini-cart-item,
.ut-horizontal-navigation ul li.ut-header-mini-cart-item {
padding-top: 20px;
}
.ut-header-mini-cart-item-link {
height: auto;
line-height: inherit;
}
.ut-header-mini-cart-item .ut-header-mini-cart-item-img {
float: left;
width: 48px;
margin-right: 20px;
min-height: 1px;
position: relative;
overflow: hidden;
vertical-align: middle;
}
.ut-header-mini-cart-item .ut-header-mini-cart-item-description {
margin-right: 20px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.ut-header-mini-cart-item .ut-header-mini-cart-item-description .quantity {
display: block;
}
.ut-header-mini-cart-summary {
padding: 40px 0 20px;
line-height: 1;
}
.ut-header-mini-cart-summary .ut-header-mini-cart-total-count {
float: left;
}
.ut-header-mini-cart-summary .ut-header-mini-cart-total-price {
float: right;
}
.ut-header-mini-cart-action .bklyn-btn {
margin: 0;
}
.ut-header-mini-cart-content {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
overflow: hidden;
}
#ut-sitebody .ut-header-mini-cart-content .simplebar-track.horizontal {
display: none !important;
}
#ut-sitebody .ut-header-mini-cart-content .simplebar-content {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.ut-header-mini-cart-overflow-container {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#ut-sitebody .ut-header-mini-cart-overflow-container li:first-child .ut-remove-header-cart-item {
top: 40px;
}
#ut-sitebody .ut-horizontal-navigation ul.sub-menu li.ut-header-mini-cart-item:last-child {
padding-bottom: 20px;
}
.ut-remove-header-cart-item {
right: 40px;
text-align: right !important;
top: 20px;
position: absolute !important;
padding: 0 !important;
min-width: auto !important;
}
.ut-remove-header-cart-item::after {
display: none !important;
}
#ut-sitebody  .ut-remove-header-cart-item .fa {
margin: 0 !important;
padding: 0 !important;
font-size: 16px !important;
line-height: 1 !important;
}
#ut-top-header-left .bklyn-btn i,
#ut-top-header-right .bklyn-btn i {
margin: 0 !important;
}
#ut-top-header-left .ut-top-header-sub-menu ul li:not(.ut-header-mini-cart-item),
#ut-top-header-right .ut-top-header-sub-menu ul li:not(.ut-header-mini-cart-item) {
padding: 0;
}
#ut-top-header-left .ut-top-header-sub-menu ul li,
#ut-top-header-right .ut-top-header-sub-menu ul li {
display: block;
float: none;
white-space: nowrap;
}
#ut-top-header-left .ut-top-header-sub-menu ul li.ut-header-mini-cart-item a:not(.bklyn-btn),
#ut-top-header-right .ut-top-header-sub-menu ul li.ut-header-mini-cart-item a:not(.bklyn-btn)
li.ut-header-mini-cart-item a:not(.bklyn-btn),
li.ut-header-mini-cart-item a:not(.bklyn-btn){
line-height: 150% !important;
}
#ut-top-header-left .ut-top-header-sub-menu ul li a:not(.bklyn-btn):not(.ut-remove-header-cart-item),
#ut-top-header-right .ut-top-header-sub-menu ul li a:not(.bklyn-btn):not(.ut-remove-header-cart-item) {
display: block;
line-height: 30px;
padding: 0 40px;
}
#ut-top-header-left .ut-top-header-sub-menu ul li a:not(.bklyn-btn):not(.ut-remove-header-cart-item):not(.ut-header-mini-cart-link),
#ut-top-header-right .ut-top-header-sub-menu ul li a:not(.bklyn-btn):not(.ut-remove-header-cart-item):not(.ut-header-mini-cart-link) {
height: 30px;
}
#ut-top-header-left .ut-top-header-sub-menu ul li:first-child,
#ut-top-header-right .ut-top-header-sub-menu ul li:first-child {
padding-top: 40px;
}
#ut-top-header-left .ut-top-header-sub-menu ul li.ut-header-mini-cart-item:first-child,
#ut-top-header-right .ut-top-header-sub-menu ul li.ut-header-mini-cart-item:first-child {
padding-top: 40px;
}
#ut-top-header-left .ut-top-header-sub-menu ul li.ut-header-mini-cart-action:last-child,
#ut-top-header-right .ut-top-header-sub-menu ul li.ut-header-mini-cart-action:last-child {
padding: 0 40px 20px;
}
#ut-top-header-left .ut-top-header-sub-menu ul li:last-child:not(.ut-header-mini-cart-item),
#ut-top-header-right .ut-top-header-sub-menu ul li:last-child:not(.ut-header-mini-cart-item) {
padding-bottom: 40px;
}
#ut-top-header-right .ut-top-header-sub-menu ul li {
text-align: left;
}
#ut-top-header-left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 40px;
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#ut-top-header-right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
text-align: right;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
#ut-top-header.ut-top-header-reverse .ut-header-inner {
-moz-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; 
}
#ut-top-header.ut-top-header-reverse #ut-top-header-left {
}
#ut-top-header.ut-top-header-reverse #ut-top-header-right {
-moz-justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ha-header.bordered-navigation.ut-header-light {
background: rgb(255,255,255);
}
.ha-header.bordered-navigation.ut-header-dark {
background: #131416;
}
.ut-top-header-no-content {
display: none !important;
} #ut-header-placeholder {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
#header-section {
line-height: 80px;
will-change: transform;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grid-container .ha-header-perspective {
padding: 0;
}
.ha-header {
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 0;
z-index: 10000;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10);
box-shadow: 0 0 transparent, 0 0 transparent, 0 5px 5px -4px rgba(0, 0, 0, 0.10);
}
#header-section {
-webkit-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
-moz-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
-o-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
-moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
-o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); }
#ut-header-placeholder {
-webkit-transition: height 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
-moz-transition: height 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
-o-transition: height 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: height 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
-moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
-o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); }
#header-section.ut-header-transition-off {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
#header-section.ut-header-floating {
position: fixed;
}
.ha-header-perspective {
width: 100%;
height: 100%;
position: relative;
}
.ha-header-perspective > div {
position: relative;
}
.ha-header-front {
z-index: 2;
}
#ut-sitebody.ut-mobile-menu-open .ha-header-small {
height: auto;
}
.ha-header-hide {
overflow: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.ha-header-show {
height: 80px;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.site-logo {
color: #151515;
display: table;
text-align: left;
margin: 0;
height: 80px;
position: relative;
}
.site-logo .logo {
font-size: 16px;
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
display: table-cell;
vertical-align: middle;
}
.site-logo img {
max-height: 60px;
vertical-align: middle;
white-space: nowrap;
color: transparent;
}
.ut-site-logo-background {
position: relative;
z-index: 1;
width: intrinsic; width: -moz-max-content; width: -webkit-max-content; width: max-content;
display: table;
}
.ut-site-logo-background::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: calc(100% + 86px);
-webkit-transform:skewX(-16deg);
-moz-transofrom:skewX(-16deg);
transform: skewX(-16deg);
background: #FFFFFF;
z-index: -1;
}
.centered .ut-site-logo-background::after {
left: -16px;
}
.fullwidth .ut-site-logo-background::after {
left: -56px;
}
#header-section[data-style="default"] .ut-site-logo-background,
#header-section[data-style="style-1"] .ut-site-logo-background,
#header-section[data-style="style-2"] .ut-site-logo-background,
#header-section[data-style="style-3"] .ut-site-logo-background {
display: inline-table;
height: 100%;
line-height: 80px;
}
#header-section[data-style="style-1"].centered .ut-site-logo-background::after {
left: auto;
right: -16px;
}
#header-section[data-style="style-1"].fullwidth .ut-site-logo-background::after {
left: auto;
right: -56px;
}
#header-section[data-style="style-3"].fullwidth .ut-site-logo-background::after {
left: -41px;
}
#header-section[data-style="style-4"] .ut-site-logo-background {
display: inline-table;
height: 100%;
line-height: 80px;
}
#header-section[data-separator="off"][data-style="style-4"] .site-logo .ut-site-logo-background img,
#header-section[data-separator="off"][data-style="style-4"] .site-logo .ut-site-logo-background .logo {
vertical-align: middle;
}
#header-section[data-style="style-4"].fullwidth .ut-site-logo-background::after {
left: -41px;
}
#header-section[data-style="style-5"] .ut-site-logo-background {
display: inline-table;
height: 100%;
line-height: 80px;
}
#header-section[data-style="style-6"] .ut-site-logo-background {
display: inline-table;
height: 100%;
line-height: 80px;
}
#header-section[data-style="style-6"].centered .ut-site-logo-background::after {
left: auto;
right: -16px;
}
#header-section[data-style="style-6"].fullwidth .ut-site-logo-background::after {
left: auto;
right: -56px;
}
#header-section[data-style="style-7"] .ut-site-logo-background {
display: inline-table;
height: 100%;
line-height: 80px;
}
#header-section[data-separator="off"][data-style="style-7"] .site-logo .ut-site-logo-background img,
#header-section[data-separator="off"][data-style="style-7"] .site-logo .ut-site-logo-background .logo {
vertical-align: middle;
}
#header-section[data-style="style-7"].fullwidth .ut-site-logo-background::after {
left: -41px;
}
#header-section[data-style="style-8"] .ut-site-logo-background {
display: inline-table;
height: 100%;
line-height: 80px;
}
#header-section[data-style="style-8"].fullwidth .ut-site-logo-background::after {
left: -41px;
}
#header-section[data-style="style-9"] .ut-site-logo-background {
display: inline-table;
height: 100%;
line-height: 80px;
}
#header-section[data-style="style-9"] .site-logo.ut-logo-has-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#header-section[data-style="style-9"] .site-logo.ut-logo-has-img .ut-site-logo-background {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header-section[data-style="style-9"].fullwidth .ut-site-logo-background::after {
left: -66px;
}
#header-section[data-style="style-9"].fullwidth .ut-site-logo-background::after {
width: calc(100% + 86px);
} .page-header, 
.parallax-header, 
.section-header {
text-align: center;
padding-bottom: 30px;
position: relative;
}
.page-title, 
.parallax-title, 
.section-title {
font-size: 30px;
margin-bottom: 20px;
position: relative;
}
.header-left {
text-align: left;
}
.header-right {
text-align: right;
}
@media (max-width: 767px) {
.header-mobile-left {
text-align: left;
}
.header-mobile-center {
text-align: center;
}
.header-mobile-right {
text-align: right;
}
.header-mobile-left .page-title,
.header-mobile-left .parallax-title,
.header-mobile-left .section-title {
text-align: left;
}
.page-header.header-mobile-left,
.section-header.header-mobile-left,
.parallax-header.header-mobile-left {
text-align: left;
}
.header-mobile-center .page-title,
.header-mobile-center .parallax-title,
.header-mobile-center .section-title {
text-align: center;
}
.page-header.header-mobile-center,
.section-header.header-mobile-center,
.parallax-header.header-mobile-center {
text-align: center;
}
.header-mobile-right .page-title,
.header-mobile-right .parallax-title,
.header-mobile-right .section-title {
text-align: right;
}
.page-header.header-mobile-right,
.section-header.header-mobile-right,
.parallax-header.header-mobile-right {
text-align: right;
}
#ut-sitebody .header-mobile-left .lead {
text-align: left;
}
#ut-sitebody .header-mobile-center .lead {
text-align: center;
}
#ut-sitebody .header-mobile-right .lead {
text-align: right;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.header-tablet-left {
text-align: left;
}
.header-tablet-center {
text-align: center;
}
.header-tablet-right {
text-align: right;
}
.page-header.header-tablet-left,
.section-header.header-tablet-left,
.parallax-header.header-tablet-left {
text-align: left;
}
.page-header.header-tablet-center,
.section-header.header-tablet-center,
.parallax-header.header-tablet-center {
text-align: center;
}
.page-header.header-tablet-right,
.section-header.header-tablet-right,
.parallax-header.header-tablet-right {
text-align: right;
}
#ut-sitebody .header-tablet-left .lead {
text-align: left;
}
#ut-sitebody .header-tablet-center .lead {
text-align: center;
}
#ut-sitebody .header-tablet-right .lead {
text-align: right;
}
}
.pt-style-1 .page-title,
.pt-style-1 .section-title {
display: inline-block;
margin-bottom: 0;
padding: 0 120px;
overflow: hidden;
}
.pt-style-1 .page-title.bklyn-divider-styles,
.pt-style-1 .section-title.bklyn-divider-styles {
background: none !important;
}
.pt-style-1 .section-title span,
.pt-style-1 .page-title span {
display: inline-block;
padding: 0 20px;
position: relative;
vertical-align: baseline;
}
.pt-style-1 .page-title.bklyn-divider-styles span::before,
.pt-style-1 .page-title.bklyn-divider-styles span::after,
.pt-style-1 .section-title.bklyn-divider-styles span::before,
.pt-style-1 .section-title.bklyn-divider-styles span::after {
content: "";
display: block;
position: absolute;
top: 50%;
width: 1160px;
background-attachment: scroll;
background-repeat: repeat-x;
background-position: center center;
}
.pt-style-1 .page-title.bklyn-divider-styles span::before,
.pt-style-1 .section-title.bklyn-divider-styles span::before {
right: 100%;
}
.pt-style-1 .page-title.bklyn-divider-styles span::after,
.pt-style-1 .section-title.bklyn-divider-styles span::after {
left: 100%;
}
.pt-style-1 .page-title.bklyn-divider-style-1 span::before,
.pt-style-1 .page-title.bklyn-divider-style-1 span::after,
.pt-style-1 .section-title.bklyn-divider-style-1 span::before,
.pt-style-1 .section-title.bklyn-divider-style-1 span::after {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider1.png);
height: 9px;
margin-top: -4.5px;
}
.pt-style-1 .parallax-title {
background-attachment: scroll;
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider/divider1.png);
background-repeat: repeat-x;
background-position: top center;
padding-top: 20px;
display: inline-block;
}
.pt-style-1.header-left,
.pt-style-1.header-left .page-title span,
.pt-style-1.header-left .section-title span,
.pt-style-1.header-left .page-title,
.pt-style-1.header-left .section-title {
padding-left: 0;
}
.pt-style-1.header-right,
.pt-style-1.header-right .page-title span,
.pt-style-1.header-right .section-title span,
.pt-style-1.header-right .page-title,
.pt-style-1.header-right .section-title {
padding-right: 0;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-1.header-tablet-center .page-title,
.pt-style-1.header-tablet-center .section-title {
padding: 0 120px;
}
.pt-style-1.header-tablet-center .page-title span,
.pt-style-1.header-tablet-center .section-title span {
padding: 0 20px;
}
.pt-style-1.header-tablet-left .page-title,
.pt-style-1.header-tablet-left .section-title {
padding-left: 0;
padding-right: 120px;
}
.pt-style-1.header-tablet-left,
.pt-style-1.header-tablet-left .page-title span,
.pt-style-1.header-tablet-left .section-title span {
padding-left: 0;
padding-right: 20px;
}
.pt-style-1.header-tablet-right .page-title,
.pt-style-1.header-tablet-right .section-title {
padding-right: 0;
padding-left: 120px;
}
.pt-style-1.header-tablet-right,
.pt-style-1.header-tablet-right .page-title span,
.pt-style-1.header-tablet-right .section-title span {
padding-right: 0;
padding-left: 20px;
}
}
.pt-style-2 .page-title span::after,
.pt-style-2 .parallax-title span::after,
.pt-style-2 .section-title span::after {
content: "";
display: block;
background-color: #151515;
width: 30px;
height: 1px;
margin: 15px auto 0;
}
.light .pt-style-2 .page-title span::after,
.light .pt-style-2 .parallax-title span::after,
.light .pt-style-2 .section-title span::after {
background-color: #FFFFFF;
}
.pt-style-2.header-left .page-title span::after,
.pt-style-2.header-left .parallax-title span::after,
.pt-style-2.header-left .section-title span::after {
margin: 15px 0 0;
}
.pt-style-2.header-right .page-title span::after,
.pt-style-2.header-right .parallax-title span::after,
.pt-style-2.header-right .section-title span::after {
margin: 15px 0 0 auto;
}
@media (max-width: 767px) {
.pt-style-2.header-mobile-left .page-title span::after,
.pt-style-2.header-mobile-left .parallax-title span::after,
.pt-style-2.header-mobile-left .section-title span::after {
margin: 15px 0 0;
}
.pt-style-2.header-mobile-center .page-title span::after,
.pt-style-2.header-mobile-center .parallax-title span::after,
.pt-style-2.header-mobile-center .section-title span::after {
margin: 15px auto 0;
}
.pt-style-2.header-mobile-right .page-title span::after,
.pt-style-2.header-mobile-right .parallax-title span::after,
.pt-style-2.header-mobile-right .section-title span::after {
margin: 15px 0 0 auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-2.header-tablet-left .page-title span::after,
.pt-style-2.header-tablet-left .parallax-title span::after,
.pt-style-2.header-tablet-left .section-title span::after {
margin: 15px 0 0;
}
.pt-style-2.header-tablet-center .page-title span::after,
.pt-style-2.header-tablet-center .parallax-title span::after,
.pt-style-2.header-tablet-center .section-title span::after {
margin: 15px auto 0;
}
.pt-style-2.header-tablet-right .page-title span::after,
.pt-style-2.header-tablet-right .parallax-title span::after,
.pt-style-2.header-tablet-right .section-title span::after {
margin: 15px 0 0 auto;
}
}
.pt-style-3 .page-title,
.pt-style-3 .parallax-title,
.pt-style-3 .section-title {
margin-bottom: 25px;
margin-top: 3px;
}
.pt-style-3 .page-title span,
.pt-style-3 .parallax-title span,
.pt-style-3 .section-title span {
color: #FFFFFF;
padding: 0.2em 0.4em;
border: 3px solid #FFFFFF;
display: inline-block;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
}
.pt-style-4 .page-title span,
.pt-style-4 .parallax-title span,
.pt-style-4 .section-title span {
display: inline-block;
border: 6px solid #151515;
padding: 0.2em 0.4em;
}
.light .pt-style-4 .parallax-title span,
.light .pt-style-4 .section-title span {
display: inline-block;
border: 6px solid #FFFFFF;
padding: 0.2em 0.4em;
}
.pt-style-5 .page-title,
.pt-style-5 .parallax-title,
.pt-style-5 .section-title {
margin-bottom: 25px;
margin-top: 3px;
}
.pt-style-5 .page-title span,
.pt-style-5 .section-title span {
color: #FFFFFF;
padding: 0.2em 0.4em;
border: 3px solid #FFFFFF;
display: inline-block;
background: #151515;
-webkit-box-shadow: 0 0 0 3px #151515;
box-shadow: 0 0 0 3px #151515;
}
.pt-style-5 .parallax-title span {
color: #151515;
padding: 0.2em 0.4em;
border: 3px solid #151515;
display: inline-block;
background: #FFFFFF;
-webkit-box-shadow: 0 0 0 3px #FFFFFF;
box-shadow: 0 0 0 3px #FFFFFF;
}
.pt-style-6 .page-title span::after,
.pt-style-6 .parallax-title span::after,
.pt-style-6 .section-title span::after {
content: "";
display: block;
border-bottom: 1px dotted #151515;
width: 30px;
height: 1px;
margin: 15px auto 0;
}
.light .pt-style-6 .page-title span::after,
.light .pt-style-6 .parallax-title span::after,
.light .pt-style-6 .section-title span::after {
border-bottom: 1px dotted #FFFFFF;
}
.pt-style-6.header-left .page-title span::after,
.pt-style-6.header-left .parallax-title span::after,
.pt-style-6.header-left .section-title span::after {
margin: 15px 0 0;
}
.pt-style-6.header-right .page-title span::after,
.pt-style-6.header-right .parallax-title span::after,
.pt-style-6.header-right .section-title span::after {
margin: 15px 0 0 auto;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-6.header-tablet-left .page-title span::after,
.pt-style-6.header-tablet-left .parallax-title span::after,
.pt-style-6.header-tablet-left .section-title span::after {
margin: 15px 0 0;
}
.pt-style-6.header-tablet-center .page-title span::after,
.pt-style-6.header-tablet-center .parallax-title span::after,
.pt-style-6.header-tablet-center .section-title span::after {
margin: 15px auto 0;
}
.pt-style-6.header-tablet-right .page-title span::after,
.pt-style-6.header-tablet-right .parallax-title span::after,
.pt-style-6.header-tablet-right .section-title span::after {
margin: 15px 0 0 auto;
}
}
.page-title span span, .page-title .vcard {
padding: 0 !important;
}
.page-title .vcard a:hover {
color: #151515;
}
.ut-lead-has-icon {
position: relative;
}
.ut-lead-has-icon::before {
position: absolute;
top: 20%;
left: 0;
}
@media (max-width: 767px) {
.ut-lead-has-icon::before {
display: none !important;
}
.pt-style-1 .page-title.bklyn-divider-style-1 span::before,
.pt-style-1 .page-title.bklyn-divider-style-1 span::after,
.pt-style-1 .section-title.bklyn-divider-style-1 span::before,
.pt-style-1 .section-title.bklyn-divider-style-1 span::after {
display: none;
}
.pt-style-1 .page-title,
.pt-style-1 .section-title,
.pt-style-1 .page-title span,
.pt-style-1 .section-title span {
padding: 0;
}
}
.ut-lead-has-icon > p {
margin-left: 30px;
}
.lead, 
.taxonomy-description {
font-size: 1.125em;
line-height: 200%;
}
.lead ins {
background: none;
padding: 0;
} #ut-hero {
-webkit-transition: background-image 1s linear;
-o-transition: background-image 1s linear;
transition: background-image 1s linear;
}
.hero-title .wpb_content_element, 
.ut-split-hero .hero-title {
margin-bottom: 0;
}
.hero-title .wpb_content_element {
display: inline-block;
}
.home section:not(.ut-custom-hero) {
overflow: hidden;
}
.ut-custom-hero {
overflow: visible;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
z-index: 1;
}
.ut-offset-anchor {
width: 0px;
height: 0px;
display: block;
overflow: hidden;
visibility: hidden;
}
.ut-bklyn-onepage .ut-offset-anchor,
.ut-bklyn-multisite .ut-offset-anchor {
position: absolute;
top: 0;
left: 0;
}
.ut-bklyn-multisite .ut-scroll-up-waypoint {
position: absolute;
bottom: 0;
left: 0;
} .ut-hero-slider {
border: none !important;
height: 100%;
position: relative;
}
.hero.slider {
background: #FFFFFF;
z-index: 1;
}
.hero.slider .parallax-overlay {
z-index: 3;
}
.ut-hero-slider .flex-viewport {
width: 100%;
height: 100%;
}
.ut-hero-slider .slides {
height: 100%;
position: relative;
width: 100%;
}
.ut-hero-slider .slides li {
background-position: center center !important;
background-size: cover !important;
height: 100%;
position: relative;
}
.ut-hero-captions {
position: absolute !important;
width: 100%;
z-index: 10;
background: none;
border: none;
top: 0;
}
a.ut-flex-control {
display: block;
width: 40px;
height: 120px;
margin: 0;
position: absolute;
top: 50%;
z-index: 11;
margin-top: -60px;
overflow: hidden;
opacity: 1;
cursor: pointer;
color: #ffffff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
text-align: center;
}
a.ut-flex-control:before {
font-family: 'Brooklyn-Core';
font-size: 20px;
line-height: 120px;
display: inline-block;
content: '\e90a';
}
a.ut-flex-control.next:before {
content: '\e915';
}
a.ut-flex-control.prev {
left: 0;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
a.ut-flex-control.next {
right: 0;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
a.ut-flex-control.prev:hover {
background: rgba(255, 255, 255, 0.15);
color: #FFFFFF;
}
a.ut-flex-control.next:hover {
background: rgba(255, 255, 255, 0.15);
color: #FFFFFF;
}
.hero-title.extralight {
font-family: 'ralewayextralight', sans-serif;
}
.hero-title.light {
font-family: 'ralewaylight', sans-serif;
}
.hero-title.regular {
font-family: 'ralewayregular', sans-serif;
}
.hero-title.medium {
font-family: 'ralewaymedium', sans-serif;
}
.hero-title.semibold {
font-family: 'ralewaysemibold', sans-serif;
}
.hero-title.bold {
font-family: 'ralewaybold', sans-serif;
} .hero {
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.hero.ut-hero-fancy-slider {
z-index: 1;
}
.ut-page-has-no-content:not(.elementor-page) .hero {
min-height: auto;
}
#ut-sitebody.ut-page-has-no-content #primary,
#ut-sitebody.ut-page-has-no-content #secondary,
#ut-sitebody.ut-page-has-no-content .main-content-background,
#ut-sitebody.ut-page-has-no-content-with-contact-section #primary,
#ut-sitebody.ut-page-has-no-content-with-contact-section #secondary,
#ut-sitebody.ut-page-has-no-content-with-contact-section .main-content-background  {
padding: 0 !important;
}
.hero .grid-container {
height: 100%;
min-height: 100%;
position: relative;
}
.hero-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-holder.hero-holder-align-items-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hero-holder.hero-holder-align-items-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.hero-holder.hero-holder-align-items-top .hero-inner {
padding-top: 80px;
}
.ut-hero-header-off .hero-holder.hero-holder-align-items-top .hero-inner {
padding-top: 160px;
}
.hero-holder {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
opacity: 1;
}
.hero-inner {
position: relative;
width: 100%;
}
.ut-split-hero > .hero-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-split-hero.ut-hero-highlighted-with-form > .hero-inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.hero-inner .ut-hero-highlighted-header {
padding: 0 20px 0 10px;
width: 100%;
}
.hero-inner .ut-hero-highlighted-item {
padding: 0 10px 0 20px;
width: 100%;
}
.ut-hero-highlighted-item .ut-video {
margin: 0;
}
.ut-hero-form form {
color: #FFFFFF;
}
.ut-hero-form label {
color: #FFFFFF;
font-size: 12px;
line-height: 24px;
}
.ut-hero-form {
background: rgba(0,0,0,0.15);
padding: 40px;
}
.ut-hero-form.light input, 
.ut-hero-form.light textarea {
background: transparent;
padding: 10px 0;
border-width: 0 0 2px 0;
border-color: rgba(255,255,255,0.15);
-webkit-transition: border 0.40s ease-in-out;
-o-transition: border 0.40s ease-in-out;
transition: border 0.40s ease-in-out;
}
.ut-hero-form.light textarea {
vertical-align: top;
}
.ut-hero-form.light input:hover, 
.ut-hero-form.light textarea:hover {
border-width: 0 0 2px 0;
background: transparent;
border-color: rgba(255,255,255,0.30);
-webkit-box-shadow: none;
box-shadow: none;
}
.ut-hero-form.light input:focus, 
.ut-hero-form.light input:active, 
.ut-hero-form.light textarea:active, 
.ut-hero-form.light textarea:focus {
border-width: 0 0 2px 0;
background: transparent;
border-color: rgba(255,255,255,1);
-webkit-box-shadow: none;
box-shadow: none;
}
.ut-hero-form.light button, 
.ut-hero-form.light input[type="submit"], 
.ut-hero-form.light input[type="button"] {
padding: 8px 12px;
}
#ut-sitebody .span.wpcf7-not-valid-tip {
color: #151515 !important;
}
#ut-sitebody .light .span.wpcf7-not-valid-tip {
color: #FFFFFF !important;
}
.hero-inner p img {
margin-bottom: 0;
margin-top: 0;
}
.hero-inner.hero-bottom {
vertical-align: bottom;
}
.hero-inner p {
font-size: 20px;
line-height: 150%;
}
.ut-split-image {
margin: 0 auto;
}
.hdh, 
.hth, 
.hdb {
display: block;
margin: 0 auto;
width: 100%;
}
.hdh {
margin-bottom: 10px;
}
.hdb {
margin-top: 10px;
}
.hero-title {
margin: 0;
color: #FFFFFF;
display: inline-block;
font-size: 80px;
line-height: 125%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.ut-hero-highlighted-header .hero-title {
font-size: 60px;
}
.hero-description {
color: #FFFFFF;
font-size: 14px;
margin: 0 auto;
text-transform: uppercase;
display: inline-block;
}
.hero-description-bottom {
color: #FFFFFF;
display: inline-block;
font-size: 18px;
margin: 0 auto;
line-height: 200%;
}
.ut-hero-style-4 .hdh, 
.ut-hero-style-6 .hdh, 
.ut-hero-style-7 .hdh, 
.ut-hero-style-8 .hdh {
margin-bottom: 16px;
}
.ut-hero-style-4 .hdb, 
.ut-hero-style-6 .hdb, 
.ut-hero-style-7 .hdb, 
.ut-hero-style-8 .hdb {
margin-top: 20px;
}
.ut-hero-style-1 .hero-title {
background-attachment: scroll;
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider.png);
background-repeat: repeat-x;
background-position: top center;
padding-top: 14px;
}
.ut-hero-style-2 .hdh {
margin-bottom: 0;
}
.ut-hero-style-3 .hero-description {
border-bottom: 3px solid rgb(255, 255, 255);
border-bottom: 3px solid rgba(255, 255, 255, 0.15);
}
.ut-hero-style-3 .hero-description {
padding-bottom: 0;
}
.ut-hero-style-3 .hero-btn, 
.ut-hero-style-3 .hero-second-btn {
border: 1px solid rgb(255, 255, 255);
border: 1px solid rgba(255, 255, 255, 0.15);
}
.ut-hero-style-4 .hero-title {
background: #FFFFFF;
padding: 8px 12px;
color: #151515;
border: 6px solid #151515;
-webkit-box-shadow: 0 0 0 6px #FFFFFF;
box-shadow: 0 0 0 6px #FFFFFF;
}
.ut-hero-style-4 .hero-btn {
background: #FFFFFF;
color: #151515;
}
.ut-hero-style-5 .hero-description {
border-bottom: 3px solid;
}
.ut-hero-style-5 .hero-btn, 
.ut-hero-style-5 .hero-second-btn {
border-color: #FFFFFF;
}
.ut-hero-style-6 .hero-title {
padding: 0.2em;
border: 4px solid rgb(255, 255, 255);
border: 4px solid rgba(255, 255, 255, 0.15);
}
.ut-hero-style-6 .hero-btn, 
.ut-hero-style-6 .hero-second-btn {
border: 2px solid rgb(255, 255, 255);
border: 2px solid rgba(255, 255, 255, 0.15);
}
.ut-hero-style-7 .hero-title {
padding: 0.1em 0.2em;
border: 6px solid rgb(255, 255, 255);
}
.ut-hero-style-7 .hero-btn, 
.ut-hero-style-7 .hero-second-btn {
border: 3px solid rgb(255, 255, 255);
border: 3px solid rgba(255, 255, 255, 1);
}
.ut-hero-style-8 .hero-title {
border-top: 4px solid rgb(255, 255, 255);
border-bottom: 4px solid rgb(255, 255, 255);
padding: 0.2em 0;
}
.ut-hero-style-8 .hero-btn, 
.ut-hero-style-8 .hero-second-btn {
border: 2px solid rgb(255, 255, 255);
border: 2px solid rgba(255, 255, 255, 1);
}
.ut-hero-style-9 .hero-title {
border-right: 4px solid rgb(255, 255, 255);
border-left: 4px solid rgb(255, 255, 255);
padding: 0 0.2em;
}
.ut-hero-style-9 .hero-btn, 
.ut-hero-style-9 .hero-second-btn {
border: 2px solid rgb(255, 255, 255);
border: 2px solid rgba(255, 255, 255, 1);
}
.ut-hero-style-10 .hero-title {
border-right: 4px dashed rgb(255, 255, 255);
border-left: 4px dashed rgb(255, 255, 255);
padding: 0 0.2em;
}
.ut-hero-style-10 .hero-btn, 
.ut-hero-style-10 .hero-second-btn {
border: 2px solid rgb(255, 255, 255);
border: 2px solid rgba(255, 255, 255, 1);
}
.hero-down-arrow {
bottom: 10px;
font-size: 16px;
position: absolute;
left: 50%;
z-index: 1000;
}
.hero-down-arrow {
color: #FFFFFF;
}
.hero-down-arrow a:hover,
.hero-down-arrow a:active {
color: #FFFFFF;
}
.hero-btn-holder {
display: block;
margin-top: 20px;
}
.hero-btn, 
.hero-second-btn {
background: transparent;
color: #FFFFFF;
font-weight: 500;
border: 1px solid rgb(255, 255, 255);
border: 1px solid rgba(255, 255, 255,1);
padding: 1em 2.5em;
font-size: 12px;
line-height: 24px;
cursor: pointer;
text-align: center;
display: inline-block;
text-decoration: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-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); will-change: transform;
}
.hero-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) ;
}
.hero-btn-icon-before {
padding-right: 10px;
}
.hero-btn-icon-after {
padding-left: 10px;
}
.hero-second-btn {
margin-left: 16px;
}
.hero-btn:hover, 
.hero-second-btn:hover,
.hero-btn:active, 
.hero-second-btn:active {
color: #FFFFFF;
background: rgba(255, 255, 255, 0.05);
} #ut-hero.ut-hero-custom .grid-container {
max-width: 100%;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-left {
padding-left: 20px;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-right {
padding-right: 20px;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-left.ut-hero-bottom, 
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-right.ut-hero-bottom {
padding-bottom: 40px;
vertical-align: bottom;
} .ut-hero-video .ut-video {
margin-bottom: 0;
}
.ut-hero-video-boxed {
background: transparent;
margin: 0;
border: 1px solid;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}
.ut-hero-video-boxed.ut-hero-video-dark {
border-color: #000000 !important;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}
.ut-hero-video-boxed.ut-hero-video-light {
background: rgba(255,255,255,0.05);
border-color: rgb(255,255,255);
border-color: rgba(255,255,255,1)
}
.ut-hero-style-1 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-1 .ut-hero-video-boxed.ut-hero-video-light {
background: transparent;
border: none;
padding: 20px 0 0 0;
background-attachment: scroll;
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider.png);
background-repeat: repeat-x;
background-position: top center;
}
.ut-hero-style-2 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-2 .ut-hero-video-boxed.ut-hero-video-light {
background: transparent;
border: none;
padding: 0;
}
.ut-hero-style-3 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-3 .ut-hero-video-boxed.ut-hero-video-light {
border-color: rgb(255,255,255);
border-color: rgba(255,255,255,0.15);
border-width: 2px;
padding: 0;
}
.ut-hero-style-4 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-4 .ut-hero-video-boxed.ut-hero-video-light {
padding: 0;
background: 0;
border-width: 4px;
}
.ut-hero-style-5 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-5 .ut-hero-video-boxed.ut-hero-video-light {
padding: 0;
background: transparent;
border-width: 3px 0 0;
}
.ut-hero-style-6 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-6 .ut-hero-video-boxed.ut-hero-video-light {
border-width: 4px;
border-color: rgb(255,255,255);
border-color: rgba(255,255,255,0.15);
padding: 0;
}
.ut-hero-style-7 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-7 .ut-hero-video-boxed.ut-hero-video-light {
padding: 0;
border: 6px solid rgb(255,255,255);
border: 6px solid rgba(255,255,255,1);
}
.ut-hero-style-8 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-8 .ut-hero-video-boxed.ut-hero-video-light {
border-color: rgb(255,255,255);
border-color: rgba(255,255,255,1);
border-width: 4px 0 4px 0;
padding-left: 0;
padding-right: 0;
background: transparent;
}
.ut-hero-style-9 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-9 .ut-hero-video-boxed.ut-hero-video-light {
border-width: 0 4px;
border-color: #FFFFFF;
padding: 0;
background: transparent;
}
.ut-hero-style-10 .ut-hero-video-boxed.ut-hero-video-dark, 
.ut-hero-style-10 .ut-hero-video-boxed.ut-hero-video-light {
border-color: #FFFFFF;
border-style: dashed;
border-width: 4px 0 0 0;
padding: 0;
background: transparent;
}
.ut-hero-style-1 .ut-hero-video-boxed.ut-hero-video-themecolor {
background: transparent;
border: none;
padding: 20px 0 0 0;
background-attachment: scroll;
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/divider.png);
background-repeat: repeat-x;
background-position: top center;
}
.ut-hero-style-2 .ut-hero-video-boxed.ut-hero-video-themecolor {
background: transparent;
border: none;
padding: 0;
}
.ut-hero-style-3 .ut-hero-video-boxed.ut-hero-video-themecolor {
border-width: 2px;
padding: 0;
}
.ut-hero-style-4 .ut-hero-video-boxed.ut-hero-video-themecolor {
padding: 0;
background: 0;
border-width: 4px;
}
.ut-hero-style-5 .ut-hero-video-boxed.ut-hero-video-themecolor {
padding: 0;
background: transparent;
border-width: 3px 0 0;
}
.ut-hero-style-6 .ut-hero-video-boxed.ut-hero-video-themecolor {
border-width: 4px;
padding: 0;
}
.ut-hero-style-7 .ut-hero-video-boxed.ut-hero-video-themecolor {
padding: 0;
border-width: 6px;
}
.ut-hero-style-8 .ut-hero-video-boxed.ut-hero-video-themecolor {
border-width: 4px 0 4px 0;
padding-left: 0;
padding-right: 0;
background: transparent;
}
.ut-hero-style-9 .ut-hero-video-boxed.ut-hero-video-themecolor {
border-width: 0 4px;
padding: 0;
background: transparent;
}
.ut-hero-style-10 .ut-hero-video-boxed.ut-hero-video-themecolor {
border-style: dashed;
border-width: 4px 0 0 0;
padding: 0;
background: transparent;
} .ut-tablet-holder {
height: 100%;
width: 100%;
display: table;
}
.ut-tablet-inner {
display: table-cell;
position: relative;
vertical-align: bottom;
width: 100%;
text-align: left;
color: #FFFFFF;
}
.ut-tablet-title {
color: #FFFFFF;
margin-bottom: 30px;
}
.ut-right-tablet-button {
margin-right: 0;
}
ul.ut-tablet-nav {
margin: 0 0 40px 0;
padding: 0;
}
ul.ut-tablet-nav a {
color: #FFFFFF;
}
ul.ut-tablet-nav li {
position: relative;
padding: 0 0 0 15px;
margin: 0;
}
ul.ut-tablet-nav li:before {
content: "\f096";
font-family: "FontAwesome";
font-size: 12px;
top: 0;
left: 0;
position: absolute;
}
ul.ut-tablet-nav li.selected:before {
content: "\f046";
font-family: "FontAwesome";
font-size: 12px;
top: 0;
left: 0;
position: absolute;
}
.ut-tablet-headline {
}
ul.ut-tablet {
margin: 0;
padding: 0;
padding-top: 11.5%;
padding-right: 10.1%;
padding-left: 10.1%;
overflow: hidden;
border-top-left-radius: 5%;
border-top-right-radius: 5%;
}
ul.ut-tablet.white {
background: url(//idegraph.com/wp-content/themes/brooklyn/images/pad_white.png);
background-size: cover;
}
ul.ut-tablet.black {
background: url(//idegraph.com/wp-content/themes/brooklyn/images/pad_black.png);
background-size: cover;
}
ul.ut-tablet.shadow {
-webkit-box-shadow: 20px 0px 80px 0px rgba(0, 0, 0, 0.8);
box-shadow: 20px 0px 80px 0px rgba(0, 0, 0, 0.8);
}
ul.ut-tablet li {
display: none;
position: relative;
padding: 2px 2px 0;
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
ul.ut-tablet li img {
width: 100%;
margin: 0;
padding: 0;
}
ul.ut-tablet li.show {
display: block;
}
.ut-tablet-single-title {
color: #FFFFFF;
}
.ut-tablet-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.9);
opacity: 0;
-webkit-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
text-align: center;
color: #FFFFFF !important;
overflow: hidden;
}
.ut-tablet .show:hover .ut-tablet-overlay {
opacity: 1;
}
.ut-tablet-overlay-content-wrap {
width: 100%;
height: 100%;
display: table;
}
.ut-tablet-overlay-content {
height: 100%;
display: table-cell;
vertical-align: middle;
}
.ut-tablet-overlay .ut-btn {
font-weight: bold;
} @-webkit-keyframes fade-out {
33% {
opacity: 1;
}
66% {
opacity: 0;
}
}
@keyframes fade-out {
33% {
opacity: 1;
}
66% {
opacity: 0;
}
}
ul.ut-image-fader {
margin: 0;
list-style: none;
padding: 0;
}
ul.ut-image-fader li {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
z-index: 0;
}
.ut-no-js ul.ut-image-fader li {
-webkit-animation: fade-out 12s infinite both;
animation: fade-out 12s infinite both;
}
.ut-hero-image-animated ul.ut-image-fader li {
-webkit-animation: fade-out 12s infinite both;
animation: fade-out 12s infinite both;
} .ut-simple-video-container {
position: absolute;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.ut-simple-video-container video {
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ut-hero-video-position {
top: 0 !important;
position: relative !important;
height: 100%;
width: 100%;
min-width: 100%;
min-height: 100%;
}
#ut-video-hero::-webkit-media-controls {
display: none !important;
} .ut-video-container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
left: 0;
}
.ut-video-container.ut-video-background-fit video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ut-video-container.ut-video-object-fit video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .ut-hero-meta-description-holder {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
line-height: 150%;
}
.ut-hero-meta-description-holder a {
color: #FFFFFF;
}
.ut-hero-meta-description-holder a:hover, 
.ut-hero-meta-description-holder a:active {
color:rgba(255,255,255,0.5);
}
.ut-hero-meta-description-holder div {
display: inline;
}
.ut-hero-meta-description-holder div:not(:last-child)::after {
content: '|';
color: #FFFFFF;
padding: 0 15px;
}
.ut-hero-meta-category {
}
.ut-hero-meta-author ul {
display: inline;
margin: 0;
list-style: none;
}
.ut-hero-meta-author ul li {
display: inline-block;
vertical-align: middle;
}
.ut-hero-meta-author .ut-entry-avatar-image {
height: 40px;
margin-right: 15px;
width: 40px;
}
.ut-hero-meta-author .ut-entry-avatar-image img, 
.ut-archive-hero-avatar img {
border: 2px solid #ffbf00;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.ut-archive-hero-avatar {
display: block;
height: 80px;
width: 80px;
margin: 0 auto 20px;
text-align: center;
} .ut-horizontal-navigation {
font-family: 'ralewaymedium', sans-serif;
float: right;
}
.ut-horizontal-navigation.ut-navigation-centered {
float: none;
}
.ut-horizontal-navigation ul  {
position: relative;
float: right;
}
.ut-horizontal-navigation ul li {
position: relative;
display: block;
float: left;
z-index: 2;
}
.ut-horizontal-navigation a {
white-space: nowrap;
text-transform: uppercase;
font-size: 12px;
position: relative;
text-decoration: none;
display: block;
}
.ut-header-extra-module-custom-fields .ut-horizontal-navigation a.ut-main-navigation-link {
display: inline-block;
}
.ut-horizontal-navigation a.bklyn-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.ut-main-navigation-link {
padding-left: 15px;
padding-right: 15px;
}
.ut-main-navigation-link .ut-wpml-language-switch-flag {
vertical-align: middle;
margin-right: 10px;
}
#header-section[data-style='style-6'] #navigation.ut-horizontal-navigation ul li:last-child .ut-main-navigation-link,
#header-section[data-style='default'] #navigation.ut-horizontal-navigation ul li:last-child .ut-main-navigation-link{
padding-right: 0;
}
#header-section[data-style='style-6'] #navigation.ut-navigation-style-animation-line-middle ul li:last-child .ut-main-navigation-link,
#header-section[data-style='default'] #navigation.ut-navigation-style-animation-line-middle ul li:last-child .ut-main-navigation-link {
margin-right: 0;
}
#header-section[data-style='style-9'] #navigation.ut-horizontal-navigation ul li:first-child .ut-main-navigation-link,
#header-section[data-style='style-5'] #navigation.ut-horizontal-navigation ul li:first-child .ut-main-navigation-link,
#header-section[data-style='style-1'] #navigation.ut-horizontal-navigation ul li:first-child .ut-main-navigation-link {
padding-left: 0;
}
#header-section[data-style='style-9'] #navigation.ut-navigation-style-animation-line-middle ul li:first-child .ut-main-navigation-link,
#header-section[data-style='style-5'] #navigation.ut-navigation-style-animation-line-middle ul li:first-child .ut-main-navigation-link,
#header-section[data-style='style-1'] #navigation.ut-navigation-style-animation-line-middle ul li:first-child .ut-main-navigation-link {
margin-left: 0;
}
.ut-horizontal-navigation.ut-navigation-style-separator ul li a::after {
content: "\2022";
position: absolute;
top: 0;
color: #151515;
left: -4px;
}
.ut-horizontal-navigation.ut-navigation-style-separator ul li:first-child a::after {
display: none;
}
.ut-navigation-with-description-above .ut-main-navigation-link span {
position: relative;
}
.ut-navigation-with-description-above .ut-has-description .ut-main-navigation-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 80px;
}
.ut-navigation-with-description-above .ut-has-description .ut-main-navigation-link span {
line-height: 1;
display: block;
}
.ut-navigation-with-description-above .ut-has-description .ut-main-navigation-link span::before {
content: attr(data-description);
line-height: initial;
font-size: .9em;
display: block;
text-align: right;
margin-bottom: 2px;
}  #header-section .site-logo .logo,
#header-section .site-logo .logo a,
#header-section .site-logo .logo a:hover,
#header-section .site-logo .logo a:active {
color: #151515;
}
#header-section.ut-header-dark .site-logo .logo,
#header-section.ut-header-dark .site-logo .logo a,
#header-section.ut-header-dark .site-logo .logo a:hover, 
#header-section.ut-header-dark .site-logo .logo a:active {
color: #FFFFFF;
}
#header-section.ha-transparent .site-logo .logo, 
#header-section.ha-transparent .site-logo .logo a, 
#header-section.ha-transparent .site-logo .logo a:hover, 
#header-section.ha-transparent .site-logo .logo a:active {
color: #FFFFFF;
} #header-section,
.ut-placeholder-light {
background: #FFFFFF;
}
#header-section.ut-header-dark,
.ut-placeholder-dark {
background: #131416;
}
#header-section.ha-transparent {
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#header-section.ha-transparent:hover {
background: rgb(19,20,22);
background: rgba(19,20,22,0.25);
}
#header-section {
border-bottom: 1px solid #DDDDDD;
}
#header-section.ut-header-dark,
#header-section.ut-primary-custom-skin,
#header-section.ut-secondary-custom-skin,
#header-section.ut-primary-custom-skin:hover {
border-bottom-color: transparent;
}
#header-section.ha-transparent {
border-color: rgb(255,255,255);
border-color: rgba(255,255,255,0.1);
}
#header-section .ut-top-header-sub-menu ul,
#header-section .ut-horizontal-navigation .sub-menu,
#header-section .ut-megamenu {
background: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #DDDDDD;
}
#header-section.ut-header-dark .ut-top-header-sub-menu ul,
#header-section.ut-header-dark .ut-horizontal-navigation .sub-menu,
#header-section.ut-header-dark .ut-megamenu {
background: #131416;
border-width: 2px 0 0 0;
border-style: solid;
border-color: #FFFFFF;
}
#header-section.ha-transparent .ut-top-header-sub-menu ul,
#header-section.ha-transparent .ut-horizontal-navigation .sub-menu,
#header-section.ha-transparent .ut-megamenu {
background: rgb(19,20,22);
background: rgba(19,20,22,0.50);
} #header-section .ut-header-extra-module .sub-menu,
#header-section .ut-top-header-sub-menu ul,
#header-section .ut-navigation-with-animation .sub-menu,
#header-section .ut-navigation-with-animation .ut-megamenu {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
} .ut-header-extra-module .ut-horizontal-navigation ul li.ut-menu-item-lvl-0 > ul.sub-menu {
top: 150%;
}
.ut-header-extra-module .ut-horizontal-navigation ul li.ut-menu-item-lvl-0:hover > ul.sub-menu {
top: 100%;
} .ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-is-megamenu > .ut-megamenu,
.ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-menu-item-lvl-0 > ul.sub-menu {
top: 150%;
}
.ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-is-megamenu:hover > .ut-megamenu,
.ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-menu-item-lvl-0:hover > ul.sub-menu {
top: 100%;
}
.ut-horizontal-navigation.ut-navigation-with-animation ul.sub-menu li.menu-item-has-children > ul.sub-menu {
left: 150%;
width: 100%;
}
.ut-horizontal-navigation.ut-navigation-with-animation ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
left: 100%;
} #header-section,
#header-section .ut-deactivated-link,
#header-section .ut-deactivated-link:hover, 
#header-section .ut-deactivated-link:active {
color: #151515;
}
#header-section.ut-header-dark,
#header-section.ut-header-dark .ut-deactivated-link,
#header-section.ut-header-dark .ut-deactivated-link:hover
#header-section.ut-header-dark .ut-deactivated-link:active {
color: rgb(255,255,255);
color: rgba(255,255,255,0.5);
}
#header-section.ha-transparent,
#header-section.ha-transparent .ut-deactivated-link,
#header-section.ha-transparent .ut-deactivated-link:hover,
#header-section.ha-transparent .ut-deactivated-link:active {
color: rgb(255,255,255);
color: rgba(255,255,255,0.7);
}
#header-section a {
color: #151515;
}
#header-section.ut-header-dark a {
color: rgb(255,255,255);
color: rgba(255,255,255,0.5);
}
#header-section.ha-transparent a {
color: rgb(255,255,255);
color: rgba(255,255,255,0.7);
}
#header-section.ut-navigation-style-on.ut-header-light #navigation .ut-main-navigation-link:hover,
#header-section.ut-navigation-style-on.ut-header-light #navigation .ut-main-navigation-link:active,
#header-section.ut-navigation-style-on.ut-header-light #navigation .ut-main-navigation-link.selected,
#header-section.ut-navigation-style-on.ut-header-light #navigation .ut-main-navigation-link.selected:hover,
#header-section.ut-navigation-style-on.ut-header-light #navigation .ut-main-navigation-link.selected:active,
#header-section.ut-navigation-style-on.ut-header-light #navigation li.sfHover > .ut-main-navigation-link,
#header-section.ut-navigation-style-on.ut-header-light #navigation li.current_page_item:not(.menu-item-object-custom) > .ut-main-navigation-link, 
#header-section.ut-navigation-style-on.ut-header-light #navigation li.current-menu-item:not(.menu-item-object-custom) > .ut-main-navigation-link, 
#header-section.ut-navigation-style-on.ut-header-light #navigation li.current_page_ancestor > .ut-main-navigation-link, 
#header-section.ut-navigation-style-on.ut-header-light #navigation li.current-menu-ancestor > .ut-main-navigation-link,
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary .ut-main-navigation-link:hover,
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary .ut-main-navigation-link:active,
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary .ut-main-navigation-link.selected,
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary .ut-main-navigation-link.selected:hover,
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary .ut-main-navigation-link.selected:active,
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary li.sfHover > .ut-main-navigation-link,
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary li.current_page_item:not(.menu-item-object-custom) > .ut-main-navigation-link, 
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary li.current-menu-item:not(.menu-item-object-custom) > .ut-main-navigation-link, 
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary li.current_page_ancestor > .ut-main-navigation-link, 
#header-section.ut-navigation-style-on.ut-header-light #navigation-secondary li.current-menu-ancestor > .ut-main-navigation-link,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-dropdown-menu .ut-main-navigation-link:hover,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-dropdown-menu .ut-main-navigation-link:active,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-dropdown-menu .ut-main-navigation-link.selected,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-dropdown-menu .ut-main-navigation-link.selected:hover,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-dropdown-menu .ut-main-navigation-link.selected:active,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-dropdown-menu li.sfHover > .ut-main-navigation-link,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-custom-fields .ut-main-navigation-link:hover,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-custom-fields .ut-main-navigation-link:active,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-custom-fields .ut-main-navigation-link.selected,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-custom-fields .ut-main-navigation-link.selected:hover,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-custom-fields .ut-main-navigation-link.selected:active,
#header-section.ut-navigation-style-on.ut-header-light .ut-header-extra-module-custom-fields li.sfHover > .ut-main-navigation-link {
color: #151515;
} #header-section.ut-header-light .ut-navigation-with-link-animation-type-border .sub-menu li.sfHover > a {
color: #151515;
}
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .sub-menu li.current_page_item > a, 
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .sub-menu li.current-menu-item > a, 
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .sub-menu li.current_page_ancestor > a, 
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .sub-menu li.current-menu-ancestor > a,
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .ut-navigation-column-list li.current_page_item > a, 
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .ut-navigation-column-list li.current-menu-item > a, 
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .ut-navigation-column-list li.current_page_ancestor > a, 
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .ut-navigation-column-list li.current-menu-ancestor > a,
#header-section.ut-header-light #navigation.ut-navigation-with-link-animation-type-border .sub-menu li > a:hover,
#header-section.ut-header-light #navigation-secondary.ut-navigation-with-link-animation-type-border .sub-menu li > a:hover,
#header-section.ut-header-light .ut-header-extra-module-dropdown-menu .ut-navigation-with-link-animation-type-border .sub-menu li > a:hover,
#header-section.ut-header-light .ut-navigation-with-link-animation-type-border .ut-navigation-column-list li > a:hover {
color: #151515;
}
#header-section.ut-header-dark a:hover,
#header-section.ut-header-dark a:active,
#header-section.ut-header-dark li.sfHover > .ut-main-navigation-link,
#header-section.ut-header-dark .ut-top-header-has-submenu:hover .ut-header-cart,
#header-section.ut-header-dark .ut-top-header-has-submenu:hover .ut-top-header-main-link,
#header-section.ut-header-dark .sub-menu li.sfHover > a {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
}
#header-section.ha-transparent a:hover,
#header-section.ha-transparent a:active,
#header-section.ha-transparent li.sfHover > .ut-main-navigation-link,
#header-section.ha-transparent .ut-top-header-has-submenu:hover .ut-header-cart,
#header-section.ha-transparent .ut-top-header-has-submenu:hover .ut-top-header-main-link,
#header-section.ha-transparent .sub-menu li.sfHover > a {
color: rgb(255,255,255);
color: rgba(255,255,255,1); 
}
#header-section .ut-navigation-style-separator ul li a::after {
color: #151515;
}
#header-section.ut-header-dark .ut-navigation-style-separator ul li a::after {
color: rgb(255,255,255);
color: rgba(255,255,255,0.5);
}
#header-section.ha-transparent .ut-navigation-style-separator ul li a::after {
color: rgb(255,255,255);
color: rgba(255,255,255,0.7);
}
#header-section.ut-header-dark .selected,
#header-section.ut-header-dark .selected:hover,
#header-section.ut-header-dark .selected:active {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
}
#header-section.ha-transparent .selected,
#header-section.ha-transparent .selected:hover,
#header-section.ha-transparent .selected:active {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
}
#header-section.ut-header-dark li.current_page_item:not(.menu-item-object-custom) > a, 
#header-section.ut-header-dark li.current-menu-item:not(.menu-item-object-custom) > a, 
#header-section.ut-header-dark li.current_page_ancestor > a, 
#header-section.ut-header-dark li.current-menu-ancestor > a,
#header-section.ut-header-dark .sub-menu li.current_page_item > a, 
#header-section.ut-header-dark .sub-menu li.current-menu-item > a, 
#header-section.ut-header-dark .sub-menu li.current_page_ancestor > a, 
#header-section.ut-header-dark .sub-menu li.current-menu-ancestor > a,
#header-section.ut-header-dark .ut-navigation-column-list li.current_page_item > a, 
#header-section.ut-header-dark .ut-navigation-column-list li.current-menu-item > a, 
#header-section.ut-header-dark .ut-navigation-column-list li.current_page_ancestor > a, 
#header-section.ut-header-dark .ut-navigation-column-list li.current-menu-ancestor > a,
#header-section.ut-header-dark .ut-top-header-sub-menu ul li.current_page_item > a, 
#header-section.ut-header-dark .ut-top-header-sub-menu ul li.current-menu-item > a, 
#header-section.ut-header-dark .ut-top-header-sub-menu ul li.current_page_ancestor > a, 
#header-section.ut-header-dark .ut-top-header-sub-menu ul li.current-menu-ancestor > a {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
}
#header-section.ha-transparent li.current_page_item:not(.menu-item-object-custom) > a, 
#header-section.ha-transparent li.current-menu-item:not(.menu-item-object-custom) > a, 
#header-section.ha-transparent li.current_page_ancestor > a, 
#header-section.ha-transparent li.current-menu-ancestor > a,
#header-section.ha-transparent .sub-menu li.current_page_item > a, 
#header-section.ha-transparent .sub-menu li.current-menu-item > a, 
#header-section.ha-transparent .sub-menu li.current_page_ancestor > a, 
#header-section.ha-transparent .sub-menu li.current-menu-ancestor > a,
#header-section.ha-transparent .ut-navigation-column-list li.current_page_item > a, 
#header-section.ha-transparent .ut-navigation-column-list li.current-menu-item > a, 
#header-section.ha-transparent .ut-navigation-column-list li.current_page_ancestor > a, 
#header-section.ha-transparent .ut-navigation-column-list li.current-menu-ancestor > a,
#header-section.ha-transparent .ut-top-header-sub-menu ul li.current_page_item > a, 
#header-section.ha-transparent .ut-top-header-sub-menu ul li.current-menu-item > a, 
#header-section.ha-transparent .ut-top-header-sub-menu ul li.current_page_ancestor > a, 
#header-section.ha-transparent .ut-top-header-sub-menu ul li.current-menu-ancestor > a {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
}
#header-section .ut-navigation-column-list > li.menu-item-object-megamenu-image:last-child:first-child {
margin-top: 0;
}
#header-section .ut-navigation-column-list > li.menu-item-object-megamenu-image:last-child {
margin-top: 20px;
} #header-section .ut-megamenu .ut-nav-header h3 {
color: #151515;
}
#header-section.ut-header-dark .ut-megamenu .ut-nav-header h3 {
color: rgb(255,255,255);
color: rgba(255,255,255,0.5);
}
#header-section.ut-header-dark .ut-megamenu .current-menu-parent .ut-nav-header h3,
#header-section.ut-header-dark .ut-megamenu .ut-navigation-column-list:hover .ut-nav-header h3 {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
}
#header-section.ha-transparent .ut-megamenu .ut-nav-header h3 {
color: rgb(255,255,255);
color: rgba(255,255,255,0.7);
}
#header-section.ha-transparent .ut-megamenu .current-menu-parent .ut-nav-header h3,
#header-section.ha-transparent .ut-megamenu .ut-navigation-column-list:hover .ut-nav-header h3 {
color: rgb(255,255,255);
color: rgba(255,255,255,1);
} #header-section .ut-header-mini-cart .ut-header-mini-cart-item,
#header-section #ut-top-header .ut-header-mini-cart .ut-header-mini-cart-item,
#header-section #header-section-area-separator .ut-header-area-separator,
#header-section #ut-top-header .ut-top-header-border-separator,
#header-section #ut-top-header,
#header-section[data-separator="on"][data-style="style-9"] #header-section-lower-area, 
#header-section[data-separator="on"][data-style="style-5"] #header-section-lower-area,
#header-section[data-separator="on"]:not([data-style="style-9"]):not([data-style="style-5"]) #header-section-upper-area  {
border-color: #DDDDDD;
}
#header-section .ut-megamenu .ut-megamenu-grid-col:not(:first-child) {
border-left: 1px solid #DDDDDD;
}
#header-section .ut-header-area-separator {
border-bottom: 1px solid #DDDDDD;
} #header-section .ut-header-dark .ut-header-area-separator {
border-bottom: 1px solid rgba(255,255,255,0.5);
}
#header-section.ut-header-dark .ut-header-mini-cart .ut-header-mini-cart-item,
#header-section.ut-header-dark #ut-top-header .ut-header-mini-cart .ut-header-mini-cart-item,
#header-section.ut-header-dark #header-section-area-separator .ut-header-area-separator,
#header-section.ut-header-dark #ut-top-header .ut-top-header-border-separator,
#header-section.ut-header-dark #ut-top-header,
#header-section.ut-header-dark[data-separator="on"][data-style="style-9"] #header-section-lower-area, 
#header-section.ut-header-dark[data-separator="on"][data-style="style-5"] #header-section-lower-area,
#header-section.ut-header-dark[data-separator="on"]:not([data-style="style-9"]):not([data-style="style-5"]) #header-section-upper-area {
border-color: rgba(255,255,255,0.1);
}
#header-section.ut-header-dark .ut-megamenu .ut-megamenu-grid-col:not(:first-child) {
border-left: 1px solid rgba(255,255,255,0.1);
} #header-section.ha-transparent .ut-horizontal-navigation .ut-megamenu {
border: 1px solid rgba(255,255,255,0.1);
}
#header-section.ha-transparent .bklyn-btn:hover,
#header-section.ha-transparent .bklyn-btn:active {
background: #FFFFFF;
color: #151515;
}
#header-section.ha-transparent .ut-top-header-sub-menu ul,
#header-section.ha-transparent .ut-horizontal-navigation ul.sub-menu {
border: 1px solid rgba(255,255,255,0.1);
}
#header-section.ha-transparent .ut-header-mini-cart .ut-header-mini-cart-item,
#header-section.ha-transparent #ut-top-header .ut-header-mini-cart .ut-header-mini-cart-item,
#header-section.ha-transparent #header-section-area-separator .ut-header-area-separator,
#header-section.ha-transparent #ut-top-header .ut-top-header-border-separator,
#header-section.ha-transparent #ut-top-header,
#header-section.ha-transparent[data-separator="on"][data-style="style-9"] #header-section-lower-area, 
#header-section.ha-transparent[data-separator="on"][data-style="style-5"] #header-section-lower-area,
#header-section.ha-transparent[data-separator="on"]:not([data-style="style-9"]):not([data-style="style-5"]) #header-section-upper-area {
border-color: rgba(255,255,255,0.1);
}
#header-section.ha-transparent .ut-megamenu .ut-megamenu-grid-col:not(:first-child) {
border-left: 1px solid rgba(255,255,255,0.1);
} .ha-transparent .ut-header-cart-mobile .ut-header-cart:hover i,
.ut-header-dark .ut-header-cart-mobile .ut-header-cart:hover i,
.ha-transparent .ut-header-cart-mobile .ut-header-cart:active i,
.ut-header-dark .ut-header-cart-mobile .ut-header-cart:active i,
.ha-transparent .ut-header-cart-mobile .ut-header-cart,
.ut-header-dark .ut-header-cart-mobile .ut-header-cart,
.ha-transparent .ut-header-cart-mobile .ut-header-cart:hover,
.ut-header-dark .ut-header-cart-mobile .ut-header-cart:hover,
.ha-transparent .ut-header-cart-mobile .ut-header-cart:active,
.ut-header-dark .ut-header-cart-mobile .ut-header-cart:active {
color: #FFFFFF;
}
.ut-header-light .ut-header-cart-mobile .ut-header-cart:hover i,
.ut-header-light .ut-header-cart-mobile .ut-header-cart:active i,
.ut-header-light .ut-header-cart-mobile .ut-header-cart,
.ut-header-light .ut-header-cart-mobile .ut-header-cart:hover,
.ut-header-light .ut-header-cart-mobile .ut-header-cart:active {
color: #151515;
} .ut-header-extra-module-company-social .ut-navigation-style-separator ul li a::after,
.ut-navigation-style-separator .ut-header-extra-module-custom-fields li a::after,
.ut-navigation-style-separator .ut-header-extra-module-toolbar li a::after {
display: none;
}
.ut-header-extra-module li .ut-main-navigation-link {
padding: 0 !important;
margin: 0 10px !important;
}
.ut-header-extra-module.ut-header-extra-module-toolbar li .ut-main-navigation-link {
padding: 0 !important;
margin: 0 15px !important;
}
.ut-header-extra-module li:first-child .ut-main-navigation-link {
padding: 0 !important;
margin-left: 0 !important;
}
.ut-header-extra-module li:last-child .ut-main-navigation-link {
padding: 0 !important;
margin-right: 0 !important;
}
.ut-navigation-style-animation-line ul li .ut-main-navigation-link,
.ut-navigation-style-animation-line-middle ul li .ut-main-navigation-link {
padding: 0;
margin-left: 15px;
margin-right: 15px;
}
.ut-navigation-style-animation-line ul li .ut-main-navigation-link::after {
position: absolute;
content: '';
height: 2px;
width: 0;
left: 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); -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); }
.ut-header-extra-module-company-social .ut-navigation-style-animation-line li .ut-main-navigation-link::after,
.ut-navigation-style-animation-line .ut-header-extra-module-toolbar li .ut-main-navigation-link:not(.ut-wpml-language-switch-active)::after {
display: none;
}
.ut-navigation-style-animation-line.ut-navigation-style-animation-line-top ul li .ut-main-navigation-link::after {
top: 0;
}
.ut-navigation-style-animation-line.ut-navigation-style-animation-line-bottom ul li .ut-main-navigation-link::after {
bottom: 0;
}
.ut-navigation-style-animation-line-middle ul li .ut-main-navigation-link > span {
position: relative;
}
.ut-navigation-style-animation-line-middle ul li .ut-main-navigation-link > span::after {
bottom: -4px;
position: absolute;
content: '';
height: 2px;
width: 0;
left: 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); -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); }
.ut-navigation-style-animation-line-middle ul li.current-menu-item:not(.menu-item-object-custom) .ut-main-navigation-link > span::after,
.ut-navigation-style-animation-line-middle ul li.current-menu-parent:not(.has-scroll-children) .ut-main-navigation-link > span::after,
.ut-navigation-style-animation-line-middle ul li .ut-main-navigation-link.active > span::after,
.ut-navigation-style-animation-line-middle ul li .ut-main-navigation-link.selected > span::after,
.ut-navigation-style-animation-line-middle ul li .ut-main-navigation-link:hover > span::after,
.ut-navigation-style-animation-line-middle ul li.sfHover .ut-main-navigation-link > span::after,
.ut-navigation-style-animation-line ul li.current-menu-item:not(.menu-item-object-custom) .ut-main-navigation-link::after,
.ut-navigation-style-animation-line ul li.current-menu-parent:not(.has-scroll-children) .ut-main-navigation-link::after,
.ut-navigation-style-animation-line ul li .ut-main-navigation-link.active::after,
.ut-navigation-style-animation-line ul li .ut-main-navigation-link.selected::after,
.ut-navigation-style-animation-line ul li .ut-main-navigation-link:hover::after,
.ut-navigation-style-animation-line ul li.sfHover .ut-main-navigation-link::after {
width: 100%;
} .ut-horizontal-navigation ul.sub-menu {
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.10);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.10);
text-align: left;
opacity: 0;
top: 100%;
pointer-events: none;
transform: translate3d(0px, 0px, 0px);
}
ul.sub-menu .ut-wpml-language-switch-flag {
vertical-align: middle;
margin-right: 10px;
}
.ut-wpml-language-switch-code {
text-transform: uppercase !important;
}
.ut-horizontal-navigation ul.sub-menu li > a {
-webkit-transition: color 300ms, background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms, background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms, background 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); }
.ut-horizontal-navigation ul li:hover > ul.sub-menu {
opacity: 1;
visibility:visible;
pointer-events: auto;
}
.ut-horizontal-navigation ul.sub-menu ul, 
.ut-horizontal-navigation ul.sub-menu li {
margin-left: 0;
}
.ut-horizontal-navigation ul.sub-menu li a:after {
display: none;
}
.ut-horizontal-navigation ul.sub-menu li > a {
background: none !important;
min-width: 200px;
position: static;
margin: 0;
padding: 0 40px;
font-size: 10px;
text-transform: capitalize;
overflow: hidden;
text-overflow: ellipsis;
}
.ut-horizontal-navigation ul.sub-menu li > a:not(.ut-remove-header-cart-item):not(.ut-header-mini-cart-link) {
height: 30px;
line-height: 30px;
}
.ut-horizontal-navigation ul li ul li ul li {
display: block;
}
.ut-header-extra-module-company-social .fa-ul.ut-navigation-menu li .ut-main-navigation-link {
height: 80px;
}
.sub-menu .sf-with-ul::before {
font-family: 'Brooklyn-Core';
font-size: 12px;
font-style: normal;
content: "\e915";
position: absolute;
right: 15px;
}
.sub-menu li a i {
margin-right: 10px;
}
.ut-horizontal-navigation.ut-navigation-centered ul.ut-navigation-menu {
float: none;
text-align: center;
}
.ut-horizontal-navigation.ut-navigation-centered ul.sub-menu {
text-align: left;
}
.ut-horizontal-navigation.ut-navigation-centered > ul > li {
display: inline-block;
float: none;
}
#navigation-secondary.ut-navigation-centered > ul > li:first-child > a {
padding-left: 0;
}
.ut-horizontal-navigation ul ul ul {
left: 100%;
}
.ut-horizontal-navigation ul.sub-menu li > ul.sub-menu {
top: -1px;
}
.ut-horizontal-navigation ul.sub-menu li:not(:first-child) > ul.sub-menu {
top: -40px;
}
.ut-header-dark .ut-horizontal-navigation ul.sub-menu li > ul.sub-menu {
top: -2px;
}
.ut-header-dark .ut-horizontal-navigation ul.sub-menu li:not(:first-child) > ul.sub-menu {
top: -42px;
}
.ut-header-dark .ut-horizontal-navigation ul li.ut-is-megamenu:hover > .ut-megamenu,
.ut-header-dark .ut-horizontal-navigation ul li.ut-menu-item-lvl-0:hover > ul.sub-menu,
.ut-header-dark .ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-is-megamenu:hover > .ut-megamenu, 
.ut-header-dark .ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-menu-item-lvl-0:hover > ul.sub-menu {
top: calc(100% + 1px);
}
.ha-transparent .ut-horizontal-navigation ul.sub-menu li > ul.sub-menu,
.ut-header-light .ut-horizontal-navigation ul.sub-menu li > ul.sub-menu {
top: -1px;
}
.ha-transparent .ut-horizontal-navigation ul.sub-menu li:not(:first-child) > ul.sub-menu,
.ut-header-light .ut-horizontal-navigation ul.sub-menu li:not(:first-child) > ul.sub-menu {
top: -41px;
}
#ut-sitebody .ut-horizontal-navigation ul.sub-menu li:first-child {
padding-top: 40px;
}
#ut-sitebody .ut-horizontal-navigation ul.sub-menu li:last-child {
padding-bottom: 40px;
}
.ut-main-navigation-link .ut-header-remove-text {
display: none;
} .ut-header-mini-cart-content[data-simplebar] {
position: relative;
z-index: 1;
overflow: hidden!important;
max-height: inherit;
-webkit-overflow-scrolling: touch; 
}
.ut-header-mini-cart-content[data-simplebar="init"] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.ut-header-mini-cart-content .simplebar-scroll-content {
overflow-x: hidden !important;
overflow-y: scroll;
min-width: 100% !important;
max-height: inherit!important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.ut-header-mini-cart-content .simplebar-content {
overflow-y: hidden!important;
overflow-x: scroll;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
min-height: 100%!important;
}
.ut-header-mini-cart-content .simplebar-track {
z-index: 100000;
position: absolute;
right: 0;
bottom: 0;
width: 11px;
}
.ut-header-mini-cart-content .simplebar-scrollbar {
position: absolute;
right: 1px;
width: 7px;
min-height: 10px;
}
.ut-header-mini-cart-content .simplebar-scrollbar:before {
position: absolute;
content: "";
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.ut-header-mini-cart-content .simplebar-track:hover .simplebar-scrollbar:before,
.ut-header-mini-cart-content .simplebar-track .simplebar-scrollbar.visible:before {
opacity: 1;
-webkit-transition: opacity 0 linear;
-o-transition: opacity 0 linear;
transition: opacity 0 linear;
}
.ut-header-mini-cart-content .simplebar-track.vertical {
top: 0;
}
.ut-header-mini-cart-content .simplebar-track.vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.ut-header-mini-cart-content .simplebar-track.horizontal {
left: 0;
width: auto;
height: 11px;
}
.ut-header-mini-cart-content .simplebar-track.horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.ut-header-mini-cart-content .horizontal.simplebar-track .simplebar-scrollbar {
right: auto;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
} .ut-mm-trigger,
.ut-header-cart-mobile {
display: inline;
float: right;
}
.ut-header-cart-mobile .ut-header-cart {
display: block;
width: 100%;
padding-right: 10px;
font-size: 20px;
}
.ut-header-cart-mobile .ut-header-cart .ut-header-cart-count {
font-size: 14px;
line-height: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 20px;
height: 20px;
vertical-align: middle;
margin-left: 5px;
font-family: Sans-Serif !important; 
}
.ut-mm-trigger {
cursor: pointer;
text-align: right;
position: relative;
line-height: 80px;
height: 80px;
}
#header-section[data-style='style-1'] .ut-mm-trigger,
#header-section[data-style='style-1'] .ut-header-cart-mobile,
#header-section[data-style='style-6'] .ut-mm-trigger,
#header-section[data-style='style-6'] .ut-header-cart-mobile {
float: left;
}
#header-section[data-style='style-1'] .ut-header-cart-mobile .ut-header-cart,
#header-section[data-style='style-6'] .ut-header-cart-mobile .ut-header-cart {
padding-right: 0;
padding-left: 10px;
}
.ut-mm-trigger-center {
text-align: center;
}
.ut-mm-button {
border: none;
cursor: pointer;
margin: 0;
height: 80px;
padding: 0;
background: transparent;
}
.ut-mm-button:before {
content: "\f0c9";
font-family: 'FontAwesome';
font-size: 25px;
text-align: center;
background: transparent;
color: #FFFFFF;
-webkit-transition: .2s color linear;
-o-transition: .2s color linear;
transition: .2s color linear;
}
.ut-mm-button:hover, 
.ut-mm-button:focus, 
.ut-mm-button.active {
background: transparent;
outline: none !important;
}
#ut-mobile-nav {
margin: 0;
}
.ut-mobile-menu {
line-height: 150%;
margin: 0;
}
#ut-mobile-menu {
margin: 0;
padding: 10px 0 0 10px;
text-align: left;
font-size: 14px;
}
.ut-mobile-menu .sub-menu {
margin: 0 0 0 15px;
}
.ut-mobile-menu .bklyn-btn {
margin: 15px 0 15px 15px;
}
.ut-mobile-menu .sub-menu .bklyn-btn {
margin-left: 0;
}
.ha-transparent .ut-mobile-menu a:not(.bklyn-btn), 
.ut-header-dark .ut-mobile-menu a:not(.bklyn-btn), 
.ut-mobile-menu a:not(.bklyn-btn) {
padding: 10px 0 10px 30px;
display: block;
position: relative;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.ut-mobile-menu a:not(.bklyn-btn) {
color: #151515;
}
.ut-header-dark .ut-mobile-menu a:not(.bklyn-btn) {
color: rgb(255,255,255);
color: rgba(255, 255, 255,0.5);
}
.ut-header-dark .ut-mobile-menu a:hover {
color: rgb(255,255,255);
color: rgba(255, 255, 255,1);
}
.ut-mobile-menu a:last-child {
border-bottom: none;
}
.ut-header-light .ut-mobile-menu a:hover {
color: rgb(255,255,255) !important;
color: rgba(255, 255, 255,1) !important;
}
.ut-header-light #ut-mobile-nav {
background: #FFFFFF;
}
.ut-header-light .ut-mobile-menu a {
border-bottom: 1px solid #DDDDDD;;
}
.ut-header-dark #ut-mobile-nav {
background: #131416;
}
.ha-transparent #ut-mobile-menu, 
.ha-transparent #ut-mobile-menu a {
border-color: #dddddd;
}
.ut-header-dark .ut-mobile-menu a {
border-bottom: 1px solid rgb(255,255,255);
border-bottom: 1px solid rgb(255, 255, 255, 0.1);
}
.ut-mobile-menu a:not(.bklyn-btn)::before {
content: '•';
position: absolute;
top: 10px;
left: 15px;
}
.ut-mobile-menu a:hover::before, 
.ut-mobile-menu a:hover {
color: #FFFFFF;
}
.ut-mobile-menu li {
padding: 0;
margin: 0;
}
#ut-sitebody .ut-header-light .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::before, 
#ut-sitebody .ut-header-light .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger:not(.is-active) span, 
#ut-sitebody .ut-header-light .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::after {
background-color: #151515;
}
#ut-sitebody .ut-header-dark .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::before, 
#ut-sitebody .ut-header-dark .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger:not(.is-active) span, 
#ut-sitebody .ut-header-dark .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::after,
#ut-sitebody .ha-transparent .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::before, 
#ut-sitebody .ha-transparent .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger:not(.is-active) span, 
#ut-sitebody .ha-transparent .ut-mm-trigger #ut-open-mobile-menu.ut-hamburger span::after {
background-color: #FFFFFF;
} #ut-mobile-nav {
overflow: hidden;
position: relative;
left: -10px;
display: none;
}
.ut-scroll-pane-wrap {
overflow: hidden;
}
.ut-scroll-pane {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
padding-right: 20px;
} .ut-horizontal-navigation .bklyn-btn-menu a {
display: inline-block;
margin: 0 15px;
}
.ut-horizontal-navigation.ut-navigation-style-animation-line-middle .bklyn-btn-menu a,
.ut-horizontal-navigation.ut-navigation-style-animation-line .bklyn-btn-menu a {
margin: 0 15px 0 15px;
}
.ut-horizontal-navigation .menu-item-object-megamenu-button + .menu-item-object-megamenu-button .bklyn-btn-menu .bklyn-btn { 
margin-left: 0;
}
.ut-horizontal-navigation .menu-item-object-megamenu-button + .menu-item-object-megamenu-button .bklyn-btn-menu .bklyn-btn::after {
content: '';
}
.ut-horizontal-navigation ul li:first-child .bklyn-btn-menu .bklyn-btn {
margin-left: 0;
}
.ut-horizontal-navigation ul li:last-child .bklyn-btn-menu .bklyn-btn  {
margin-right: 0;
}
.ut-horizontal-navigation.ut-navigation-style-separator ul li:first-child .bklyn-btn-menu .bklyn-btn {
margin-left: 0;
margin-right: 0;
}
.ut-horizontal-navigation.ut-navigation-style-separator ul li.menu-item-object-megamenu-button:first-child + li .ut-main-navigation-link::after {
display: none;
}
.ut-horizontal-navigation.ut-navigation-style-separator ul li:last-child .bklyn-btn-menu .bklyn-btn {
margin-left: 0;
margin-right: 0;
}
.ut-horizontal-navigation.ut-navigation-style-separator ul li .bklyn-btn-menu .bklyn-btn {
margin-left: 0;
}
.ut-horizontal-navigation.ut-navigation-style-separator ul li:last-child .bklyn-btn-menu .bklyn-btn::after,
.ut-horizontal-navigation.ut-navigation-style-separator ul li .bklyn-btn-menu .bklyn-btn::after {
display: none;
}
.ut-horizontal-navigation ul li > .sub-menu .bklyn-btn-menu a {
font-size: 10px !important;
margin: 0 40px !important;
padding: 0.5em 0.6em;
}
.ut-horizontal-navigation ul li > .sub-menu .bklyn-btn-menu {
line-height: 30px;
}
.ut-horizontal-navigation ul li > .sub-menu li:first-child .bklyn-btn-menu {
margin-top: 0;
}
.ut-horizontal-navigation ul li > .sub-menu li:last-child .bklyn-btn-menu {
margin-bottom: 0;
} .member-wrap {
margin-left: -10px !important;
margin-right: -10px !important;
}
.member-box {
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.ut-hide-member-details {
color: #151515;
font-size: 24px;
float: right;
}
.light .ut-hide-member-details:hover {
color: #FFFFFF;
}
.light .ut-overlay {
background: #111111;
}
.ut-overlay {
background: #FFFFFF;
}
.mp-holder {
margin: 0 auto 20px auto;
position: relative;
z-index: 1;
}
.mp-holder .member-photo {
margin: 0;
position: relative;
}
.mp-holder .member-photo img {
width: 100%;
display: block;
position: relative;
-webkit-box-shadow: 0 0 0 #000000;
box-shadow: 0 0 0 #000000;
}
.mp-holder .member-description {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: #151515;
background: rgba(0, 0, 0, 0.7);
color: #FFFFFF;
}
.mp-holder .member-description h3 {
margin: 0;
padding: 0;
color: #FFFFFF;
}
.mp-holder .member-description .ut-member-details i {
padding-left: 5px;
}
.mp-holder .member-description .ut-member-details {
display: inline-block;
font-size: 11px;
text-transform: uppercase;
}
.mp-holder .member-description a:hover {
color: #FFFFFF;
}
.mp-holder .member-description span {
font-size: 11px;
text-transform: uppercase;
}
.mp-holder .member-photo {
overflow: hidden;
}
.mp-holder .member-photo img {
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.no-touchevents .mp-holder .member-photo:hover img, .mp-holder .member-photo.cs-hover img {
-webkit-transform: translateY(-0px);
-ms-transform: translateY(-0px);
transform: translateY(-0px);
}
.mp-holder .member-description {
height: 100%;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: opacity 0.1s 0.3s, transform 0.4s;
-o-transition: transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touchevents .mp-holder .member-photo:hover .member-description, 
.mp-holder .member-photo.cs-hover .member-description {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: transform 0.4s, opacity 0.1s;
-moz-transition: opacity 0.1s, transform 0.4s;
-o-transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.mp-holder .member-description .ut-member-details {
position: absolute;
bottom: 20px;
right: 20px;
}
.ut-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 998;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ut-modal-box {
position: fixed;
top: 50%;
left: 50%;
width: 50%;
height: 100%;
z-index: 999;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
}
.ut-overlay-show {
visibility: visible;
opacity: 1;
}
.ut-box-show {
visibility: visible;
}
.ut-modal-box-effect .member-detail-box {
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.ut-box-show.ut-modal-box-effect .member-detail-box {
opacity: 1;
}
.member-detail-box {
}
.ut-member-name {
margin-bottom: 0;
color: #151515;
font-size: 17px;
}
.ut-member-title {
display: block;
font-size: 11px;
letter-spacing: 0.5px;
line-height: 150%;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 20px;
}
.team-bio .member-box {
text-align: center;
}
.team-bio .member-box h3 {
margin-top: 0;
}
.team-bio .member-photo {
float: none;
width: 100%;
height: auto;
border: none;
margin-right: 0;
}
.ut-mfh {
position: relative;
}
.member-photo-large {
margin-bottom: 20px;
}
.team-bio .member-photo img {
border: 4px solid #F1F4F5;
}
.bio-desc h3 {
color: #151515;
}
.member-social {
margin: 0;
position: absolute;
bottom: 20px;
left: 30px;
}
.member-social a {
text-align: center;
display: inline-block;
line-height: 38px;
color: #FFFFFF;
margin-right: 10px;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.member-social a:hover {
color: #FFFFFF;
} .no-touchevents .ut-member-style-2 .mp-holder .member-photo:hover img, 
.ut-member-style-2 .mp-holder .member-photo.cs-hover img {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.ut-member-style-2 .ut-so-link {
color: #FFFFFF;
background: #151515;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
display: inline-block;
width: 30px;
line-height: 30px;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
margin-right: 10px;
}
.ut-member-style-2 .ut-so-link:hover {
color: #FFFFFF !important;
}
.ut-member-style-2 .ut-so-link:last-child {
margin-right: 0;
}
.ut-member-style-2 .member-description .ut-member-title .ut-member-name {
color: #ffffff;
}
.ut-member-style-2 .mp-holder .member-description {
background: #121212;
color: #898989;
} .ut-member-style-3 .mp-holder {
border-bottom: 1px solid #DDDDDD;
}
.light .ut-member-style-3 .mp-holder {
border-bottom: 1px solid #FFFFFF;
}
.member-description-style-3 {
padding: 20px;
text-align: center;
}
.ut-member-style-3 .member-social {
position: relative;
top: 0;
left: 0;
}
.ut-member-style-3 .member-social a {
color: #DDDDDD;
border: 1px solid #DDDDDD;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 40px;
width: 40px;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.light .ut-member-style-3 .member-social a {
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
.ut-member-style-3 .member-social a:last-child {
margin-right: 0;
} .member-photo-style-4-wrap {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.member-photo-style-4-wrap:hover .member-photo-style-4 {
display: none;
}
.member-photo-style-4-wrap:hover .member-photo-style-4-hover {
display: inherit;
}
.member-photo-style-4-hover {
display: none;
}
.member-description-style-4 {
text-align: center;
}
.member-photo-style-4 img, .member-photo-style-4-hover img {
margin: 0 auto;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.member-photo-style-4-wrap .member-social {
left: 20px;
bottom: 5px;
}
.member-photo-style-4-wrap .member-social a:hover {
color: #151515 !important;
} .parallax-section {
overflow: hidden;
position: relative;
}
.parallax-content {
color: #FFFFFF;
position: relative;
}
.normal-background, .parallax-background {
background-size: cover !important;
background-repeat: repeat-y;
}
.normal-background {
background-position: center center;
}
.parallax-overlay-pattern {
background-image: url(//idegraph.com/wp-content/themes/brooklyn/images/overlay-pattern.png);
}
.parallax-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: repeat;
position: relative;
z-index: 1;
}
.parallax-scroll-container-hide:not(.hero-parallax-scroll-container) + .parallax-overlay {
-webkit-transition: opacity 0.40s ease-in-out;
-o-transition: opacity 0.40s ease-in-out;
transition: opacity 0.40s ease-in-out;
}
.parallax-scroll-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-repeat: repeat-y;
background-position: center center;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.parallax-image-container {
width: 100%;
height: 100%;
background-size: cover !important;
background-repeat: repeat-y;
background-position: center center;
}
.parallax-scroll-container.fixed {
background-attachment: fixed;
}
.parallax-scroll-container-hide:not(.hero-parallax-scroll-container) {
opacity: 0;
}
.parallax-scroll-container-hide:not(.hero-parallax-scroll-container) + .parallax-overlay {
opacity: 0;
} .site-header {
margin-bottom: 70px;
}
#primary > .post:last-child {
border-bottom: 0;
margin-bottom: 40px;
padding-bottom: 0;
}
.post {
margin-bottom: 80px;
}
.post .entry-content > *:last-child:last-child,
.page .entry-content > *:last-child:last-child {
margin-bottom: 0;
}
.single-post .post {
margin: 0;
padding: 0;
border: none;
}
.single-post .entry-meta {
z-index: 1;
position: relative;
}
.entry-title {
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 22px;
}
h1.entry-title {
font-size: 22px;
}
.entry-header {
margin-bottom: 20px;
}
.single-post .entry-header {
margin-bottom: 20px;
}
.search-results .entry-header {
margin-bottom: 0;
}
.ut-post-thumbnail, .ut-post-media {
margin-bottom: 40px;
}
.ut-post-thumbnail .wpb_content_element  {
margin-bottom: 0;
}
.post .ut-gallery-wrap, .entry-thumbnail {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
overflow: hidden;
margin: 0;
}
.post .ut-gallery-wrap {
margin-bottom: 40px;
}
.ut-blog-layout-list-article-inner .ut-gallery-wrap, ut-blog-grid-article-inner {
margin-bottom: 0;
}
.ut-blog-grid-article-inner .ut-gallery-wrap {
margin-bottom: 0;
}
.ut-format-gallery {
position: relative;
}
.ut-format-gallery .ut-gallery-slider {
margin: 0;
}
.post .ut-gallery-wrap ul li img, 
.entry-thumbnail img {
display: block;
margin: 0;
position: relative;
-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); max-width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.ut-blog-classic-article .entry-thumbnail {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.archive .post:not(.ut-blog-classic-article):not(.ut-blog-mixed-large-article):hover .ut-gallery-wrap ul li img, 
.archive .post:not(.ut-blog-classic-article):not(.ut-blog-mixed-large-article):hover .entry-thumbnail img, 
.blog .post:not(.ut-blog-classic-article):not(.ut-blog-mixed-large-article):hover .ut-gallery-wrap ul li img, 
.blog .post:not(.ut-blog-classic-article):not(.ut-blog-mixed-large-article):hover .entry-thumbnail img,
.ut-blog-mixed-large-article .entry-thumbnail .ut-gallery-wrap ul li img:hover,
.ut-blog-mixed-large-article .entry-thumbnail img:hover,
.ut-blog-classic-article .entry-thumbnail .ut-gallery-wrap ul li img:hover,
.ut-blog-classic-article .entry-thumbnail img:hover,
.blog .ut-load-video:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.page-links {
margin: 0 0 20px 0;
font-size: 12px;
text-transform: uppercase;
}
.page-links ul {
display: block;
height: 40px;
line-height: 40px;
list-style: none;
margin: 20px 0 0 0;
padding: 0;
text-align: right;
}
.page-links ul li:last-child {
margin-right: 0;
}
.page .page-links ul, .single-post .page-links ul {
margin-top: 40px;
}
.page-links ul li {
display: inline;
margin-right: 10px;
}
.page-links ul li a {
padding: 10px;
border: 1px solid #DDDDDD;
}
.page-links a {
color: #151515 !important;
font-weight: bold !important;
text-decoration: none !important;
}
.page-links a:hover, 
.page-links a:active {
color: #777777 !important;
}
.single-post #primary .ut-last-section .ut-last-row:not(.ut-row-has-filled-cols) .wpb_content_element:last-child {
margin-bottom: 0;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
} .entry-meta {
font-size: 12px;
line-height: 24px;
text-align: right;
color: #151515;
}
.entry-header .entry-meta {
text-align: left;
margin-top: 5px;
margin-bottom: 0;
}
.reply-link i, 
.edit-link i, 
.tags-links i, 
.entry-meta i {
color: #151515;
font-size: 14px;
padding-right: 10px;
vertical-align: middle;
}
.reply-link i {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.entry-meta i,
.tags-links i {
vertical-align: baseline;
}
.comment-reply-link:hover i, 
.comment-reply-link:active i {
color: #ffbf00;
padding-right: 5px;
}
.entry-meta .author-links, 
.entry-meta .cat-links, .entry-meta .comments-link, 
.entry-meta .edit-link, .entry-meta .ut-sticky {
color: #151515;
display: block;
text-transform: capitalize;
}
.entry-meta .edit-link {
text-transform: uppercase;
}
.entry-meta .ut-sticky {
display: none;
}
.sticky .entry-meta .ut-sticky {
display: block;
}
.entry-meta .author-links .avatar {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.entry-meta .author-links .avatar.round {
border-radius: 50%;
}
.ut-sticky i {
margin: 0;
padding: 0;
}
.entry-header .entry-meta .date-format, 
.entry-header .entry-meta .author-links, 
.entry-header .entry-meta .cat-links, 
.entry-header .entry-meta .comments-link {
display: inline-block;
margin-right: 20px;
text-transform: capitalize;
}
.tags-links a, .entry-meta a {
color: #151515;
font-weight: normal;
text-transform: capitalize;
}
.tags-links a:hover, 
.tags-links a:active, 
.entry-meta a:hover, 
.entry-meta a:active {
color: #777777;
}
.vc_row-full-width + .tags-links,
.vc_section + .tags-links {
margin-top: 40px;
}
.tags-links {
font-size: 12px;
color: #151515;
display: block;
font-weight: bold;
text-transform: uppercase;
}
.date-format {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #DDDDDD;
font-family: Sans-serif !important;
z-index: 10;
display: inline-block;
text-align: center;
}
.entry-header .date-format {
margin: 0;
padding: 0;
border: none;
font-family: inherit;
}
.ut-blog-grid.ut-blog-grid-date-shadow .date-format {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
}
.date-format .day {
font-size: 60px;
display: block;
line-height: 60px;
font-weight: bold;
color: #151515;
}
.ut-blog-grid.ut-blog-grid-date-small .day {
font-size: 40px;
line-height: 40px;
}
.date-format .month {
color: #151515;
display: block;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
.ut-blog-grid.ut-blog-grid-date-small .month {
font-size: 12px;
}
.more-link {
color: #151515;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.more-link:hover, 
.more-link:active {
color: #151515;
}
.more-link .more-link {
text-align: right;
display: block;
width: auto;
}
.author-link i, 
.more-link i {
-webkit-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
padding-left: 10px;
vertical-align: middle;
}
.author-link:hover i, 
.more-link:hover i {
padding-left: 5px;
}
.ut-blog-link {
color: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.ut-post-thumbnail-caption-wrap {
position: relative;
}
.ut-post-thumbnail-caption {
position: absolute;
bottom: 20px;
left: 20px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
padding-right: 80px;
} .author-info {
margin-top: 80px;
padding-top: 80px;
border-top: 1px solid #DDDDDD;
}
.author-avatar {
float: left;
margin-right: 40px;
margin-bottom: 20px;
}
.author-avatar img {
border: 2px solid #ffbf00;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.author-bio {
color: #151515;
overflow: hidden;
}
.author-link {
color: #151515;
text-decoration: underline;
font-weight: bold;
}
.author-link:hover i {
color: #ffbf00;
}
.author-link:hover,
.author-link:active {
color: #151515;
}
.the-author {
margin-bottom: 20px;
}
.author-description {
overflow: hidden;
}
.author-social-links {
font-size: 16px;
margin: 20px 0 0;
list-style: none;
text-align: left;
}
.author-social-links a {
color: #151515;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.author-social-links a:hover, 
.author-social-links a:active {
color: #ffbf00;
}
.author-social-links li {
display: inline;
margin-right: 20px;
}
.author-social-links li:last-child {
margin-right: 0;
} .format-chat p {
margin: 0;
padding: 3px;
}
.format-chat p:nth-child(2n+1) {
background: #f7f8fa;
}
.format-chat .entry-content {
margin-bottom: 20px;
} .ut-gallery-wrap {
overflow: hidden;
}
.ut-gallery-slider {
margin: 0;
padding: 0;
overflow: hidden;
background: #FFFFFF;
position: relative;
zoom: 1;
}
.ut-gallery-slider {
height: 320px;
background: url(//idegraph.com/wp-content/themes/brooklyn/images/loaders/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
.ut-gallery-slider.loaded {
background: none;
}
.ut-gallery-slider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.ut-gallery-slider .slides {
zoom: 1;
}
.ut-blog-classic-article .ut-gallery-slider {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ut-gallery-slider .flex-direction-nav {
display: inline-block;
list-style: none;
position: absolute;
margin: 0;
top: 20px;
right: 20px;
height: 40px;
width: 100px;
z-index: 100;
text-align: right;
}
.ut-gallery-slider .flex-direction-nav li {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 10px;
}
.ut-gallery-slider .flex-direction-nav li:last-child {
margin: 0;
}
.ut-gallery-slider .flex-direction-nav a {
display: block;
width: 40px;
height: 40px;
margin: 0;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
color: #FFFFFF;
text-align: center;
background: #151515;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.ut-gallery-slider .flex-direction-nav a:before {
font-family: 'Brooklyn-Core';
font-size: 14px;
line-height: 40px;
display: inline-block;
content: '\e90a';
}
.ut-gallery-slider .flex-direction-nav a.flex-next:before {
content: '\e915';
}
.ut-gallery-slider .flex-direction-nav a.flex-next {
}
.ut-gallery-slider .flex-direction-nav .flex-prev:hover, .ut-gallery-slider .flex-direction-nav .flex-next:hover {
} .wp-audio-shortcode {
margin-bottom: 40px;
}
.ut-post-thumbnail .wp-audio-shortcode {
margin-bottom: 0;
}
.mejs-controls div.mejs-time-rail {
padding-top: 14px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, 
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, 
.mejs-controls .mejs-time-rail span {
height: 2px;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
border: 1px solid transparent;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
top: 19px;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
background: #151515;
border: none;
color: #FFFFFF;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border-color: #151515;
display: none;
} .mejs-controls,  .mejs-mediaelement,  .mejs-container {
background: url() !important;
background-color: #151515 !important;	
}
.mejs-time-float {
top:-17px;
} .mejs-currenttime,  .mejs-duration {
color: #FFFFFF !important;
} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,  .mejs-controls .mejs-time-rail .mejs-time-total {
background: #444444 !important;
} .mejs-controls .mejs-time-rail .mejs-time-current {
background: #FFFFFF !important;
} .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #444444 !important;
} .mejs-button.mejs-play,
.mejs-button.mejs-pause,
.mejs-button.mejs-volume-button {
-webkit-transition: none;
-o-transition: none;
transition: none;	
}
.mejs-button.mejs-play > button,
.mejs-button.mejs-pause > button,
.mejs-button.mejs-volume-button button {
background: transparent url(//idegraph.com/wp-content/themes/brooklyn/images/mediaelement/mejs-controls.svg);
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.mejs-button.mejs-play > button {
background-position: 0 0;
}
.mejs-button.mejs-pause > button {
background-position: -20px 0;
}
.mejs-button.mejs-unmute > button {
background-position: -40px 0;
}
.mejs-button.mejs-mute > button {
background-position: -60px 0;
} .format-quote blockquote {
font-size: 22px;
margin-top: 0;
margin-bottom: 20px;
}
.format-quote blockquote > *:last-child {
margin-bottom: 0;
}
.single-post .ut-quote-post {
margin-bottom: 40px;
}
.ut-quote-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #ffbf00;
position: relative;
min-height: 400px;
width: 100%;
padding: 40px;
-webkit-transition: all 0.50s ease-in-out;
-o-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.single-post .ut-quote-post {
background: #151515;
}
.ut-quote-post blockquote {
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-color: #FFFFFF;
-webkit-transition: all 0.50s ease-in-out;
-o-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.ut-quote-post blockquote cite {
font-size: 14px;
}
.format-quote .ut-quote-post-link:hover .ut-quote-post, 
.format-quote .ut-quote-post-link:active .ut-quote-post {
background: #151515;
}
.format-quote .ut-quote-post-link:hover .ut-quote-post blockquote, 
.format-quote .ut-quote-post-link:active .ut-quote-post blockquote {
border-color: #ffbf00;
}
.ut-blog-grid .ut-quote-post-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
height: 100%;
}
.ut-quote-post-link {
text-decoration: none !important;
}
.ut-blog-layout-list-article-inner .ut-quote-post-link {
width: 100%;
}
.ut-blog-grid .ut-quote-post {
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;
min-height: 100%;
padding: 40px;
}
.blog .ut-shortcode-video-wrap,
.ut-blog-grid .ut-shortcode-video-wrap {
overflow: hidden;
border-top-right-radius: 4px;
}
.ut-blog-grid .ut-blog-grid-article .wpb_content_element {
margin-bottom: 0;
} .blog .ut-blog-classic-article.post-password-required form > *:last-child {
margin-bottom: 0;
}
#main-content .entry-content > .post-password-form {
padding-top: 80px;
padding-bottom: 80px;
} .format-link .entry-header a .entry-title, 
.format-link .entry-header .entry-title a {
color: #FFFFFF;
}
.ut-format-link {
background: #151515;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
height: 100%;
width: 100%;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.50s ease-in-out;
-o-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
.ut-blog-classic-article .ut-format-link-content {
height: 200px;
}
.ut-format-link-content {
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;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 40px;
min-height: 100%;
width: 100%;
}
.ut-format-link-content .entry-title {
color: #FFFFFF;
} .ut-blog-grid .ut-sticky {
float: left;
margin-right: 10px;
}
.ut-blog-grid {
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.ut-blog-grid .post {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ut-blog-grid-article-inner {
background: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ut-blog-grid .entry-header {
overflow: hidden;
}
.ut-blog-grid .date-format {
float: none;
margin: 0;
position: absolute;
top: 20px;
left: 20px;
border: none;
padding: 0;
}
.ut-blog-grid .date-format.ut-blog-grid-has-no-thumbnail {
position: inherit;
}
.date-format.ut-blog-grid-has-no-thumbnail a {
display: inline-block;
}
.ut-blog-grid .ut-post-thumbnail .date-format > span, 
.ut-blog-grid .ut-format-gallery .date-format > span {
color: #FFFFFF;
}
.ut-blog-grid .ut-post-thumbnail {
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.ut-blog-grid .fluid-width-video-wrapper {
height: 100%;
}
.ut-blog-grid-content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
position: relative;
width: 100%;
-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;
padding: 40px;
}
.ut-blog-grid .entry-meta:not(.entry-meta-top) {
background: #FFFFFF;
border-top: 1px solid #DDDDDD;
margin: 0;
padding: 10px 20px;
text-align: left;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.ut-blog-grid .entry-meta .author-links {
float: left;
}
.ut-blog-grid .entry-meta .comments-link {
float: left;
}
.ut-blog-grid .entry-meta .author-links {
margin-right: 20px;
}
.ut-blog-grid .entry-meta.entry-meta-top {
background: #FFFFFF;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 0;
padding: 10px 20px;
width: 100%;
display: block;
border-top: none;
text-align: left;
}
.entry-meta-top-has-border {
border-bottom: 1px solid #DDDDDD;
}
.ut-blog-grid .post, .ut-blog-grid .hentry {
padding: 0 20px 0 20px;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ut-meta-post-icon {
height: 40px;
width: 40px;
background: #ffbf00;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
bottom: 20px;
right: 20px;
z-index: 20;
}
.ut-meta-post-icon i {
display: block;
line-height: 40px;
text-align: center;
color: #FFFFFF;
font-size: 18px;
}
.ut-meta-post-icon i.Bklyn-Core-Right-6 {
padding-left: 4px;
}
.post .ut-post-thumbnail .ut-video-module-caption-text {
height: 100%;
}
.post .ut-post-thumbnail .ut-video-module-inner-caption-text {
text-align: right;
vertical-align: bottom;
}
.post .ut-post-thumbnail .ut-video-module-play-icon {
height: 40px;
width: 40px;
background: #ffbf00;
}
.post .ut-post-thumbnail .ut-video-module-play-icon i {
line-height: 40px;
font-size: 18px;
}
.post .ut-post-thumbnail .ut-video-module-caption .ut-load-video::before {
display: none;
}
.search-results .ut-blog-grid .entry-meta-top, .search-results .ut-blog-grid .entry-content {
display: none;
} .ut-blog-grid-article-inner, .ut-blog-layout-list-article-inner, .ut-blog-mixed-large-article-large {
border: 1px solid #DDDDDD;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
} .ut-blog-mixed-grid .post {
border-bottom: none;
}
.ut-blog-mixed-grid .format-audio iframe {
height: 362px;
}
.ut-blog-mixed-large-article {
margin: 0 10px 40px;
}
.ut-blog-mixed-large-article-large {
padding: 40px 30px;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
} .ut-blog-layout-list .ut-sticky {
float: left;
margin-right: 10px;
}
.ut-blog-list-article {
margin-bottom: 40px;
}
.ut-blog-layout-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.ut-blog-layout-list .post {
position: relative;
}
.ut-blog-layout-list .ut-post-thumbnail, 
.ut-blog-list-content, 
.ut-blog-layout-list .ut-format-gallery {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
}
.ut-blog-list-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ut-blog-layout-list-article-inner {
background: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.ut-blog-layout-list-content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
position: relative;
width: 100%;
-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;
padding: 40px;
}
.ut-blog-layout-list .date-format {
float: none;
margin: 0;
position: absolute;
top: 20px;
left: 20px;
border: none;
padding: 0;
}
.ut-blog-layout-list .ut-post-thumbnail:not(.ut-post-thumbnail-empty) .date-format > span, 
.ut-blog-layout-list .ut-format-gallery .date-format > span {
color: #FFFFFF;
}
.ut-blog-layout-list .ut-post-thumbnail.ut-post-thumbnail-empty .entry-thumbnail {
border-right: 1px solid #DDDDDD;
padding: 20px;
height: 100%;
}
.ut-blog-layout-list .ut-post-thumbnail.ut-post-thumbnail-empty .entry-thumbnail .date-format {
position: inherit;
}
.ut-blog-layout-list .entry-meta:not(.entry-meta-top) {
background: #FFFFFF;
border-top: 1px solid #DDDDDD;
margin: 0;
padding: 10px 20px;
text-align: left;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.ut-blog-layout-list .entry-meta .author-links {
float: left;
}
.ut-blog-layout-list .entry-meta .comments-link {
float: left;
}
.ut-blog-layout-list .entry-meta .author-links {
margin-right: 20px;
}
.ut-blog-layout-list .entry-meta.entry-meta-top {
background: #FFFFFF;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid #DDDDDD;
width: 100%;
display: block;
border-top: none;
text-align: left;
}
.ut-blog-list-article.format-video .entry-thumbnail,
.ut-blog-list-article.format-video .fluid-width-video-wrapper {
height:100%;    
} .mashsb-container {
padding: 0;
}
.mashsb-container + .tags-links {
margin-top: 40px;
}
.entry-content aside.mashsb-container:first-child {
margin-bottom: 40px;
}
.mashsb-buttons a {
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
} #ut-blog-navigation {
background: #f7f8fa;
font-size: 16px;
height: 120px;
}
#ut-blog-navigation i {
line-height: 120px;
}
#ut-blog-navigation a {
color: #151515;
display: block;
height: 100%;
width: 100%;
}
#ut-blog-navigation .nav-previous {
float: left;
text-align: left;
width: 50%;
}
#ut-blog-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
} #comments {
padding-top: 80px;
margin-top: 80px;
border-top: 1px solid #DDDDDD;
}
.ut-vc-enabled.single-portfolio #comments {
margin-top: 0;
margin-bottom: 80px;
}
.author-title, #reply-title, .comments-title {
text-transform: uppercase;
font-size: 17px;
margin-bottom: 40px;
}
#reply-title {
margin-bottom: 10px;
}
#reply-title > small {
font-size: 12px;
}
#reply-title a:hover, 
reply-title a:active {
color: #777777;
}
.logged-in-as {
}
.logged-in-as a {
color: #151515;
}
.logged-in-as a:hover, 
.logged-in-as a:active {
color: #777777;
}
.comment-body {
border: 1px solid #DDDDDD;
overflow: hidden;
padding: 40px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ut-arrow-left {
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid #DDDDDD;
position: absolute;
left: 101px;
top: 20px;
z-index: 10;
}
.ut-arrow-left:after {
content: '';
width: 0;
height: 0;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-right: 19px solid #FFFFFF;
position: absolute;
top: -19px;
left: 1px;
}
.comment-list {
margin-left: 0;
padding-bottom: 40px;
margin-bottom: 80px;
border-bottom: 1px solid #DDDDDD;
}
.comment-list li.comment {
position: relative;
}
.comment-list li article {
margin-bottom: 40px;
}
.comment-list .pingback > div {
padding: 20px;
}
.comment-list .pingback {
margin-bottom: 20px;
}
.pingback a {
color: #151515;
text-decoration: underline;
font-weight: bold;
}
.pingback a:hover, .pingback a:active {
color: #777777;
}
#comment-nav-above, #comment-nav-below {
margin-bottom: 50px;
font-size: 11px;
text-transform: uppercase;
padding-bottom: 50px;
border-bottom: 1px solid #DDDDDD;
}
.bypostauthor .comment-avatar img {
border: 2px solid #ffbf00;
}
.comment-avatar {
float: left;
margin-right: 40px;
margin-bottom: 40px;
}
.comment-avatar .avatar {
border: 2px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.bypostauthor {
color: inherit;
}
.comment-author h6 {
font-size: 17px;
margin-bottom: 5px;
}
.comment-footer {
font-size: 12px;
text-transform: uppercase;
text-align: right;
margin-top: 20px;
}
.comment-footer-edit-link {
margin-left: 10px;
}
.comment-footer a {
color: #151515;
font-weight: bold;
}
.comment-metadata {
font-size: 12px;
color: #777777;
}
.comment-metadata a {
color: #777777;
}
.comment-metadata a:hover,
.comment-metadata a:active {
color: #151515;
}
.comment-header, 
.comment-metadata, 
.comment-footer {
}
.comment-header {
margin-bottom: 10px;
}
#comments .comment-list .comment > #respond.comment-respond {
margin-bottom: 40px;
}
#commentform .form-submit {
margin-bottom: 0;
}
#commentform p.comment-form-author, #commentform p.comment-form-email {
float: left;
margin-right: 2%;
width: 32%;
}
#commentform p.comment-form-url {
float: left;
width: 32%;
}
#commentform input#author, 
#commentform input#email, 
#commentform input#url {
width: 100%;
display: block;
margin-bottom: 0;
}
#commentform textarea {
width: 100%;
display: block;
min-height: 200px;
}
#commentform #submit {
margin: 0;
}
#commentform .comment-form-comment textarea, 
#commentform .comment-form-author input, 
#commentform .comment-form-email input, 
#commentform .comment-form-url input {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#searchform label, .comment-awaiting-moderation, 
#commentform label {
color: #151515;
}
#searchform label, .comment-awaiting-moderation, 
#cancel-comment-reply-link, #commentform label {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
#cancel-comment-reply-link:hover {
color: #151515;
}
.comment-reply-link:hover, 
.comment-reply-link:active {
color: #151515;
}
.comment-subscription-form {
clear: both;
font-size: 0.75rem;
font-weight: normal;
margin-bottom: 5px !important;
margin-top: 5px !important;
overflow: hidden;
}
.comment-subscription-form #subscribe_blog, 
.comment-subscription-form #subscribe_comments {
display: inline !important;
float: none !important;
font-size: 0.75rem;
font-weight: normal;
margin: 0 !important;
}
#wp-comment-cookies-consent {
vertical-align: middle !important;
} #secondary {
position: relative;
z-index: 10;
}
#secondary {
font-size: 12px;
color: #777777;
}
#secondary .sidebar {
padding-left: 20px;
}
#secondary .sidebar.sidebar-left {
padding-left: 0;
padding-right: 20px;
}
#secondary .sidebar li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
#secondary .sidebar li:last-child > div:not(.tagcloud) > *:last-child, 
#secondary .sidebar li:last-child > *:last-child {
margin-bottom: 0;
}
.page-template-templatestemplate-archive-php a, 
#secondary a {
color: #151515;
}
.sidebar, .widget-container ul {
margin: 0;
padding: 0;
list-style: none;
}
.ut-nav-header h3,
.widget-title {
font-size: 13px;
text-transform: uppercase;
margin-bottom: 20px;
}
#secondary .widget-title {
padding-top: 20px;
border-top: 1px solid #DDDDDD;
}
.widget-container {
margin-bottom: 20px;
}
.widget-container select, .widget-container ul {
margin-bottom: 20px;
}
.widget-container ul.sub-menu, .widget-container ul.children {
margin: 0;
}
.widget-container.widget_text > .textwidget ul {
list-style: disc inside;
margin-left: 0;
}
.widget-container.widget_text > .textwidget ol {
list-style: decimal inside;
margin-left: 0;
}
.widget-container #wp-calendar {
margin-bottom: 20px;
}
.widget_tag_cloud {
margin-bottom: 35px;
}
.footer .widget_tag_cloud {
margin-bottom: 55px;
}
.ut-archive-tags a, .widget_tag_cloud a {
display: inline-block;
font-size: 10px !important;
border: 1px solid #DDDDDD;
color: #777777 !important;
padding: 10px;
margin: 0 2px 5px 0;
line-height: 100% !important;
text-transform: uppercase;
-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); }
.ut-footer-dark .ut-footer-area .widget_tag_cloud a {
border-color: rgba(255,255,255,0.1);
color: #777777;
}
.ut-archive-tags a:hover, .widget_tag_cloud a:hover {
border-color: #151515;
color: #151515 !important;
}
.widget_recent_entries .post-date {
display: block;
font-size: 10px;
color: #888888;
}
.widget_categories ul, 
.widget_pages ul, 
.widget_nav_menu ul, 
.widget_recent_entries ul, 
.widget_recent_comments ul, 
.widget_meta ul, 
.widget_archive ul, 
.widget_media_image img {
margin-bottom: 20px;
}
.widget_categories li, 
.widget_pages li, 
.widget_nav_menu li, 
.widget_recent_entries li, 
.widget_recent_comments li, 
.widget_recent_comments li.recentcomments, 
.widget_meta li, 
.widget_archive li {
padding-left: 15px;
position: relative;
}
.widget-container li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget-container ul.children li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.ut-footer-dark .ut-footer-area .tweet_list li {
border-color: rgba(255, 255, 255, 0.1)
}
.widget_recent_comments li {
padding-left: 0;
}
.widget_recent_comments li::before, 
.widget_recent_comments li.recentcomments::before, 
.widget_categories li::before, 
.widget_pages li::before, 
.widget_nav_menu li::before, 
.widget_recent_entries li::before, 
.widget_meta li::before, 
.widget_archive li::before, 
.tweet_list li::before {
font-family: 'FontAwesome';
content: "\f105";
font-weight: normal;
font-style: normal;
position: absolute;
top: 0;
left: 0;
color: #151515;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.tweet_list li:before {
content: "\f099";
display: none;
}
.ut-footer-dark .ut-footer-area .widget_categories li::before, 
.ut-footer-dark .ut-footer-area .widget_pages li::before, 
.ut-footer-dark .ut-footer-area .widget_nav_menu li::before, 
.ut-footer-dark .ut-footer-area .widget_recent_entries li::before, 
.ut-footer-dark .ut-footer-area .widget_meta li::before, 
.ut-footer-dark .ut-footer-area .widget_archive li::before, 
.ut-footer-dark .ut-footer-area .tweet_list li::before, 
.ut-footer-dark .ut-footer-area .ut_widget_contact .ut-address::before, 
.ut-footer-dark .ut-footer-area .ut_widget_contact .ut-phone::before, 
.ut-footer-dark .ut-footer-area .ut_widget_contact .ut-fax::before, 
.ut-footer-dark .ut-footer-area .ut_widget_contact .ut-email::before, 
.ut-footer-dark .ut-footer-area .ut_widget_contact .ut-internet::before, 
.ut-footer-dark .ut-footer-area .widget_recent_comments li::before, 
.ut-footer-dark .ut-footer-area .widget_recent_comments li.recentcomments::before {
color: #777777;
}
.widget_pages li.page_item_has_children, 
.widget_nav_menu li.menu-item-has-children {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget_pages li.page_item_has_children .children, 
.widget_nav_menu li.menu-item-has-children .sub-menu {
margin: 0;
}
.ut-footer-dark .ut-footer-area .widget_pages li.page_item_has_children .children li:first-child, 
.ut-footer-dark .ut-footer-area .widget_nav_menu li.menu-item-has-children .sub-menu li:first-child {
border-color: #151515;
}
.ut-flickr-item {
width: 75px;
height: 75px;
background: url(//idegraph.com/wp-content/themes/brooklyn/images/loaders/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
.ut-flickr-item.loaded {
background: none;
}
.ut_widget_flickr .flickr_items {
margin-bottom: 15px;
}
.ut_widget_flickr li {
float: left;
margin: 0 5px 5px 0;
}
.ut_widget_flickr li img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 1;
-webkit-transition: opacity 0.40s ease-in-out;
-o-transition: opacity 0.40s ease-in-out;
transition: opacity 0.40s ease-in-out;
}
.ut_widget_flickr li img:hover {
opacity: 0.5;
}
.widget_rss .rsswidget img {
vertical-align: middle;
}
.widget_rss li {
margin-bottom: 10px;
}
.widget_rss .rss-date {
display: block;
}
.tweet-left {
display: none;
}
.tweet_list li {
padding-left: 0;
position: relative;
border: none;
padding-bottom: 0;
margin-bottom: 10px;
} .ut_widget_contact div {
overflow: hidden;
}
.ut-footer-dark .ut-footer-area .ut_widget_contact li {
border-color: #151515;
}
.ut_widget_contact li *:last-child {
margin-bottom: 0;
}
.ut_widget_contact .ut-address::before, 
.ut_widget_contact .ut-phone::before, 
.ut_widget_contact .ut-fax::before, 
.ut_widget_contact .ut-email::before, 
.ut_widget_contact .ut-internet::before {
content: '\f041';
color: #151515;
font-family: fontawesome;
float: left;
margin-right: 10px;
text-align: center;
width: 20px;
font-size: 14px;
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
}
.ut_widget_contact .ut-phone:before {
content: '\f095';
}
.ut_widget_contact .ut-fax:before {
content: '\f1ac';
}
.ut_widget_contact .ut-email:before {
content: '\f003';
}
.ut_widget_contact .ut-internet:before {
content: '\f0ac';
} .ut_widget_social {
margin-bottom: 30px;
}
.ut-sociallinks.ut-sociallinks-vertical li {
display: block;
}
.ut-sociallinks.ut-sociallinks-vertical li i {
padding-right: 15px;
text-align: center;
width: 30px;
}
.ut-sociallinks.ut-sociallinks-vertical li span {
text-transform: capitalize;
}
.ut_widget_social ul.ut-sociallinks {
font-size: 16px;
margin-bottom: 0;
}
.ut_widget_social .ut-sociallinks:not(.ut-sociallinks-vertical) li {
display: inline-block;
margin: 0 20px 10px 0;
text-align: center;
width: 20px;
}
.ut_widget_social .ut-sociallinks li a i {
-webkit-transition: 0.2s all linear;
-o-transition: 0.2s all linear;
transition: 0.2s all linear;
} @media screen and (max-width:782px) {
html #wpadminbar {
top: -46px;
}
}
.page-header .entry-meta {
text-align: center;
}
.blog #primary {
overflow: hidden;
}
.admin-bar #header-section.ut-header-floating {
margin-top: 32px !important;
}
.blog .main-content-background,
.archive .main-content-background,
.search-results .main-content-background {
padding-top: 80px;
padding-bottom: 40px;
}
.single-post .main-content-background {
padding-top: 80px;
padding-bottom: 80px;
}
.single-product .main-content-background,
.woocommerce-cart .main-content-background,
.woocommerce-checkout .main-content-background,
.woocommerce-account .main-content-background {
padding-top: 80px;
padding-bottom: 80px;
}
.blog.ut-has-scroll-top .main-content-background,
.archive.ut-has-scroll-top .main-content-background,
.search-results.ut-has-scroll-top .main-content-background {
padding-bottom: 80px;
}
.single-post.ut-has-scroll-top .main-content-background,
.single-product.ut-has-scroll-top .main-content-background {
padding-bottom: 120px;
}
.ut-spacing-80:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background,
.ut-spacing-120:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background,
.ut-spacing-160:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background,
.ut-spacing-200:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background,
.ut-spacing-80.ut-vc-enabled.ut-has-page-title .page-header,
.ut-spacing-120.ut-vc-enabled.ut-has-page-title .page-header,
.ut-spacing-160.ut-vc-enabled.ut-has-page-title .page-header,
.ut-spacing-200.ut-vc-enabled.ut-has-page-title .page-header {
padding-top: 80px;
}
.ut-vc-enabled .wpb_content_element > .page-header,
.ut-spacing-80.ut-vc-enabled .wpb_content_element .page-header,
.ut-spacing-120.ut-vc-enabled .wpb_content_element .page-header,
.ut-spacing-160.ut-vc-enabled .wpb_content_element .page-header,
.ut-spacing-200.ut-vc-enabled .wpb_content_element .page-header {
padding-top: 0;
}
.ut-spacing-80:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background,
.ut-spacing-120:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background,
.ut-spacing-160:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background,
.ut-spacing-200:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background {
padding-bottom: 80px;
}
.ut-spacing-80:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background,
.ut-spacing-120:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background,
.ut-spacing-160:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background,
.ut-spacing-200:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background {
padding-bottom: 120px;
}
.ut-spacing-80.ut-vc-enabled #secondary,
.ut-spacing-120.ut-vc-enabled #secondary,
.ut-spacing-160.ut-vc-enabled #secondary,
.ut-spacing-200.ut-vc-enabled #secondary {
padding: 80px 0;
}
.ut-empty-div {
border: none !important;
display: none !important;
height: 0 !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;    
}
.single-post .entry-header .entry-title {
cursor: default;
}
@media (max-width: 1200px) {
.single-post .single-post-entry-sub-title {
font-size: 20px !important;
line-height: 125% !important;
}
} @media (max-width: 767px) {
.ut-spacing-80.ut-vc-enabled.ut-last-section-has-no-fill #secondary,
.ut-spacing-120.ut-vc-enabled.ut-last-section-has-no-fill #secondary,
.ut-spacing-160.ut-vc-enabled.ut-last-section-has-no-fill #secondary,
.ut-spacing-200.ut-vc-enabled.ut-last-section-has-no-fill #secondary {
padding-top: 0;
}
.ut-spacing-80.ut-vc-enabled.ut-has-scroll-top #secondary,
.ut-spacing-120.ut-vc-enabled.ut-has-scroll-top #secondary,
.ut-spacing-160.ut-vc-enabled.ut-has-scroll-top #secondary,
.ut-spacing-200.ut-vc-enabled.ut-has-scroll-top #secondary {
padding-bottom: 120px;
}
.ut-spacing-80.ut-vc-disabled #secondary,
.ut-spacing-120.ut-vc-disabled #secondary,
.ut-spacing-160.ut-vc-disabled #secondary,
.ut-spacing-200.ut-vc-disabled #secondary {
padding-top: 40px;
}
.blog.ut-spacing-80.ut-vc-disabled #secondary,
.blog.ut-spacing-120.ut-vc-disabled #secondary,
.blog.ut-spacing-160.ut-vc-disabled #secondary,
.blog.ut-spacing-200.ut-vc-disabled #secondary {
padding-top: 0;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.ut-spacing-80.ut-vc-enabled.ut-last-section-has-no-fill #secondary,
.ut-spacing-120.ut-vc-enabled.ut-last-section-has-no-fill #secondary,
.ut-spacing-160.ut-vc-enabled.ut-last-section-has-no-fill #secondary,
.ut-spacing-200.ut-vc-enabled.ut-last-section-has-no-fill #secondary {
padding-top: 0;
}
.ut-spacing-80.ut-vc-enabled.ut-has-scroll-top #secondary,
.ut-spacing-120.ut-vc-enabled.ut-has-scroll-top #secondary,
.ut-spacing-160.ut-vc-enabled.ut-has-scroll-top #secondary,
.ut-spacing-200.ut-vc-enabled.ut-has-scroll-top #secondary {
padding-bottom: 120px;
}
.ut-spacing-80.ut-vc-disabled #secondary,
.ut-spacing-120.ut-vc-disabled #secondary,
.ut-spacing-160.ut-vc-disabled #secondary,
.ut-spacing-200.ut-vc-disabled #secondary {
padding-top: 80px;
}
.blog.ut-spacing-80.ut-vc-disabled #secondary,
.blog.ut-spacing-120.ut-vc-disabled #secondary,
.blog.ut-spacing-160.ut-vc-disabled #secondary,
.blog.ut-spacing-200.ut-vc-disabled #secondary {
padding-top: 40px;
}
} @media (min-width: 1025px) {
.ut-spacing-80:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background {
padding-top: 80px;
}
.ut-spacing-80:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background {
padding-bottom: 120px;
}
.ut-spacing-120:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background {
padding-top: 120px;
}
.ut-spacing-120:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background {
padding-bottom: 160px;
}
.ut-spacing-160:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background {
padding-top: 160px;
}
.ut-spacing-160:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background {
padding-bottom: 200px;
}
.ut-spacing-200:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled .main-content-background {
padding: 200px 0;
}
.ut-spacing-200:not(.blog):not(.archive):not(.search-results):not(.single-post):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account).ut-vc-disabled.ut-has-scroll-top .main-content-background {
padding-bottom: 240px;
}
.ut-spacing-80.ut-vc-enabled.ut-has-page-title .page-header,
.ut-spacing-80.ut-vc-enabled #secondary {
padding-top: 80px;
}
.ut-spacing-120.ut-vc-enabled.ut-has-page-title .page-header,
.ut-spacing-120.ut-vc-enabled #secondary {
padding-top: 120px;
}
.ut-spacing-160.ut-vc-enabled.ut-has-page-title .page-header,
.ut-spacing-160.ut-vc-enabled #secondary {
padding-top: 160px;
}
.ut-spacing-200.ut-vc-enabled.ut-has-page-title .page-header,
.ut-spacing-200.ut-vc-enabled #secondary {
padding-top: 200px;
}
.ut-vc-enabled .wpb_content_element > .page-header,
.ut-spacing-80.ut-vc-enabled .wpb_content_element .page-header,
.ut-spacing-120.ut-vc-enabled .wpb_content_element .page-header,
.ut-spacing-160.ut-vc-enabled .wpb_content_element .page-header,
.ut-spacing-200.ut-vc-enabled .wpb_content_element .page-header {
padding-top: 0;
}
.ut-spacing-80.ut-vc-enabled #secondary {
padding-bottom: 80px;
}
.ut-spacing-80.ut-vc-enabled.ut-has-scroll-top #secondary {
padding-bottom: 120px;
}
.ut-spacing-120.ut-vc-enabled #secondary {
padding-bottom: 120px;
}
.ut-spacing-120.ut-vc-enabled.ut-has-scroll-top #secondary {
padding-bottom: 160px;
}
.ut-spacing-160.ut-vc-enabled #secondary {
padding-bottom: 160px;
}
.ut-spacing-160.ut-vc-enabled.ut-has-scroll-top #secondary {
padding-bottom: 200px;
}
.ut-spacing-200.ut-vc-enabled #secondary {
padding-bottom: 200px;
}
.ut-spacing-200.ut-vc-enabled.ut-has-scroll-top #secondary {
padding-bottom: 240px;
}
}  .archive .hdb {
margin-top: 20px !important;
}
.search .hdb {
margin-top: 20px !important;
margin-bottom: 40px !important;
}
.error404 .hdb {
margin-bottom: 0 !important;
margin-top: 20px !important;
}
.error404 .hero-btn-holder {
margin-top: 20px !important;
}
.error404 .ut-sub-footer-border-top {
display: none;
}
.archive #searchform .search-submit,
.search #searchform .search-submit {
padding: 12px;
}
.archive #searchform .search-field,
.search #searchform .search-field {
max-width: 320px;
width: 100%;
padding: 0 0 10px 0;
margin: 0 auto 40px auto;
background: transparent;
border-left: none;
border-top: none;
border-right: none;
}
.archive #searchform .search-field:focus,
.search #searchform .search-field:focus {
color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
}
.error404 .hero-btn-holder, 
.error404 .hero-btn-holder .ut-btn {
margin: 0;
}
.error404 .hero-btn-holder .ut-btn {
background: #151515;
color: #FFFFFF;
} .ut-archive-tags {
margin-bottom: 45px;
}
.ut-daily-archive-list, 
.ut-monthly-archive-list, 
.ut-monthly-archive-list, 
.ut-yearly-archive-list, 
.ut-contributors-archive-list, 
.ut-categories-archive-list, 
.ut-latest-posts-list {
list-style: none;
margin: 0 0 20px 0;
}
.ut-daily-archive-list li, 
.ut-monthly-archive-list li, 
.ut-monthly-archive-list li, 
.ut-yearly-archive-list li, 
.ut-contributors-archive-list li, 
.ut-categories-archive-list li, 
.ut-latest-posts-list li {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #DDDDDD;
padding-left: 10px;
position: relative;
list-style: none;
}
.ut-daily-archive-list li:before, 
.ut-monthly-archive-list li:before, 
.ut-monthly-archive-list li:before, 
.ut-yearly-archive-list li:before, 
.ut-contributors-archive-list li:before, 
.ut-categories-archive-list li:before, 
.ut-latest-posts-list li:before {
font-family: 'FontAwesome';
content: "\f105";
font-weight: normal;
font-style: normal;
position: absolute;
top: 0;
left: 0;
}
.ut-archive-template-title {
text-transform: uppercase;
font-size: 17px;
} #contact-section .parallax-header, 
#contact-section .section-header {
padding-bottom: 0;
margin-bottom: 40px;
}
#contact-section .parallax-header > *:last-child, 
#contact-section .section-header > *:last-child, 
#contact-section .parallax-header > .lead *:last-child, 
#contact-section .section-header > .lead *:last-child {
margin-bottom: 0;
}
#contact-section .background-map {
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
#contact-section .background-map iframe {
width: 100%;
height: 100%;
}
#contact-section ul, #contact-section ol {
list-style: outside;
}
.light .ut-left-footer-area,
.light .ut-right-footer-area {
background: rgba(255, 255, 255, 0.15);
}
.light .ut-left-footer-area,
.light .ut-right-footer-area {
padding: 20px;
}
@media (min-width: 1025px)  {
.light .ut-left-footer-area,
.light .ut-right-footer-area {
padding: 40px;
}
}
.light .ut-right-footer-area > *:last-child, .light .ut-left-footer-area > *:last-child {
margin-bottom: 0;
} .ut-left-footer-area {
margin-bottom: 0;
}
.contact-section.contact-map {
position: relative;
}
.wpcf7-form p {
margin: 0 0 20px 0;
}
.wpcf7-form .wpcf7-response-output {
margin: 10px 0 0 0;
border: none;
padding: 0;
}
.light#contact-section a:hover {
color: #FFFFFF;
}
.wpcf7-form .ajax-loader {
display: none !important;
}
.dark .wpcf7-form {
color: #151515;
}
.wpcf7-not-valid-tip {
border: none !important;
padding: 0;
margin-bottom: 20px;
}
.fa-ul li .fa {
font-size: 16px;
top: 0;
}
.fa-ul li,
.fa-ul {
list-style: none !important;
}
.contact-wrap .fa-ul li .fa {
line-height: inherit;
} .footer {
padding: 0;
background: #FFFFFF;
position: relative;
}
.footer.ut-footer-dark a.toTop, 
.footer.ut-footer-dark {
background: #141618;
}
.footer.ut-footer-dark h1, 
.footer.ut-footer-dark h2, 
.footer.ut-footer-dark h3, 
.footer.ut-footer-dark h4, 
.footer.ut-footer-dark h5, 
.footer.ut-footer-dark h6 {
color: #FFFFFF;
}
.footer.ut-footer-dark a.toTop, 
.footer.ut-footer-dark .widget-title {
color: #FFFFFF;
}
a.toTop {
display: block;
width: 40px;
height: 40px;
background: #FFFFFF;
font-size: 16px;
line-height: 40px;
position: absolute;
z-index: 100;
top: -40px;
left: 0;
right: 0;
margin: auto;
color: #151515;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
-webkit-transform: translateZ(0);
transform: translateZ(0);
text-align: center;
}
a.toTop:active,
a.toTop:hover {
color: #151515;
-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.1);
}
a.toTop, 
.toTop 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); -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); }
.toTop i::before {
vertical-align: middle;
}
.copyright {
padding: 0;
margin: 0;
font-size: 11px;
display: block;
text-transform: uppercase;
line-height: 150%;
}
.ut-footer-area {
color: #777777;
}
.ut-spacing-80 .ut-footer-area,
.ut-spacing-120 .ut-footer-area, 
.ut-spacing-160 .ut-footer-area, 
.ut-spacing-200 .ut-footer-area {
padding-bottom: 40px;
padding-top: 40px;
}
.footer.ut-footer-has-widgets {
padding: 40px 0 0;
}
@media (min-width: 1025px) {
.ut-spacing-80 .ut-footer-area {
padding-bottom: 40px;
padding-top: 40px;
}
.ut-spacing-120 .ut-footer-area {
padding-bottom: 80px;
padding-top: 80px;
}
.ut-spacing-160 .ut-footer-area {
padding-bottom: 120px;
padding-top: 120px;
}
.ut-spacing-200 .ut-footer-area {
padding-bottom: 160px;
padding-top: 160px;
}
.ut-footer-area.ut-footer-area-160 {
padding-bottom: 120px;
padding-top: 120px;
}
.ut-footer-area.ut-footer-area-120 {
padding-bottom: 80px;
padding-top: 80px;
}
.ut-footer-area.ut-footer-area-80 {
padding-bottom: 40px;
padding-top: 40px;
}
.ut-footer-area.ut-footer-area-40 {
padding-bottom: 0;
padding-top: 0;
}
.ut-footer-area.ut-footer-area-0 {
padding-bottom: 0;
padding-top: 0;
}
}
.ut-footer-dark .ut-footer-area {
color: rgb(255,255,255);
color: rgba(255,255,255,0.5);
}
.footer-content {
background: #FFFFFF;
color: #151515;
text-align: center;
padding: 40px 0;
}
.ut-footer-has-widgets .footer-content {
padding: 20px 0;
}
.ut-footer-light.ut-footer-has-widgets,
.ut-footer-light.ut-footer-has-widgets .footer-content {
border-top: 1px solid #DDDDDD;
}
.ut-footer-area ul.sidebar a {
color: #151515;
}
.ut-footer-dark .ut-footer-area ul.sidebar a {
color: #777777;
}
.footer-content h1, 
.footer-content h2, 
.footer-content h3, 
.footer-content h4, 
.footer-content h5, 
.footer-content h6 {
color: #151515;
text-transform: none;
margin: 0;
position: relative;
line-height: 150%;
font-size: 14px;
}
.footer-content a, .copyright a {
color: #151515;
font-weight: bold;
text-transform: uppercase;
} .ut-footer-dark .footer-content h1, 
.ut-footer-dark .footer-content h2, 
.ut-footer-dark .footer-content h3, 
.ut-footer-dark .footer-content h4, 
.ut-footer-dark .footer-content h5, 
.ut-footer-dark .footer-content h6 {
color: #FFFFFF;
}
.ut-footer-dark .footer-content {
background: #131416;
color: rgb(255,255,255);
color: rgba(255,255,255,0.5);
}
.ut-footer-dark .footer-content a {
color: #777777;
text-transform: uppercase;
}
.ut-footer-dark .footer-content a:hover, 
.ut-footer-dark .footer-content a:active {
color: #FFFFFF;
}
.ut-footer-so {
margin: 0;
padding: 0;
display: block;
}
.ut-footer-so li {
display: inline-block;
margin-right: 20px;
margin-bottom: 10px;
}
.ut-sub-footer-style-2 .ut-footer-so li:first-child {
margin-right: 0;
}
.ut-sub-footer-style-1 .ut-sub-footer-social-icons .ut-footer-so li:last-child {
margin-right: 0;
}
.ut-footer-so li a {
display: block;
text-align: center;
}
.ut-footer-so li a i, .ut-footer-so li a {
-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); }
.ut-footer-so li a i {
color: #151515;
font-size: 16px;
}
.ut-footer-dark .ut-footer-so li a i {
color: #FFFFFF;
} .ut-sub-footer-style-2.ut-sub-footer-style-2-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
.ut-sub-footer-style-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ut-sub-footer-style-2 .ut-footer-so li {
margin-bottom: 0;
float: left;
}
.ut-sub-footer-style-2:not(.ut-sub-footer-style-2-reverse) .ut-footer-so li:first-child {
margin-right: 20px;
}
.ut-sub-footer-style-2:not(.ut-sub-footer-style-2-reverse) .ut-footer-so li:last-child {
margin-right: 0;
}
.ut-sub-footer-style-2.ut-sub-footer-style-2-reverse .ut-footer-so li {
margin-bottom: 0;
float: right;
}
.ut-sub-footer-style-2.ut-sub-footer-style-2-reverse .ut-sub-footer-social-icons, 
.ut-sub-footer-style-2 .ut-sub-footer-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.ut-sub-footer-style-2.ut-sub-footer-style-2-reverse .ut-sub-footer-content, 
.ut-sub-footer-style-2 .ut-sub-footer-social-icons {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
}
.ut-sub-footer-style-2:not(.ut-sub-footer-style-2-reverse) .ut-sub-footer-social-icons, .ut-sub-footer-style-2.ut-sub-footer-style-2-reverse .ut-sub-footer-content {
padding-right: 10px;
}
.ut-sub-footer-style-2.ut-sub-footer-style-2-reverse .ut-sub-footer-social-icons, 
.ut-sub-footer-style-2.ut-sub-footer-style-2:not(.ut-sub-footer-style-2-reverse) .ut-sub-footer-content {
padding-left: 10px;
} form {
margin: 0;
}
.light input, 
.light textarea {
border: 1px solid transparent;
padding: 10px;
outline: none;
color: #FFFFFF;
margin: 0;
width: 100%;
max-width: 100%;
display: block;
vertical-align: baseline; *vertical-align: middle; margin-bottom: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.35);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-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); -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); }
textarea {
overflow: auto; vertical-align: top; resize: vertical;
}
.light input:focus, 
.light textarea:focus {
border: 1px solid transparent;
color: #FFFFFF;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.5);
}
.success-message, 
.alert-message, 
.error-message {
display: none;
font-size: 12px;
}
.widget_search {
margin-bottom: 40px;
}
.widget_search .search-submit, 
.widget_search #searchform span {
display: none;
}
select {
width: 100%;
max-width: 100%;
color: #151515;
padding: 10px;
outline: none;
background: transparent;
border: 1px solid #DDDDDD;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
-webkit-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); } input[type="radio"], 
input[type="checkbox"] {
display: inherit !important;
width: inherit !important;
}
input[type="checkbox"] {
-webkit-appearance: checkbox !important;
}
input[type="radio"] {
-webkit-appearance: radio !important;
}
#wp-comment-cookies-consent {
display: inline !important;
margin-right: 10px;
margin-bottom: 0;
}
.dark .wpcf7-form input, 
.dark .wpcf7-form textarea, 
input, 
textarea {
background: transparent;
border: 1px solid #DDDDDD;
color: #b2b2b6;
padding: 10px;
outline: none;
margin: 0;
width: 100%;
max-width: 100%;
display: block;
vertical-align: baseline; margin-bottom: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: border 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
.wpcf7-form p,
.wpcf7-form p {
margin-bottom: 20px;
}
.wpcf7-form p input,
.wpcf7-form p textarea {
margin-bottom: 0;
}
#secondary input, 
#secondary textarea, 
#secondary select {
font-size: 12px;
}
input:focus, 
textarea:focus, 
select:focus, 
.dark .wpcf7-form input:focus, 
.dark .wpcf7-form textarea:focus, 
.dark .wpcf7-form select:focus {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
box-shadow: 0 1px 3px rgba(0,0,0,.1) inset;
border-color: #dddddd;
background: transparent;
color: #151515;
} input:not(output):-moz-ui-invalid {
box-shadow: none;
}
input:not(output):-moz-ui-invalid:-moz-focusring {
box-shadow: none;
} .ut-footer-dark input, 
.ut-footer-dark select, 
.ut-footer-dark textarea {
background: transparent;
border-color: rgba(255,255,255,0.1);
color: #777777;
}
.ut-footer-dark input:focus, 
.ut-footer-dark textarea:focus, 
.ut-footer-dark select:focus {
color: #b2b2b6;
-webkit-box-shadow: none;
box-shadow: none;
}
.ut-footer-dark input[type="button"], 
.ut-footer-dark input[type="submit"] {
line-height: 24px;
color: #FFFFFF;
}
span.wpcf7-form-control-wrap {
line-height: 1.2;
}
span.wpcf7-list-item {
margin: 0 10px 0 0;
}
span.wpcf7-list-item label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
span.wpcf7-list-item input[type="checkbox"],
span.wpcf7-list-item input[type="radio"] {
margin: 0 10px 0 0;
vertical-align: middle;
}
span.wpcf7-list-item .wpcf7-form select {
margin-bottom: 0;
} button, 
input[type="submit"]:not(.hero-btn), 
input[type="button"]:not(.hero-btn) {
font-family: sans-serif;
font-weight: 400;
border: none !important;
vertical-align: baseline; *vertical-align: middle; display: inline-block;
text-decoration: none;
cursor: pointer;
margin-bottom: 0;
line-height: 24px;
background: #151515;
color: #FFFFFF;
padding: 8px 12px;
text-transform: uppercase;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
-webkit-appearance: none;
width: auto;
outline: none !important;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -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); }
button:hover, 
button:focus, 
button:active, 
input[type="button"]:not(.hero-btn):hover, 
input[type="button"]:not(.hero-btn):focus, 
input[type="button"]:not(.hero-btn):active, 
input[type="submit"]:not(.hero-btn):hover, 
input[type="submit"]:not(.hero-btn):focus, 
input[type="submit"]:not(.hero-btn):active {
color: #FFFFFF;
background: #ffbf00;
border: none;
} #contact-section.light button, 
#contact-section.light input[type="submit"], 
#contact-section.light input[type="button"] {
background: #ffbf00;
color: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#contact-section.light button:hover, 
#contact-section.light button:focus, 
#contact-section.light button:active, 
#contact-section.light input[type="button"]:hover, 
#contact-section.light input[type="button"]:focus, 
#contact-section.light input[type="button"]:active, 
#contact-section.light input[type="submit"]:hover,
#contact-section.light input[type="submit"]:focus, 
#contact-section.light input[type="submit"]:active {
color: #FFFFFF;
background: #151515;
} #contact-section.dark button, 
#contact-section.dark input[type="submit"], 
#contact-section.dark input[type="button"] {
background: #151515;
color: #FFFFFF;
width: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
}
#contact-section.dark button:hover, 
#contact-section.dark button:focus, 
#contact-section.dark button:active, 
#contact-section.dark input[type="button"]:hover, 
#contact-section.dark input[type="button"]:focus, 
#contact-section.dark input[type="button"]:active, 
#contact-section.dark input[type="submit"]:hover, 
#contact-section.dark input[type="submit"]:focus, 
#contact-section.dark input[type="submit"]:active {
color: #FFFFFF;
background: #ffbf00;
} #contact-section.light button, 
#contact-section.light input[type="submit"], 
#contact-section.light input[type="button"], 
#contact-section.dark button, #contact-section.dark input[type="submit"], 
#contact-section.dark input[type="button"] {
background: #151515;
color: #FFFFFF;
}
#contact-section.light button:hover, 
#contact-section.light button:focus, 
#contact-section.light button:active, 
#contact-section.light input[type="button"]:hover, 
#contact-section.light input[type="button"]:focus, 
#contact-section.light input[type="button"]:active, 
#contact-section.light input[type="submit"]:hover, 
#contact-section.light input[type="submit"]:focus, 
#contact-section.light input[type="submit"]:active, 
#contact-section.dark button:hover, 
#contact-section.dark button:focus, 
#contact-section.dark button:active, 
#contact-section.dark input[type="button"]:hover, 
#contact-section.dark input[type="button"]:focus,
#contact-section.dark input[type="button"]:active, 
#contact-section.dark input[type="submit"]:hover, 
#contact-section.dark input[type="submit"]:focus, 
#contact-section.dark input[type="submit"]:active {
color: #FFFFFF;
background: #ffbf00;
} .ut-footer-custom button, 
.ut-footer-custom input[type="submit"], 
.ut-footer-custom input[type="button"] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.40s ease-in-out;
-o-transition: all 0.40s ease-in-out;
transition: all 0.40s ease-in-out;
} .ut-footer-light button, 
.ut-footer-light input[type="submit"], 
.ut-footer-light input[type="button"] {
background: #151515;
color: #FFFFFF;
}
.ut-footer-light button:hover, 
.ut-footer-light button:focus, 
.ut-footer-light button:active, 
.ut-footer-light input[type="button"]:hover, 
.ut-footer-light input[type="button"]:focus, 
.ut-footer-light input[type="button"]:active,
.ut-footer-light input[type="submit"]:hover, 
.ut-footer-light input[type="submit"]:focus, 
.ut-footer-light input[type="submit"]:active {
color: #FFFFFF;
background: #ffbf00;
} .ut-footer-dark button, 
.ut-footer-dark input[type="submit"], 
.ut-footer-dark input[type="button"] {
background: #ffbf00;
color: #FFFFFF;
}
.ut-footer-dark button:hover, 
.ut-footer-dark button:focus, 
.ut-footer-dark button:active, 
.ut-footer-dark input[type="button"]:hover, 
.ut-footer-dark input[type="button"]:focus, 
.ut-footer-dark input[type="button"]:active,
.ut-footer-dark input[type="submit"]:hover, 
.ut-footer-dark input[type="submit"]:focus, 
.ut-footer-dark input[type="submit"]:active {
color: #FFFFFF;
background: #151515;
} button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
} .ut-split-screen-poster {
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: scroll !important;
margin: 0 auto;
}
.ut-split-screen .parallax-header, 
.ut-split-screen .section-header {
text-align: left;
}
.ut-split-content-right, .ut-split-content-left {
margin-top: 140px;
margin-bottom: 70px;
}
.ut-split-screen .pt-style-6 .page-title span::after,
.ut-split-screen .pt-style-6 .parallax-title span::after,
.ut-split-screen .pt-style-6 .section-title span::after {
margin: 15px 0;
}
.ut-split-screen .pt-style-2 .page-title span::after,
.ut-split-screen .pt-style-2 .parallax-title span::after,
.ut-split-screen .pt-style-2 .section-title span::after {
margin: 15px 0;
}
.ut-split-screen .pt-style-1 .page-title span, 
.ut-split-screent .pt-style-1 .section-title span {
padding: 0 20px 0 0;
}
.ut-split-content-left .pt-style-1 .section-title span, 
.ut-split-content-right .pt-style-1 .section-title span, 
.ut-split-content-left .pt-style-1 .page-title span, 
.ut-split-content-right .pt-style-1 .page-title span {
padding-left: 0;
} .add-padding {
padding-right: 20px !important;
padding-left: 20px !important;
}
.remove-bottom {
margin-bottom: 0 !important;
}
.half-bottom {
margin-bottom: 10px !important;
}
.add-bottom {
margin-bottom: 20px !important;
}
.ut-half-height {
height: 50% !important;
}
.section-content {
position: relative;
}
.ut-section-shadow {
-webkit-box-shadow: 0 -5px 4px rgba(0, 0, 0, 0.08) inset;
box-shadow: 0 -5px 4px rgba(0, 0, 0, 0.08) inset;
}
.ut-new-hide {
display: none;
}
.dark blockquote {
color: #151515;
}
.dark cite, 
.dark, 
.dark .lead {
color: #888888;
}
.dark b, 
.dark strong {
color: #151515;
}
.dark h1, 
.dark h2, 
.dark h3, 
.dark h4, 
.dark h5, 
.dark h6 {
color: #151515;
}
.light cite, 
.light blockquote, 
.light, 
.light .lead {
color: #FFFFFF;
}
.light h1, 
.light h2, 
.light h3, 
.light h4, 
.light h5,
.light h6 {
color: #FFFFFF;
}
.ut-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.ut-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
span.ut-word-rotator {
color: inherit;
display: inline-block;
}
h1.ut-word-rotator,
h2.ut-word-rotator,
h3.ut-word-rotator,
h4.ut-word-rotator,
h5.ut-word-rotator,
h6.ut-word-rotator {
margin-bottom: 0;
}
div.pp_default .pp_content .ppt {
font-size: 13px;
color: #151515 !important;
}
.error404 .search-submit, 
.search-no-results .search-submit {
margin-bottom: 0;
}
.playerBox {
max-width: inherit !important;
}
.ut-video-control, 
.ut-audio-control {
bottom: 10px;
position: absolute;
height: 25px;
left: 50%;
display: block;
z-index: 2;
}
#contact-section .ut-video-control {
top: 40px;
bottom: auto;
}
.ut-mute::before, 
.ut-unmute::before {
font-family: 'Brooklyn-Core';
color: #FFFFFF;
font-size: 20px;
}
.ut-mute::before {
content: "\e904";
}
.ut-unmute::before {
content: "\e905";
}
.ut-video-section, 
.ut-video-section .parallax-overlay {
position: relative;
}
#wpstats {
display: none;
}
.ut_widget_twitter a {
word-break: break-all;
} .ut-custom-icon {
margin-bottom: 20px;
} .ut-icon-box .ut-custom-icon {
display: block;
font-size: inherit;
margin: 0;
line-height: 100px;
text-align: center;
}
.ut-icon-box .ut-custom-icon img,
.ut-icon-box.ut-icon-box-small .ut-custom-icon img {
max-width: 50px;
margin: 0;
vertical-align: middle;
}
.ut-icon-box.ut-icon-box-small .ut-custom-icon img {
max-width: 32px;
}
.ut-icon-box.ut-icon-box-medium .ut-custom-icon img {
max-width: 44px;
} .ut-install-note {
margin-top: 40px;
margin-bottom: 40px;
} .js .slides .hero-holder {
opacity: 0;
}
.js .slides .hero-holder.show {
opacity: 1;
} .ut-modal-box {
margin-left: -25%; } .ut-rotate-avatar {
min-height: 200px;
}   .tp-bullets.simplebullets.round .bullet {
background: none !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 14px;
height: 14px;
border: 1px solid rgb(255,255,255);
border: 1px solid rgba(255,255,255, 0.15);
}
.tp-bullets.simplebullets.round .selected {
border-color: #FFFFFF !important;
}
.themecolor-bg {
padding: 3px 5px;
color: #FFFFFF;
}
.tp-rightarrow.default, 
.tp-leftarrow.default {
background: none !important;
}
.tp-rightarrow.default:hover:before, 
.tp-leftarrow.default:hover:before {
color: #FFFFFF;
-webkit-transition: 0.2s color linear;
-o-transition: 0.2s color linear;
transition: 0.2s color linear;
}
.tp-rightarrow.default:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 65px;
color: rgb(255,255,255);
color: rgba(255,255,255, 0.15);
}
.tp-leftarrow.default:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 65px;
color: rgb(255,255,255);
color: rgba(255,255,255, 0.15);
}
.hero-title.ut-glow {
color: #FFFFFF;
-webkit-text-shadow: 0 0 40px #FFFFFF,  2px 2px 3px black;
-moz-text-shadow: 0 0 40px #FFFFFF,  2px 2px 3px black;
text-shadow: 0 0 40px #FFFFFF,  2px 2px 3px black;
}
.light .section-title.ut-glow, 
.light .parallax-title.ut-glow, 
.light .page-title.ut-glow, 
.light .section-title.ut-glow {
color: #FFFFFF;
-webkit-text-shadow: 0 0 40px #FFFFFF,  2px 2px 3px black;
-moz-text-shadow: 0 0 40px #FFFFFF,  2px 2px 3px black;
text-shadow: 0 0 40px #FFFFFF,  2px 2px 3px black;
}
.dark .section-title.ut-glow, 
.dark .parallax-title.ut-glow, 
.dark .page-title.ut-glow, 
.dark .section-title.ut-glow {
color: #151515;
-webkit-text-shadow: 0 0 40px #151515,  2px 2px 3px black;
-moz-text-shadow: 0 0 40px #151515,  2px 2px 3px black;
text-shadow: 0 0 40px #151515,  2px 2px 3px black;
} #qLoverlay {
display: table;
height: 100%;
left: 0;
position: fixed;
top: 0;
overflow: hidden;
width: 100%;
z-index: 666999;
margin: 0;
padding: 0;
}
.ut-loader-overlay {
position: fixed;
height: 100%;
width: 100%;
z-index: 666998;
top: 0;
left: 0;
}
.ut-inner-overlay {
display: table-cell;
text-align: center;
vertical-align: middle;
overflow: hidden;
margin: 0;
padding: 0;
}
.ut-overlay-svg-wrap {
display: block;
}
.ut-inner-overlay .site-logo {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#ut-loader-logo {
display: block;
overflow: hidden;
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.ut-inner-overlay .ut-loading-text {
margin-top: 20px;
}
.ut-inner-overlay .ut-loading-text p {
color: #FFFFFF;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 10px;
margin: 0;
line-height: 150%;
padding: 0;
text-align: center;
}
#ut-loader-logo.ut-style4-active {
margin-bottom: 0;
}
#qLpercentage {
color: #FFFFFF;
font-size: 14px;
line-height: 100%;
}
.ut-inner-overlay div:not(.ut-loader__ball4):not(.ut-loader__bar4):not(.ut-loading-bar-style2-ball-effect):not(.sk-cube-grid):not(.sk-cube):not(.ut-double-bounce1):not(.ut-double-bounce2):not(.ut-page-loader-spinner) {
margin-top: 40px;
-webkit-animation-duration: 3s;
-webkit-animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-duration: 3s;
animation-fill-mode: both;
animation-name: fadeIn;
}
.ut-inner-overlay > div:first-child {
margin-top: 0 !important;
}
.ut-inner-overlay > div:last-child {
margin-bottom: 0 !important;
}
.ut-shape-wrap {
position: relative;
z-index: 666997;
margin: -5px 0 0 0; }
.ut-shape-wrap-push {
width: 100%;
height: 100vh;
position: relative;
}
.ut-shape {
height: 100vh;
width: 100%;
display: block;
fill: #FFF;
}
.ut-loader-overlay.ut-loader-overlay-with-morph {
height: 200vh;
background: none !important;
background-color: transparent !important;
} #ut-overlay-svg {
max-width: 80%;
}
#ut-overlay-svg {
visibility: hidden;
}
#ut-overlay-svg.loaded {
visibility: visible;
}
#ut-overlay-svg.loaded .ut-stroke-offset-line  {
stroke-dasharray: 100% 0%;
-webkit-animation: stroke-offset 1s linear;
animation: stroke-offset 1s linear;
}
.ut-overlay-svg-deco {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@-webkit-keyframes stroke-offset {
0% {
stroke-dashoffset: 35%;
stroke-dasharray: 0 100%;
}
}
@keyframes stroke-offset {
0% {
stroke-dashoffset: 35%;
stroke-dasharray: 0 100%;
}
} #ut-overlay-animated-text-wrap {
display: inline-block;
position: relative;
}
#ut-overlay-animated-text,
#ut-overlay-animated-background-text {
font-size: 60px;
text-align: center;
font-weight: bold;
line-height: 120%;
margin: 0;
white-space: nowrap !important;
}
#ut-overlay-animated-background-text {
background-clip: border-box !important;
-webkit-background-clip: text !important;
-ms-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;
background-clip: text !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important; ;
width: calc(100% - 1px);
color: transparent;
visibility: hidden;
pointer-events: none;
z-index: -1;
left: 0;
}
#ut-overlay-animated-text {
color: #111;
visibility: hidden;
right: 0;
width: 100%;
overflow: hidden;
position: absolute;
}
#ut-overlay-animated-text > div {
margin: 0;
position: absolute;
}
#ut-overlay-animated-text-wrap.calculated #ut-overlay-animated-text.start,
#ut-overlay-animated-text-wrap.calculated #ut-overlay-animated-background-text.start {
visibility: visible;
}
#ut-overlay-animated-text,
#ut-overlay-animated-text-wrap,
#ut-overlay-animated-text > div,
#ut-overlay-animated-background-text {
-webkit-animation-name: none;
animation-name: none;
}
@media (max-width: 767px) {
#ut-overlay-animated-text,
#ut-overlay-animated-background-text {
font-size: 40px !important;
line-height: 125% !important;
}
#ut-overlay-animated-text,
#ut-overlay-animated-background-text {
white-space: normal !important;
}
} #ut-cyberpunk-loader-wrap {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
}
.ut-cyberpunk-loader {
width: 500px;
height: 500px;
position: relative;
}
.circleFW,
.circleSW {
width: 100%;
height: 100%;
transform-origin: center center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.circleFW {
animation: rotate 2s ease infinite;
}
.circleSW {
animation: rotate-reverse 4s linear infinite;
}
.path,
.path2,
.path3,
.path4,
.path5,
.path6,
.path7,
.path8,
.path9 {
stroke-linecap: square;
stroke-width: 33;
opacity: 0.8;
}
.path {
stroke-dasharray: 1400, 2600;
stroke-dashoffset: 0;
animation: dash 3.7s ease-in-out infinite;
opacity: 0.3;
}
.path2 {
stroke-dasharray: 40, 2600;
stroke-dashoffset: -500px;
}
.path3 {
stroke-dasharray: 200, 2600;
stroke-dashoffset: -700px;
}
.path4 {
stroke-dasharray: 40, 2600;
stroke-dashoffset: -2000px;
}
.path5 {
stroke-dasharray: 100, 1600;
stroke-dashoffset: 0;
}
.path6 {
stroke-dasharray: 300, 2600;
stroke-dashoffset: -1000px;
}
.path7 {
stroke-dasharray: 40, 2600;
stroke-dashoffset: -1200px;
}
.path8 {
stroke-dasharray: 100, 2600;
stroke-dashoffset: -300px;
}
.path9 {
stroke-dashoffset: -300px;
opacity: 0.8;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes rotate-reverse {
100% {
transform: rotate(-360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 2000, 2600;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 2400, 2600;
stroke-dashoffset: -500px;
}
100% {
stroke-dasharray: 2000, 2600;
stroke-dashoffset: 0;
}
}
@keyframes dash2 {
0% {
stroke-dasharray: 100, 2600;
stroke-dashoffset: -2000px;
}
50% {
stroke-dasharray: 500, 2600;
stroke-dashoffset: -1000px;
}
100% {
stroke-dasharray: 100, 2600;
stroke-dashoffset: -1960px;
}
} #ut-overlay-menu {
z-index: 10002;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100vh;
width: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#ut-overlay-menu.ut-overlay-menu-visible {
opacity: 1;
pointer-events: auto;
}
.ut-overlay-menu-row {
display: table;
width: 100%;
height: 100%;
text-align: center;
position: relative;
}
.ut-overlay-menu-row-inner {
display: table-row;
}
#ut-overlay-nav {
display: table-cell;
vertical-align: middle;
}
#ut-overlay-nav li {
margin-top: 10px;
margin-bottom: 10px;
}
#ut-overlay-nav ul {
margin: 0;
list-style: none;
}
#ut-overlay-nav ul > li {
opacity: 1;
font-size: 24px;
line-height: 150%;
text-transform: uppercase;
}
#ut-overlay-nav ul > li a {
color: #FFFFFF;
}
#ut-overlay-nav ul.sub-menu li {
font-size: 16px;
line-height: 125%;
display: inline-block;
}
#ut-close-overlay-menu {
position: absolute;
top: 0;
right: 40px;
}
.ut-open-overlay-trigger {
float: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#ut-overlay-menu #ut-open-overlay-menu {
position: absolute;
}
#ut-open-overlay-menu {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
z-index: 1;
}
.ut-hamburger-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ut-mm-trigger-center .ut-hamburger-wrap,
.ut-open-overlay-trigger-centered .ut-hamburger-wrap  {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#ut-overlay-menu .site-logo {
position: absolute;
}                      
#ut-overlay-nav ul.sub-menu li {
display: inherit;
} #ut-overlay-nav a {
display: inline-block;
position: relative;
}              
#ut-overlay-nav.ut-overlay-nav-animation-on a::after {
position: absolute;
bottom: 0;
left: 0;
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); -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); background: #151515;    
}
#ut-overlay-nav.ut-overlay-nav-animation-on a:hover::after {
width: 100%;
} #ut-overlay-menu .ut-overlay-menu-row {
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;                    
}
#ut-overlay-menu.ut-overlay-menu-centered .ut-overlay-menu-row {
max-width: 1200px;
padding-bottom: 40px;
}
.ut-has-top-header #ut-overlay-menu.ut-overlay-menu-centered .ut-overlay-menu-row {
padding-top: 40px;	
}
#ut-overlay-menu.ut-overlay-menu-fullwidth .ut-overlay-menu-row {
padding: 0 40px 40px;
}
#ut-overlay-menu.ut-overlay-menu-align-left .ut-overlay-menu-row {
text-align: left;
}
#ut-overlay-menu.ut-overlay-menu-align-center .ut-overlay-menu-row {
text-align: center;
}
#ut-overlay-menu.ut-overlay-menu-align-right .ut-overlay-menu-row {
text-align: right;
}
#ut-overlay-nav.ut-overlay-nav-top {
vertical-align: top;
padding-top: 160px;
}
#ut-overlay-nav.ut-overlay-nav-middle {
vertical-align: middle;
padding-top: 40px;
}
#ut-overlay-nav.ut-overlay-nav-middle ul.sub-menu li:last-child,
#ut-overlay-nav.ut-overlay-nav-middle li.menu-item-has-children:last-child {
margin-bottom: 0;
}
#ut-overlay-nav.ut-overlay-nav-bottom {
vertical-align: bottom;
padding-bottom: 40px;
}
#ut-overlay-nav.ut-overlay-nav-bottom ul.sub-menu li:last-child,
#ut-overlay-nav.ut-overlay-nav-bottom li.menu-item-has-children:last-child {
margin-bottom: 0;
} #ut-overlay-menu-footer {
height: 24px;
}
#ut-overlay-menu-footer .ut-overlay-menu-cell {
width: 50%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.ut-overlay-footer-icons {
margin: 0;
}
.ut-overlay-footer-icons li {
display: inline-block;
margin-right: 20px;
}
.ut-overlay-footer-icons li a i {
font-size: 16px;
}
.ut-overlay-footer-icons-wrap {
text-align: left;
}
.ut-overlay-copyright {
text-align: right;
font-size: 12px;
}
.ut-overlay-menu-reverse-on #ut-overlay-menu-footer .ut-overlay-footer-icons-wrap {
float: right;
text-align: right;
}
.ut-overlay-menu-reverse-on #ut-overlay-menu-footer .ut-overlay-footer-icons li {
margin-right: 0;
margin-left: 20px;
}
.ut-overlay-menu-reverse-on #ut-overlay-menu-footer .ut-overlay-copyright {
text-align: left;                    
}
.ut-overlay-menu,
#ut-overlay-nav li a,
.ut-overlay-footer-icons-wrap,
.ut-overlay-copyright {
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media (max-width: 767px) {
.ut-hamburger-wrap {
height: 60px;
}
}
.ut-hamburger {
display: inline-block;
background: transparent;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 40px;
height: 32px;
font-size: 0;
text-indent: -9999px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
cursor: pointer;
-webkit-transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 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); }
.ut-hamburger:hover,  
.ut-hamburger:active,  
.ut-hamburger:focus {
background: transparent;
}
.ut-hamburger:focus {
outline: none;
}
.ut-hamburger span {
display: block;
position: absolute;
top: 14px;
left: 6px;
right: 6px;
height: 3px;
background: white;
}
.ut-hamburger span::before,  
.ut-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: #fff;
content: "";
}
.ut-hamburger span::before {
top: -7px;
}
.ut-hamburger span::after {
bottom: -7px;
}
.ut-hamburger--cross span,
.ut-hamburger--cross span::before,  
.ut-hamburger--cross span::after {
-webkit-transition-duration: 0.3s, 0.3s;
-o-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0s;
-o-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s;
}
.ut-hamburger--cross span,
.ut-hamburger--cross span::before {
-webkit-transition-property: top, background, -webkit-transform;
transition-property: top, background, -webkit-transform;
-o-transition-property: top, background, transform;
transition-property: top, background, transform, -webkit-transform;
}
.ut-hamburger--cross span::after {
-webkit-transition-property: bottom, background, -webkit-transform;
transition-property: bottom, background, -webkit-transform;
-o-transition-property: bottom, background, transform;
transition-property: bottom, background, transform, -webkit-transform;
}
.ut-hamburger--cross.is-active span {
background: none;
}
.ut-hamburger--cross.is-active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ut-hamburger--cross.is-active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ut-hamburger--cross.is-active span::before,  
.ut-hamburger--cross.is-active span::after {
-webkit-transition-delay: 0s, 0.3s;
-o-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
} .ut-loading-bar-style2 {
margin: 40px 0 0 0;
text-align: center;
}
.ut-loading-bar-style2 .ut-loading-bar-style2-ball-effect {
width: 20px;
height: 20px;
background-color: #FFFFFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
margin: 0;
-webkit-animation: loading2 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
animation: loading2 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@-webkit-keyframes loading2 {
0% {
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
25% {
-webkit-transform: translateX(-50px) scale(0.3);
transform: translateX(-50px) scale(0.3);
}
50% {
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
75% {
-webkit-transform: translateX(50px) scale(0.3);
transform: translateX(50px) scale(0.3);
}
100% {
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
}
@keyframes loading2 {
0% {
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
25% {
-webkit-transform: translateX(-50px) scale(0.3);
transform: translateX(-50px) scale(0.3);
}
50% {
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
75% {
-webkit-transform: translateX(50px) scale(0.3);
transform: translateX(50px) scale(0.3);
}
100% {
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
} .ut-loading-bar-style3 {
margin-top: 40px;
}
.ut-loading-bar-style3-outer {
display: inline-block;
width: 30px;
height: 30px;
position: relative;
border: 4px solid #FFFFFF;
-webkit-animation: loading3 2s infinite ease;
animation: loading3 2s infinite ease;
}
.ut-loading-bar-style-3-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #FFFFFF;
-webkit-animation: loading3-inner 2s infinite ease-in;
animation: loading3-inner 2s infinite ease-in;
}
@-webkit-keyframes loading3 {
0% {
-webkit-transform:rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform:rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform:rotate(180deg);
transform: rotate(180deg);
}
75% {
-webkit-transform:rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform:rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading3 {
0% {
-webkit-transform:rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform:rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform:rotate(180deg);
transform: rotate(180deg);
}
75% {
-webkit-transform:rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform:rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes loading3-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@keyframes loading3-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
} .ut-loading-bar-style4 {
position: relative;
width: 75px;
height: 100px;
margin: 0 auto 0 auto !important;
}
.ut-loader__bar4 {
position: absolute;
bottom: 0;
width: 10px;
height: 50%;
margin-bottom: 0 !important;
background: #FFFFFF;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.ut-loader__bar4:nth-child(1) {
left: 0;
-webkit-transform: scale(1, 0.2);
-ms-transform: scale(1, 0.2);
transform: scale(1, 0.2);
-webkit-animation: barUp1 4s infinite;
animation: barUp1 4s infinite;
}
.ut-loader__bar4:nth-child(2) {
left: 15px;
-webkit-transform: scale(1, 0.4);
-ms-transform: scale(1, 0.4);
transform: scale(1, 0.4);
-webkit-animation: barUp2 4s infinite;
animation: barUp2 4s infinite;
}
.ut-loader__bar4:nth-child(3) {
left: 30px;
-webkit-transform: scale(1, 0.6);
-ms-transform: scale(1, 0.6);
transform: scale(1, 0.6);
-webkit-animation: barUp3 4s infinite;
animation: barUp3 4s infinite;
}
.ut-loader__bar4:nth-child(4) {
left: 45px;
-webkit-transform: scale(1, 0.8);
-ms-transform: scale(1, 0.8);
transform: scale(1, 0.8);
-webkit-animation: barUp4 4s infinite;
animation: barUp4 4s infinite;
}
.ut-loader__bar4:nth-child(5) {
left: 60px;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-animation: barUp5 4s infinite;
animation: barUp5 4s infinite;
}
.ut-loader__ball4 {
position: absolute;
bottom: 10px;
left: 0;
width: 10px;
height: 10px;
background: #FFFFFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: ball4 4s infinite;
animation: ball4 4s infinite;
}
@-webkit-keyframes ball4 {
0% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}
5% {
-webkit-transform:translate(8px, -14px);
transform:translate(8px, -14px);
}
10% {
-webkit-transform:translate(15px, -10px);
transform:translate(15px, -10px);
}
17% {
-webkit-transform:translate(23px, -24px);
transform:translate(23px, -24px);
}
20% {
-webkit-transform:translate(30px, -20px);
transform:translate(30px, -20px);
}
27% {
-webkit-transform:translate(38px, -34px);
transform:translate(38px, -34px);
}
30% {
-webkit-transform:translate(45px, -30px);
transform:translate(45px, -30px);
}
37% {
-webkit-transform:translate(53px, -44px);
transform:translate(53px, -44px);
}
40% {
-webkit-transform:translate(60px, -40px);
transform:translate(60px, -40px);
}
50% {
-webkit-transform:translate(60px, 0);
transform:translate(60px, 0);
}
57% {
-webkit-transform:translate(53px, -14px);
transform:translate(53px, -14px);
}
60% {
-webkit-transform:translate(45px, -10px);
transform:translate(45px, -10px);
}
67% {
-webkit-transform:translate(37px, -24px);
transform:translate(37px, -24px);
}
70% {
-webkit-transform:translate(30px, -20px);
transform:translate(30px, -20px);
}
77% {
-webkit-transform:translate(22px, -34px);
transform:translate(22px, -34px);
}
80% {
-webkit-transform:translate(15px, -30px);
transform:translate(15px, -30px);
}
87% {
-webkit-transform:translate(7px, -44px);
transform:translate(7px, -44px);
}
90% {
-webkit-transform:translate(0, -40px);
transform:translate(0, -40px);
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}
}
@keyframes ball4 {
0% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}
5% {
-webkit-transform:translate(8px, -14px);
transform:translate(8px, -14px);
}
10% {
-webkit-transform:translate(15px, -10px);
transform:translate(15px, -10px);
}
17% {
-webkit-transform:translate(23px, -24px);
transform:translate(23px, -24px);
}
20% {
-webkit-transform:translate(30px, -20px);
transform:translate(30px, -20px);
}
27% {
-webkit-transform:translate(38px, -34px);
transform:translate(38px, -34px);
}
30% {
-webkit-transform:translate(45px, -30px);
transform:translate(45px, -30px);
}
37% {
-webkit-transform:translate(53px, -44px);
transform:translate(53px, -44px);
}
40% {
-webkit-transform:translate(60px, -40px);
transform:translate(60px, -40px);
}
50% {
-webkit-transform:translate(60px, 0);
transform:translate(60px, 0);
}
57% {
-webkit-transform:translate(53px, -14px);
transform:translate(53px, -14px);
}
60% {
-webkit-transform:translate(45px, -10px);
transform:translate(45px, -10px);
}
67% {
-webkit-transform:translate(37px, -24px);
transform:translate(37px, -24px);
}
70% {
-webkit-transform:translate(30px, -20px);
transform:translate(30px, -20px);
}
77% {
-webkit-transform:translate(22px, -34px);
transform:translate(22px, -34px);
}
80% {
-webkit-transform:translate(15px, -30px);
transform:translate(15px, -30px);
}
87% {
-webkit-transform:translate(7px, -44px);
transform:translate(7px, -44px);
}
90% {
-webkit-transform:translate(0, -40px);
transform:translate(0, -40px);
}
100% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}
}
@-webkit-keyframes barUp1 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@keyframes barUp1 {
0% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
40% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
50% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
90% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
}
@-webkit-keyframes barUp2 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@keyframes barUp2 {
0% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
40% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
50% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
90% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
100% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
}
@-webkit-keyframes barUp3 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@keyframes barUp3 {
0% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
100% {
-webkit-transform: scale(1, 0.6);
transform: scale(1, 0.6);
}
}
@-webkit-keyframes barUp4 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@keyframes barUp4 {
0% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
40% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
50% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
90% {
-webkit-transform: scale(1, 0.4);
transform: scale(1, 0.4);
}
100% {
-webkit-transform: scale(1, 0.8);
transform: scale(1, 0.8);
}
}
@-webkit-keyframes barUp5 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes barUp5 {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
40% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
90% {
-webkit-transform: scale(1, 0.2);
transform: scale(1, 0.2);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
} .ut-loading-bar-style5 {
display: inline;
margin-bottom: 0 !important;
line-height: 100%;
}
.ut-loading-bar-style5-inner {
color: #FFFFFF;
padding: 0;
text-align: center;
margin-bottom: 0 !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ut-loading-bar-style5-inner label {
font-size: 20px;
opacity: 0;
display: inline-block;
}
@keyframes lol {
0% {
opacity: 0;
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
}
33% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
66% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(300px);
transform: translateX(300px);
}
}
@-webkit-keyframes lol {
0% {
opacity: 0;
-webkit-transform:translateX(-300px);
transform:translateX(-300px);
}
33% {
opacity: 1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
66% {
opacity: 1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity: 0;
-webkit-transform:translateX(300px);
transform:translateX(300px);
}
}
.ut-loading-bar-style5-inner label:nth-child(6) {
-webkit-animation: lol 3s infinite ease-in-out;
animation: lol 3s infinite ease-in-out;
}
.ut-loading-bar-style5-inner label:nth-child(5) {
-webkit-animation: lol 3s 100ms infinite ease-in-out;
animation: lol 3s 100ms infinite ease-in-out;
}
.ut-loading-bar-style5-inner label:nth-child(4) {
-webkit-animation: lol 3s 300ms infinite ease-in-out;
animation: lol 3s 300ms infinite ease-in-out;
}
.ut-loading-bar-style5-inner label:nth-child(3) {
-webkit-animation: lol 3s 300ms infinite ease-in-out;
animation: lol 3s 300ms infinite ease-in-out;
}
.ut-loading-bar-style5-inner label:nth-child(2) {
-webkit-animation: lol 3s 300ms infinite ease-in-out;
animation: lol 3s 300ms infinite ease-in-out;
}
.ut-loading-bar-style5-inner label:nth-child(1) {
-webkit-animation: lol 3s 500ms infinite ease-in-out;
animation: lol 3s 500ms infinite ease-in-out;
} .sk-cube-grid {
width: 40px;
height: 40px;
margin: 0 auto;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #56B2BA;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
} .ut-page-loader-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
#ut-loader-logo + .ut-page-loader-spinner {
margin: 40px auto;
}
.ut-double-bounce1, .ut-double-bounce2 {
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #151515;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
-webkit-animation: ut-sk-bounce 2.0s infinite ease-in-out;
animation: ut-sk-bounce 2.0s infinite ease-in-out;
}
.ut-double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes ut-sk-bounce {
0%, 100% {
-webkit-transform: scale(0.0);
transform: scale(0.0);
}
50% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
@keyframes ut-sk-bounce {
0%, 100% {
-webkit-transform: scale(0.0);
transform: scale(0.0);
}
50% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
} .sk-fading-circle {
margin: 0;
width: 40px;
height: 40px;
position: relative;
}
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #FFFFFF;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; }
}
@keyframes sk-circleFadeDelay {
0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; } 
}  @media (max-width: 400px) {
}  @media (max-width: 767px) {
body {
font-size: 14px;
}
html {
border: none;
margin-left: 0 !important;
margin-right: 0 !important;
}
.ha-header.bordered-navigation, 
.ha-header.bordered-navigation.ha-transparent {
left: 0;
width: 100%;
}
#header-section {
line-height: 60px !important;
padding: 0 !important;
} .ut-header-display-on-hero #header-section.ha-header.ut-header-fixed.bordered-navigation {
position: absolute;
}	
#ut-header-placeholder { 
height: 60px !important;
min-height: 60px !important;
}
.site-logo,
.ut-mm-trigger,
.ut-mm-button, 
.ut-hamburger-wrap,
.ut-header-cart-mobile,
.ut-header-cart-mobile .ut-header-cart {
height: 60px !important;
line-height: 60px !important;
}
.ut-site-logo-background {
line-height: 60px !important;
}
.site-logo img {
max-height: 30px;
}
.ha-header.bordered-top {
top: 0 !important;
}
.grid-container .ha-header-perspective {
padding: 0;
}
.ha-header-perspective {
padding-left: 10px;
padding-right: 10px;
}
.parallax-section {
background-position: center center !important;
background-repeat: repeat-y !important; background-size: cover !important;
}
.site-logo .logo {
font-size: 18px;
line-height: 1;
} .hero-title, 
.ut-hero-highlighted-header .hero-title {
line-height: 125% !important;
}
.ut-hero-style-1 .hero-title {
background: none;
padding: 0;
}
.hero-description {
font-size: 0.96em !important;
line-height: 170% !important;
letter-spacing: normal !important;
}
.hero-description-bottom {
font-size: 0.86em !important;
line-height: 170% !important;
letter-spacing: normal !important;
}
#ut-sitebody:not(.ut-page-has-no-content):not(.ut-header-hide-on-hero):not(.ut-header-transparent-on-hero):not(.ut-header-display-on-hero):not(.ut-bklyn-maintenance) #ut-hero.hero {
min-height: calc( 100% - 60px);
height: calc( 100% - 60px);    
}
#ut-sitebody .hero-btn, 
#ut-sitebody .hero-second-btn {
padding: 0.8em 1.4em !important;
font-size: 1em !important;
}
#ut-hero .parallax-overlay {
border-bottom: none !important;
} #ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-left {
padding-left: 0;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-right {
padding-right: 0;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-left.ut-hero-bottom, 
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-right.ut-hero-bottom {
padding-bottom: 0;
vertical-align: middle;
}
.hero-holder.hero-holder-align-items-bottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-holder.hero-holder-align-items-top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero-holder.hero-holder-align-items-top .hero-inner {
padding-top: 0;
}
#ut-hero.hero .hero-holder {
padding-bottom: 0 !important;
}
.ut-hero-style-9 .hero-title, 
.ut-hero-style-10 .hero-title {
padding: 0;
border: none;
margin-left: 0;
margin-right: 0;
}
.ut-hero-style-1 .hdh {
margin-bottom: 0;
}
.sidebar {
padding-left: 0 !important;
} a.ut-flex-control {
top: auto;
bottom: 0 !important;
}
.ut-half-height {
height: 100% !important;
}
.hero-inner {
text-align: center!important;
}
.ut-split-content-left, 
.ut-split-content-right {
padding-left: 20px;
padding-right: 20px;
}
.member-photo-style-4-wrap .member-social {
display: none;
}
#ut-sitebody .lead {
font-size: 1.125em;
line-height: 170%;
padding: 0 !important;
text-align: center;
}
.page-title, 
.parallax-title, 
.section-title {
font-size: 35px;
line-height: 125% !important;
}
.parallax-header, 
.page-header, 
.section-header {
margin-left: 0 !important;
margin-right: 0 !important;
}
.ut-count {
font-size: 35px;
} .footer.ut-footer-mobile-off,
.footer.ut-footer-mobile-off.ut-footer-has-widgets {
padding-top: 0;
}
.ut-footer-mobile-off .ut-footer-area {
display: none;
padding: 0;
}
.ut-footer-area {
padding: 40px 0;
} .bklyn-big-icon-round,  
.bklyn-big-icon-square {
height: 100px;
width: 100px;
font-size: 40px;
line-height: 100px;
}
.bklyn-big-icon-round.bklyn-big-icon .fa,  
.bklyn-big-icon-square.bklyn-big-icon .fa {
line-height: 100px;
} .post {
margin-bottom: 40px;
}
.ut-blog-classic-article .ut-post-thumbnail {
margin-bottom: 20px;
}
.ut-blog-classic-article .entry-header .entry-meta .comments-link {
margin-right: 0;
}
.ut-blog-classic-article .entry-header .entry-meta {
margin-top: 20px;
} .ut-blog-layout-list-article-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ut-blog-layout-list .ut-post-thumbnail.ut-post-thumbnail-empty .entry-thumbnail {
border: none;
}
.ut-blog-layout-list-content-wrap {
padding: 20px;
} .ut-blog-grid-content-wrap {
padding: 20px;
} .ut-blog-mixed-large-article-large {
padding: 20px 10px;
}
.ut-blog-mixed-large-article-large .ut-post-thumbnail {
margin-bottom: 20px;
}
.ut-blog-mixed-large-article-large .entry-header .entry-meta {
margin-top: 20px;
} blockquote {
padding-left: 20px;
} .comment-body {
padding: 20px;
}
.ut-arrow-left {
display: none;
}
.comment-list .children {
margin-left: 0;
} .author-info,
#comments {
margin-top: 40px;
padding-top: 40px;
} .ut-archive-hero-avatar {
height: 40px;
width: 40px;
} .ut-hero-meta-description-holder-inner > div {
display: block;
margin-bottom: 10px;
}
.ut-hero-meta-description-holder-inner .ut-hero-meta-author ul li:first-child {
display: none;
}
.ut-hero-meta-description-holder-inner > div:last-child {
margin-bottom: 0;
}
.ut-hero-meta-description-holder div:not(:last-child)::after {
display: none;
} .hero-down-arrow {
bottom: 10px !important;
} .ut-video-control {
display: none;
} .author-avatar {
float: none;
}  .edit-link {
display: none !important;
} .bklyn-icon-tabs > li {
margin: 0 20px 40px 0;
} .ut-icon-box {
margin: 0 auto 20px !important;
}
.bklyn-team-member-right,  
.bklyn-team-member-center {
text-align: center;
}
.bklyn-team-member-style-2.bklyn-team-member-center,
.bklyn-team-member-style-2.bklyn-team-member-left,
.bklyn-team-member-style-2.bklyn-team-member-right {
text-align: center;
} .ut-hero-highlighted-header {
padding: 0 10px;
}
.ut-hero-highlighted-item {
display: none;
} .hero-second-btn {
margin-left: 0;
margin-top: 10px;
}
}  @media (min-width: 768px) and (max-width: 1024px) {
html {
border: none;
margin-left: 0 !important;
margin-right: 0 !important;
}
.ha-header.bordered-navigation, 
.ha-header.bordered-navigation.ha-transparent {
left: 0;
width: 100%;
}
.grid-container .ha-header-perspective {
padding: 0;
}
.site-logo .logo {
font-size: 30px;
}
#header-section {
line-height: 80px !important;
padding: 0 !important;
}
#ut-sitebody:not(.ut-page-has-no-content):not(.ut-header-hide-on-hero):not(.ut-header-transparent-on-hero):not(.ut-header-display-on-hero):not(.ut-bklyn-maintenance) #ut-hero.hero {
min-height: calc( 100% - 80px);
height: calc( 100% - 80px);    
} .ut-header-display-on-hero #header-section.ha-header.ut-header-fixed.bordered-navigation {
position: absolute;
} #ut-header-placeholder { 
height: 80px !important;
min-height: 80px !important;
}
.site-logo,
.ut-mm-trigger,
.ut-mm-button,
.ut-hamburger-wrap,
.ut-header-cart-mobile,
.ut-header-cart-mobile .ut-header-cart {
height: 80px !important;
line-height: 80px !important;
}
.ut-site-logo-background {
line-height: 80px !important;
}
.site-logo img {
max-height: 40px;
}	
.ha-header.bordered-top {
top: 0 !important;
}
.parallax-section {
background-position: center center !important;
background-repeat: repeat-y !important; background-size: cover !important;
}
.hero-title {
line-height: 125% !important;
}
.hero-description-bottom {
letter-spacing: normal;
}
.portfolio-title {
font-size: 0.857em !important;
}
.ut-tablet-overlay {
padding: 50px 50px 50px;
}
.ut-left-tablet-button {
margin-right: 0;
}
.hero-second-btn {
margin-top: 10px;
}
#ut-sitebody .lead {
font-size: 1.125em;
line-height: 170%;
padding: 0 !important;
}
.parallax-header, 
.page-header, 
.section-header {
margin-left: 0 !important;
margin-right: 0 !important;
}
.ut-count {
font-size: 35px;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-left {
padding-left: 0;
text-align: center !important;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-right {
padding-right: 0;
text-align: center !important;
}
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-left.ut-hero-bottom, 
#ut-hero.ut-hero-custom .hero-inner.ut-hero-custom-right.ut-hero-bottom {
padding-bottom: 0;
text-align: center !important;
vertical-align: middle;
}
#ut-hero .parallax-overlay {
border-bottom: none !important;
} .ut-blog-layout-list-article-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} #secondary ul.sidebar {
padding-left: 0;
} .hero-down-arrow {
bottom: 10px !important;
} .ut-video-control {
display: none;
} .edit-link {
display: none !important;
} .ut-hero-highlighted-header {
text-align: center;
padding: 0 10px;
}
.ut-hero-highlighted-item {
display: none;
}
.elastislide-horizontal ul li {
width: 100% !important;
}
.ut-icon-box {
margin: 0 auto 20px !important;
}
} @media (min-width: 1025px) {
#header-section[data-style='default'].ut-flush .ut-flush-logo,
#header-section[data-style='style-2'].ut-flush .ut-flush-logo,
#header-section[data-style='style-5'].ut-flush .ut-flush-logo,
#header-section[data-style='style-5'].ut-flush  #navigation.ut-flush-nav,
#header-section[data-style='style-6'].ut-flush .ut-header-primary-extra-module.ut-flush-module,   
#header-section[data-style='style-6'].ut-flush .ut-header-tertiary-extra-module.ut-flush-module,
#header-section[data-style='style-7'].ut-flush .ut-header-primary-extra-module.ut-flush-module,
#header-section[data-style='style-8'].ut-flush .ut-header-primary-extra-module.ut-flush-module,
#header-section[data-style='style-9'].ut-flush .ut-flush-logo {
padding-left: 0;
}    
#header-section[data-style='default'].ut-flush #navigation.ut-flush-nav,
#header-section[data-style='default'].ut-flush .ut-open-overlay-trigger.ut-flush-module,
#header-section[data-style='style-2'].ut-flush .ut-header-primary-extra-module.ut-flush-module,
#header-section[data-style='style-5'].ut-flush .ut-header-secondary-extra-module.ut-flush-module,
#header-section[data-style='style-5'].ut-flush .ut-header-tertiary-extra-module.ut-flush-module,
#header-section[data-style='style-6'].ut-flush .ut-flush-logo,
#header-section[data-style='style-6'].ut-flush  #navigation.ut-flush-nav,
#header-section[data-style='style-7'].ut-flush .ut-header-secondary-extra-module.ut-flush-module,
#header-section[data-style='style-8'].ut-flush .ut-header-secondary-extra-module.ut-flush-module,
#header-section[data-style='style-9'].ut-flush .ut-header-secondary-extra-module.ut-flush-module,
#header-section[data-style='style-9'].ut-flush .ut-header-tertiary-extra-module.ut-flush-module {
padding-right: 0;
}
#header-section[data-style='style-1'].ut-flush .ut-flush-logo {
padding-right: 0;
}    
#header-section[data-style='style-1'].ut-flush  #navigation.ut-flush-nav {
padding-left: 0;
}
#header-section.fullwidth[data-style='default'].ut-flush-logo-only .grid-container,    
#header-section[data-style='default'].ut-flush-logo-only .ut-flush-logo,
#header-section.fullwidth[data-style='style-2'].ut-flush-logo-only .grid-container,    
#header-section[data-style='style-2'].ut-flush-logo-only .ut-flush-logo,
#header-section.fullwidth[data-style='style-5'].ut-flush-logo-only #header-section-upper-area .grid-container,    
#header-section[data-style='style-5'].ut-flush-logo-only .ut-flush-logo,
#header-section.fullwidth[data-style='style-9'].ut-flush-logo-only .grid-container,    
#header-section[data-style='style-9'].ut-flush-logo-only .ut-flush-logo {
padding-left: 0;        
}    
#header-section.fullwidth[data-style='style-1'].ut-flush-logo-only .grid-container,    
#header-section[data-style='style-1'].ut-flush-logo-only .ut-flush-logo,
#header-section.fullwidth[data-style='style-6'].ut-flush-logo-only #header-section-upper-area .grid-container,    
#header-section[data-style='style-6'].ut-flush-logo-only .ut-flush-logo {
padding-right: 0;        
}   
#header-section.fullwidth .grid-container:not(.ut-megamenu-grid-container) {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.footer.ut-footer-fullwidth-on .grid-container {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.footer.ut-footer-fullwidth-on .footer-content .grid-container {
padding-left: 30px;
padding-right: 30px;
}       
#header-section.fullwidth.ut-flush .grid-container,
#header-section.fullwidth.ut-flush #ut-top-header .ut-header-inner {
padding-left: 0;
padding-right: 0;
}
.ut-blog-has-animation .post {
background: #FFFFFF;
position: relative;
}
.ut-blog-has-animation .post,
.ut-blog-has-animation #secondary {
visibility: hidden;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ut-blog-has-animation .post.fadeInUp {
visibility: visible;
}
.post > div > .entry-meta {
padding-right: 20px;
}
.contact-wrap {
margin-left: -10px;
margin-right: -10px;
}
.contact-wrap > .grid-50 {
padding-left: 20px;
padding-right: 20px;
}
.vc_section[data-vc-full-width="true"][data-vc-stretch-content="true"] {
padding-left: 20px;
padding-right: 20px;
}	
.vc_row[data-vc-stretch-content="true"]:not(.vc_row-no-padding) {
padding-left: 20px;
padding-right: 20px;
}
.ut-site-border .vc_row[data-vc-stretch-content="true"].vc_row-no-padding {
padding-left: 40px;
padding-right: 40px;
}
.ut-site-border .vc_section[data-vc-stretch-content="true"] .vc_row {
padding-left: 20px;
padding-right: 20px;
} 
} @media (max-width: 1024px) {
#header-section.fullwidth[data-style='default'].ut-flush-logo-mobile .grid-container,    
#header-section[data-style='default'].ut-flush-logo-mobile .ut-flush-logo,
#header-section.fullwidth[data-style='style-2'].ut-flush-logo-mobile .grid-container,    
#header-section[data-style='style-2'].ut-flush-logo-mobile .ut-flush-logo,
#header-section.fullwidth[data-style='style-5'].ut-flush-logo-mobile #header-section-upper-area .grid-container,    
#header-section[data-style='style-5'].ut-flush-logo-mobile .ut-flush-logo,
#header-section.fullwidth[data-style='style-9'].ut-flush-logo-mobile .grid-container,    
#header-section[data-style='style-9'].ut-flush-logo-mobile .ut-flush-logo {
padding-left: 0;        
}
#header-section.fullwidth[data-style='style-1'].ut-flush-logo-mobile .grid-container,    
#header-section[data-style='style-1'].ut-flush-logo-mobile .ut-flush-logo,
#header-section.fullwidth[data-style='style-6'].ut-flush-logo-mobile #header-section-upper-area .grid-container,    
#header-section[data-style='style-6'].ut-flush-logo-mobile .ut-flush-logo {
padding-right: 0;        
} 
}  .menu-item-language img.iclflag {
margin-right: 5px;
vertical-align: middle !important;
} .hero canvas {
}
#ut-rain-background {
left: 0;
position: absolute;
top: 0;
z-index: -2;
overflow: hidden;
max-width: none !important;
visibility: hidden;
}
.hero-audio-holder {
display: none;
visibility: hidden;
}
.ut-audio-controlm {
-webkit-animation-duration: 5s;
-webkit-animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-duration: 5s;
animation-fill-mode: both;
animation-name: zoomIn;
} #ut-animation-canvas {
position: absolute;
top: 0;
left: 0;
z-index: inherit;
} @media (max-width: 767px) {
#ut-animation-canvas {
display: none !important;
}
} @media (min-width: 768px) and (max-width: 1024px) {
#ut-animation-canvas {
display: none !important;
}
} .single-portfolio .ut-portfolio-info {
font-weight: bold;
}
.dark .single-portfolio .ut-portfolio-info {
color: #151515;
font-weight: bold;
}
.single-portfolio .ut-portfolio-info span {
color: #777777;
font-weight: normal;
}
.ut-single-video iframe {
height: 100%;
position: relative;
width: 100%;
}
.ut-project-sc {
font-size: 16px;
margin: 30px 0 20px 0;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px 0;
}
.ut-project-sc.no-border {
border: none !important;
padding: 0;
}
.light .ut-project-sc {
border-color: #999999;
}
.ut-project-sc li {
float: left;
display: block;
margin-right: 20px;
}
.ut-project-sc li a {
color: #151515;
} .ut-table-menu-wrap {
}
.ut-table-menu-title {
margin-bottom: 40px;
}
.ut-table-menu-title span {
background: #CF0A2C;
color: #FFFFFF;
display: inline-block;
padding: 5px 10px;
text-transform: uppercase;
}
.ut-table-menu {
width: 100%;
margin: 0 0 40px 0;
padding: 0;
font: 150%/100% Arial, Helvetica, sans-serif;
}
.wpb_content_element .ut-table-menu {
margin: 0;
}
.ut-table-menu .ut-table-menu-top {
clear: both;
margin: 0;
padding: 0;
position: relative;
border-bottom: dotted 2px #999;
}
.ut-table-menu .ut-table-menu-bottom {
display: block;
font-size: 60%;
margin-top: 15px;
margin-bottom: 40px;
color: #999999;
text-transform: lowercase;
}
.wpb_content_element .ut-table-menu div:last-child {
margin-bottom: 0;
}
.ut-table-menu h6 {
background: #fff;
padding: 0 10px 0 0;
font-size: 17px;
font-weight: normal;
position: absolute;
margin: 0;
bottom: -.3em;
left: 0;
}
.ut-table-menu em {
background: #fff;
color: #CF0A2C;
padding: 0 0 0 5px;
font: 110%/100% Georgia, "Times New Roman", Times, serif;
position: absolute;
bottom: -.2em;
right: 0;
}
.ut-table-menu sup {
font-size: 60%;
color: #CF0A2C;
margin-left: 3px;
}
.ut-table-menu-animated .ut-table-menu-top {
-webkit-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.ut-table-menu-animated .ut-table-menu-bottom {
-webkit-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
-o-transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1.000),opacity 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 100ms;
}
.ut-table-menu-animated .ut-table-menu-top,
.ut-table-menu-animated .ut-table-menu-bottom {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.ut-table-menu-animated .ut-table-menu-top.appeared,
.ut-table-menu-animated .ut-table-menu-top.appeared + .ut-table-menu-bottom {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
} .edit-link {
position: fixed;
right: 40px;
font-size: 10px;
bottom: 40px;
font-weight: 600 !important;
text-transform: uppercase;
border: none;
cursor: pointer;
outline: none;
display: inline-block;
letter-spacing: 0.05em;
background: #FFFFFF;
z-index: 999999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.35);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.35);
box-shadow: 0 0 20px rgba(0,0,0,0.35);
}
.edit-link a {
color: #151515 !important;
text-transform: uppercase;
text-decoration: none !important;
padding: 7px 30px 7px 30px;
display: block;
font-family: inherit;
font-weight: inherit !important;
}
.entry-meta .edit-link a,
.comment-footer .edit-link a {
padding: 8px 12px;
}
.edit-link a:hover,
.edit-link a:active {
color: #151515 !important;
}
#vc_load-inline-editor {
display: none;
}
.ut-blog-mixed-grid .edit-link {
position: inherit;
padding: 0;
}
#ut-sitebody.blog .entry-meta .edit-link, 
#ut-sitebody.archive .entry-meta .edit-link, 
#ut-sitebody.single-post .entry-meta .edit-link {
position: inherit !important;
margin-top: 20px;
}
.comment-footer .edit-link {
position: inherit;
} #bklyn-sidenav-wrap {
background: #1F2223;
height: 100%;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 275px;
z-index: 100;
}
.bklyn-sidenav-scroll {
height: 100%;
padding: 160px calc(19% + 17px) 32px 19%;
overflow-x: hidden;
width: calc(100% + 17px);
z-index: 100;
}
.bklyn-sidenav-shadow {
-webkit-box-shadow: 0 0 7px -1px rgba(0,0,0,0.1);
box-shadow: 0 0 7px -1px rgba(0,0,0,0.1);
}
#bklyn-sidenav-wrap h1 {
margin: 0;
}
#bklyn-sidenav-wrap .side-site-logo {
margin-bottom: 40px;
}
#bklyn-sidenav {
}
#bklyn-sidenav-search {
margin-top: 80px;
position: relative;
}
#bklyn-sidenav-search .search-field {
border-bottom: 1px dotted;
border-top: none;
border-right: none;
border-left: none;
padding: 0 0 10px 25px;
width: auto;
}
#bklyn-sidenav-wrap #bklyn-sidenav-search .search-field:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
#bklyn-sidenav-search .fa-search {
position: absolute;
top: 2px;
left: 0;
z-index: 10;
}
#bklyn-sidenav ul {
margin: 0;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
}
#bklyn-sidenav ul li {
margin: 0;
padding: 0 0 10px 15px;
position: relative;
}
#bklyn-sidenav ul li::before {
content: "\f105";
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
left: 0;
position: absolute;
top: 0;
}
#bklyn-sidenav ul li ul.sub-menu {
font-weight: normal;
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
}
#bklyn-sidenav ul li ul.sub-menu li:last-child {
padding-bottom: 0;
}
#bklyn-sidenav a {
text-decoration: none;
color: #777777;
display: block;
}
#bklyn-sidenav a:hover,
#bklyn-sidenav a:active {
color: #FFFFFF;
}
#bklyn-sidenav ul.sub-menu a {
color: #b2b1a8;
}
#bklyn-sidenav-inner-wrap {
display: table;
height: 100%;
position: relative;
width: 100%;
}
#bklyn-sidenav-wrap ul.ut-sociallinks {
display: inline-block;
font-size: 15px;
margin: 0;
border-top: 1px dotted #333333;
padding-top: 10px;
}
#bklyn-sidenav-wrap .ut-sociallinks li {
display: inline-block;
margin: 0 20px 20px 0;
text-align: center;
width: 20px;
}
#bklyn-sidenav-wrap .ut-sociallinks li:last-child {
margin-right: 0;
}
#bklyn-sidenav-wrap .ut-sociallinks li a {
color: #444444;
}
#bklyn-sidenav-wrap .ut-sociallinks li a:hover, 
#bklyn-sidenav-wrap .ut-sociallinks li a:active {
color: #FFFFFF;
}
.bklyn-sidenav-table-top, 
.bklyn-sidenav-table-mid, 
.bklyn-sidenav-table-bot {
display: table-row;
}
.bklyn-sidenav-table-top-inner {
display: table-cell;
vertical-align: top;
}
.bklyn-sidenav-table-mid-inner {
}
.bklyn-sidenav-table-bot-inner {
display: table-cell;
vertical-align: bottom;
}
.bklyn-sidenav-copyright {
font-size: 12px;
}
.vc_section {
margin-left: 0;
margin-right: 0;
}
.vc_section[data-vc-full-width] {
margin-left: -20px;
margin-right: -20px;
padding-left: 0;
padding-right: 0;
} .bklyn5-team-member {
position: relative;
text-align: center;
overflow: hidden;
}
.bklyn5-team-member.bklyn5-team-member-left {
text-align: left;
}
.bklyn5-team-member-avatar {
display: block;
}
.bklyn5-team-member-avatar img {
vertical-align: bottom;
}
.bklyn5-team-member-name {
font-size: 17px;
margin-bottom: 0;
line-height: 125%;
}
.bklyn5-team-member-info {
margin-top: 20px;
}
.bklyn5-team-member-info > *:last-child {
margin-bottom: 0;
}
.bklyn5-team-member-ocupation {
font-size: 12px;
margin-top: 0;
margin-bottom: 20px;
}
.bklyn5-team-member-social-icons {
border-top: 2px solid #EFEFEF;
margin-top: 20px;
padding-top: 20px;
}
.bklyn5-team-member-social-icons.no-bklyn5-team-member-border {
border: none;
padding-top: 0;
}
.bklyn5-team-member-social-icons ul {
list-style: none;
margin: 0;
}
.bklyn5-team-member-social-icons ul li {
display: inline;
margin: 0 10px;
}
.bklyn5-team-member-social-icons ul li:first-child {
margin-left: 0;
}
.bklyn5-team-member-social-icons ul li:last-child {
margin-right: 0;
}
.bklyn5-team-member-overlay-caption .bklyn5-team-member-name {
font-size: 17px;
} .bklyn5-team-member.bklyn5-team-member-style-3 {
text-align: center;
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-overlay {
height: 100%;
left: 0;
min-height: 100%;
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); -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); pointer-events: none;
}
.bklyn5-team-member.bklyn5-team-member-style-3:hover .bklyn5-team-member-overlay {
background: rgb(24,103,193);
background: rgba(24,103,193, 0.7);
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); -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); }
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-name, .bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-ocupation, .bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li, .bklyn5-team-member.bklyn5-team-member-style-4 .bklyn5-team-member-name {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-name: fadeOut;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: fadeOut;
}
.bklyn5-team-member.bklyn5-team-member-style-3:hover .bklyn5-team-member-name, .bklyn5-team-member.bklyn5-team-member-style-3:hover .bklyn5-team-member-ocupation {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.bklyn5-team-member.bklyn5-team-member-style-3:hover .bklyn5-team-member-social-icons ul li {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-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); pointer-events: all;
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(1) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(2) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(3) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(4) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(5) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(6) {
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(7) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(8) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(9) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons ul li:nth-child(10) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons {
position: relative;
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons > *::before {
background: #FFFFFF;
content: "";
display: block;
height: 2px;
left: 0;
position: absolute;
right: 0;
margin-left: auto;
margin-right: auto;
width: 0;
opacity: 0;
top: 0;
}
.bklyn5-team-member.bklyn5-team-member-style-3:hover .bklyn5-team-member-social-icons > *::before {
opacity: 1;
width: 30px;
-webkit-transition: width, opacity, 1s ease-in-out;
-o-transition: width, opacity, 1s ease-in-out;
transition: width, opacity, 1s ease-in-out;
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-overlay-caption {
display: table;
height: 100%;
min-height: 100%;
position: relative;
width: 100%;
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-info {
display: table-cell;
vertical-align: middle;
padding: 20px;
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-social-icons {
border-top: none 0;
font-size: 16px;
margin-top: 10px;
padding-top: 13px;
}
.bklyn5-team-member.bklyn5-team-member-style-3 .bklyn5-team-member-ocupation {
margin-bottom: 0;
}
.ut-counter-box [class^="BklynIcons-"] {
display: inline-block;
} @media (min-width: 1025px) {
.ut-site-border #ut-custom-hero .rev_slider_wrapper.fullscreen-container,
.ut-site-border #ut-custom-hero .rev_slider_wrapper.fullwidthbanner-container {
left: 0 !important;
width: 100% !important;
}
}
.ut-force-rev-slider-fullscreen {
min-height: 100% !important;
height: 100% !important;
width: 100% !important;
} .BrooklynFadeInLeft,
.BrooklynFadeInDown,
.BrooklynFadeInRight,
.BrooklynFadeInUp,
.BrooklynFadeInLeftShort,
.BrooklynFadeInRightShort,
.BrooklynFadeInDownShortCut,
.BrooklynFadeInUpShortCut,
.BrooklynFadeOutLeft,
.BrooklynFadeOutRight{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.BrooklynFadeInLeft {
-webkit-animation-name: BrooklynFadeInLeft;
animation-name: BrooklynFadeInLeft;
}
.BrooklynFadeInDown {
-webkit-animation-name: BrooklynFadeInDown;
animation-name: BrooklynFadeInDown;
}
.BrooklynFadeInRight{
-webkit-animation-name: BrooklynFadeInRight;
animation-name: BrooklynFadeInRight;
}
.BrooklynFadeInUp{
-webkit-animation-name: BrooklynFadeInUp;
animation-name: BrooklynFadeInUp;
}
.BrooklynFadeInLeftShort{
-webkit-animation-name: BrooklynFadeInLeftShort;
animation-name: BrooklynFadeInLeftShort;
}
.BrooklynFadeInRightShort{
-webkit-animation-name: BrooklynFadeInRightShort;
animation-name: BrooklynFadeInRightShort;
}
.BrooklynFadeInDownShortCut{
-webkit-animation-name: BrooklynFadeInDownShortCut;
animation-name: BrooklynFadeInDownShortCut;
}
.BrooklynFadeInUpShortCut {
-webkit-animation-name: BrooklynFadeInUpShortCut;
animation-name: BrooklynFadeInUpShortCut;
}
.BrooklynFadeOutLeft {
-webkit-animation-name: BrooklynFadeOutLeft;
animation-name: BrooklynFadeOutLeft;
}
.BrooklynFadeOutRight {
-webkit-animation-name: BrooklynFadeOutRight;
animation-name: BrooklynFadeOutRight;
}
@-webkit-keyframes BrooklynFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} @-webkit-keyframes BrooklynFadeInLeftShort {
from {
opacity: 0;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInLeftShort {
from {
opacity: 0;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeInDownShortCut {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInDownShortCut {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeInRightShort {
from {
opacity: 0;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInRightShort {
from {
opacity: 0;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeInUpShortCut {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes BrooklynFadeInUpShortCut {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
}
@keyframes BrooklynFadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
}
@-webkit-keyframes BrooklynFadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
}
@keyframes BrooklynFadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
}
ut-stroke-1 {
-webkit-text-stroke-color: #000000;
-webkit-text-stroke-width: 1px;
}
ut-stroke-2 {
-webkit-text-stroke-color: #000000;
-webkit-text-stroke-width: 2px;
}
.ut-hover-cursor {
position: fixed;
will-change: transform;
pointer-events: none;
z-index: 100001;
transform: translate3d( -100%,-100%,0 );
width: 80px;
height: 80px;
-webkit-transition: opacity 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: opacity 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: opacity 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.admin-bar .ut-hover-cursor {
margin-top: -32px;
}
@media (min-width: 1025px) {
.ut-deactivate-browser-cursor,
.ut-deactivate-browser-cursor * {
cursor: none !important;
}
}
.ut-hover-cursor .ut-hover-cursor-inner {
display: block;
width: 80px;
height: 80px;
transform: translate3d(-50%, -50%, 0);
-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform-origin: center center;
}
.ut-hover-cursor.ut-hover-cursor-hide {
opacity: 0;
}
.ut-hover-cursor .text {
position: absolute;
top: 0;
font-size: 10px;
letter-spacing: 3px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-align: center;
height: 40px;
width: 40px;
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;
line-height: 100%;
}
.ut-hover-cursor svg {
width: 100%;
height: auto;
}
.ut-hover-cursor svg ellipse.circle {
-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform-origin: center center;
shape-rendering: geometricPrecision;
}
.ut-hover-cursor svg ellipse.circle {
fill: transparent;
stroke: rgba(255,255,255,0.3);
stroke-width: 1px;
}
.ut-hover-cursor svg ellipse.circle-animation {
fill: transparent;
stroke: rgba(255,255,255,0.3);
stroke-width: 1;
shape-rendering: geometricPrecision;
stroke-dasharray: 150.72;
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
}
.ut-hover-cursor.loading svg ellipse.circle-animation {
-webkit-animation: circle-animation 1s linear;
animation: circle-animation 1s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 1;
}
.ut-hover-cursor.loading svg ellipse.circle {
opacity: 0;
}
.ut-hover-cursor[data-cursor="link"] svg ellipse.circle,
.ut-hover-cursor[data-cursor="link"] svg ellipse.circle-animation {
transform: scale(0.5);
}
.ut-hover-cursor svg ellipse.circle-inner,
.ut-hover-cursor svg ellipse.circle-spinner {
-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
fill: rgba(255,255,255,1);
transform-origin: center;
}
.ut-hover-cursor svg ellipse.circle-spinner {
transform: translate3d(-50px,0,0);
}
.ut-hover-cursor.ut-hover-cursor-mousedown svg ellipse.circle-inner {
transition-delay: 100ms;
}
.ut-hover-cursor.ut-hover-cursor-mousedown svg ellipse.circle {
transition-delay: 100ms;
}
.ut-hover-cursor[data-cursor="link"].ut-hover-cursor-mousedown svg ellipse.circle-inner {
fill: rgba(55, 114, 255, 1);
}
.ut-hover-cursor[data-cursor="link"].ut-hover-cursor-mousedown svg ellipse.circle {
fill: rgba(55, 114, 255, 0.1);
stroke: rgba(55, 114, 255, 0.3);
}
.ut-hover-cursor svg .plus,
.ut-hover-cursor svg .cross-left,
.ut-hover-cursor svg .cross-right,
.ut-hover-cursor svg .arrow,
.ut-hover-cursor svg .play {
fill: #FFF;
transform-origin: center center;
-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: scale(0);
}
.ut-hover-cursor svg .arrow.arrow-right {
transform: scale(0) rotate(180deg);
}
.ut-hover-cursor svg .plus {
shape-rendering: crispEdges;
}
.ut-hover-cursor svg .plus.rotate {
transform: scale(0) rotate(90deg);
}
.ut-hover-cursor svg .cross-left {
transform: scale(0) rotate(45deg);
}
.ut-hover-cursor svg .cross-right {
transform: scale(0) rotate(-45deg);
}
.ut-hover-cursor[data-cursor="image"] svg ellipse.circle-inner {
transform: scale(0);
}
.ut-hover-cursor.ut-hover-cursor-small[data-cursor="image"]:not(.ut-hover-cursor-grow-on) svg .plus {
transform: scale(0.25);
}
.ut-hover-cursor.ut-hover-cursor-small[data-cursor="image"]:not(.ut-hover-cursor-grow-on) svg .plus.rotate {
transform: scale(0.25) rotate(90deg);
}
.ut-hover-cursor.ut-hover-cursor-large[data-cursor="image"] svg .plus,
.ut-hover-cursor.ut-hover-cursor-small.ut-hover-cursor-grow-on[data-cursor="image"] svg .plus {
transform: scale(0.5);
}
.ut-hover-cursor.ut-hover-cursor-large[data-cursor="image"] svg .plus.rotate,
.ut-hover-cursor.ut-hover-cursor-small.ut-hover-cursor-grow-on[data-cursor="image"] svg .plus.rotate {
transform: scale(0.5) rotate(90deg);
}
.ut-hover-cursor[data-cursor="video"] svg ellipse.circle-inner {
transform: scale(0);
}
.ut-hover-cursor.ut-hover-cursor-small[data-cursor="video"]:not(.ut-hover-cursor-grow-on) svg .play {
transform: scale(0.25);
}
.ut-hover-cursor.ut-hover-cursor-large[data-cursor="video"] svg .play,
.ut-hover-cursor.ut-hover-cursor-small.ut-hover-cursor-grow-on[data-cursor="video"] svg .play {
transform: scale(0.5);
}
.ut-hover-cursor[data-cursor="close"] svg ellipse.circle-inner {
transform: scale(0);
}
.ut-hover-cursor.ut-hover-cursor-small[data-cursor="close"]:not(.ut-hover-cursor-grow-on) svg .cross-left {
transform: scale(0.25) rotate(45deg);
}
.ut-hover-cursor.ut-hover-cursor-small[data-cursor="close"]:not(.ut-hover-cursor-grow-on) svg .cross-right {
transform: scale(0.25) rotate(-45deg);
}
.ut-hover-cursor.ut-hover-cursor-large[data-cursor="close"] svg .cross-left,
.ut-hover-cursor.ut-hover-cursor-small.ut-hover-cursor-grow-on[data-cursor="close"] svg .cross-left {
transform: scale(0.5) rotate(45deg);
}
.ut-hover-cursor.ut-hover-cursor-large[data-cursor="close"] svg .cross-right,
.ut-hover-cursor.ut-hover-cursor-small.ut-hover-cursor-grow-on[data-cursor="close"] svg .cross-right {
transform: scale(0.5) rotate(-45deg);
}
.ut-hover-cursor.ut-hover-cursor-small[data-cursor="arrow-left"]:not(.ut-hover-cursor-grow-on) svg .arrow.arrow-left {
transform: scale(0.15);
}
.ut-hover-cursor.ut-hover-cursor-small[data-cursor="arrow-right"]:not(.ut-hover-cursor-grow-on) svg .arrow.arrow-right {
transform: scale(0.15) rotate(180deg);
}
.ut-hover-cursor[data-cursor="arrow-left"] svg .arrow.arrow-left {
transform: scale(0.3);
}
.ut-hover-cursor[data-cursor="arrow-right"] svg .arrow.arrow-right {
transform: scale(0.3) rotate(180deg);
}
.ut-hover-cursor[data-cursor="arrow-left"] svg ellipse.circle-inner,
.ut-hover-cursor[data-cursor="arrow-right"] svg ellipse.circle-inner {
transform: scale(0);
}
#ut-hover-cursor-pulse {
width: 88px;
height: 88px;
border-radius: 50%;
transform: translate3d(-100%,-100%,0);
margin: -4px 0 0 -4px;
background: rgba( 255,255,255,0.5 );
opacity: .3;
position: fixed;
will-change: transform;
pointer-events: none;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 100000;
}
.ut-hover-cursor .text span {
display: block;
width: 60%;
} .ut-hover-cursor.ut-hover-cursor-small svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small svg ellipse.circle-animation {
transform: scale(0.5);
}
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="link"] svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="link"] svg ellipse.circle-animation {
transform: scale(1);
}
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off).ut-cursor-force-size[data-cursor="link"] svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off).ut-cursor-force-size[data-cursor="link"] svg ellipse.circle-animation {
transform: scale(1);
}
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="video"] svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="video"] svg ellipse.circle-animation {
transform: scale(1);
}
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="image"] svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="image"] svg ellipse.circle-animation {
transform: scale(1);
}
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="close"] svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="close"] svg ellipse.circle-animation {
transform: scale(1);
}
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="arrow-left"] svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="arrow-left"] svg ellipse.circle-animation,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="arrow-right"] svg ellipse.circle,
.ut-hover-cursor.ut-hover-cursor-small:not(.ut-hover-cursor-grow-off)[data-cursor="arrow-right"] svg ellipse.circle-animation {
transform: scale(1);
} .ut-hover-cursor.ut-hover-cursor-contrast svg ellipse.circle {
filter: drop-shadow( 0px 1px 0px rgba(21, 21, 21, 0.5) );
} .ut-hover-cursor[data-skin="dark"] svg ellipse.circle {
stroke: rgba(21,21,21,1);
}
.ut-hover-cursor[data-skin="dark"] svg ellipse.circle-animation {
stroke: rgba(21,21,21,1);
}
.ut-hover-cursor[data-skin="dark"] svg ellipse.circle-inner {
fill: #151515;
}
.ut-hover-cursor[data-skin="dark"] svg .plus {
fill: #151515;
}
.ut-hover-cursor[data-skin="dark"] svg .arrow {
fill: #151515;
}
.ut-hover-cursor[data-skin="dark"] svg .cross-left,
.ut-hover-cursor[data-skin="dark"] svg .cross-right {
fill: #151515;
}
.ut-hover-cursor[data-skin="dark"] svg .play {
fill: #151515;
}
.ut-hover-cursor[data-skin="dark"] + #ut-hover-cursor-pulse {
background: rgba( 21,21,21,0.5 );
}
@-webkit-keyframes circle-animation {
0% {
transform: rotate(0deg);
stroke-dashoffset: 31.68;
}
50% {
transform: rotate(720deg);
stroke-dashoffset: 150.72;
}
100% {
transform: rotate(1080deg);
stroke-dashoffset: 31.68;
}
}
@keyframes circle-animation {
0% {
transform: rotate(0deg);
stroke-dashoffset: 31.68;
}
50% {
transform: rotate(720deg);
stroke-dashoffset: 150.72;
}
100% {
transform: rotate(1080deg);
stroke-dashoffset: 31.68;
}
}
@media (max-width: 1024px) {
.ut-hover-cursor,
#ut-hover-cursor-pulse {
display: none;
}
} .ut-cursor-parallax-element {
} .ut-glitch:not(.title-with-wordrotator).ut-base-span {
display: inline-block;
position: relative;
z-index: 1;
}
.ut-glitch.title-with-typewriter {
display: block;
}
.title-with-linebreak.ut-glitch::before,
.title-with-linebreak.ut-glitch::after {
white-space: pre-line;
}
@media (max-width: 767px) {
.ut-no-title-linebreak-mobile .ut-glitch::before,
.ut-no-title-linebreak-mobile .ut-glitch::after {
white-space: normal !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ut-no-title-linebreak-tablet .ut-glitch::before,
.ut-no-title-linebreak-tablet .ut-glitch::after {
white-space: normal !important;
}
} .ut-glitch-1:not(.title-with-wordrotator)::before,
.ut-glitch-1:not(.title-with-wordrotator)::after {
display: block;
content: attr(data-title);
position: absolute;
top: 0;
left: inherit;
height: 100%;
width: 100%;
opacity: .8;
}
.ut-glitch-1:not(.title-with-wordrotator)::after {
color: #f0f;
z-index: 0;
animation: GlitchUT1 .3s cubic-bezier(.25, .46, .45, .94) reverse both infinite;
}
.ut-glitch-1:not(.title-with-wordrotator)::before {
color: #0ff;
z-index: 1;
animation: GlitchUT1 .3s cubic-bezier(.25, .46, .45, .94) both infinite;
}
.ut-glitch-1 > span {
position: relative;
z-index: 2;
}
.ut-glitch.ut-glitch-1.title-with-typewriter::before,
.ut-glitch.ut-glitch-1.title-with-typewriter::after {
overflow: hidden;
}
.ut-glitch.title-with-typewriter ut-typewriter-1,
.ut-glitch.title-with-typewriter ut-typewriter-2 {
position: relative;
z-index: 2;
} .ut-glitch.title-with-wordrotator .ut-word-rotator > div {
position: relative;
}
.ut-glitch-1.title-with-wordrotator .ut-word-rotator > div::before,
.ut-glitch-1.title-with-wordrotator .ut-word-rotator > div::after {
display: block;
content: attr(data-title);
position: absolute;
top: 0;
left: inherit;
height: 100%;
width: 100%;
opacity: .8;
}
.ut-glitch-1.title-with-wordrotator .ut-word-rotator > div::after {
color: #f0f;
z-index: -2;
animation: GlitchUT1 .3s cubic-bezier(.25, .46, .45, .94) reverse both infinite;
}
.ut-glitch-1.title-with-wordrotator .ut-word-rotator > div::before {
color: #0ff;
z-index: -1;
animation: GlitchUT1 .3s cubic-bezier(.25, .46, .45, .94) both infinite;
}
@keyframes GlitchUT1 {
0% {
transform: translate(0)
}
20% {
transform: translate(-5px, 5px)
}
40% {
transform: translate(-5px, -5px)
}
60% {
transform: translate(5px, 5px)
}
80% {
transform: translate(5px, -5px)
}
to {
transform: translate(0)
}
} .ut-glitch-2:not(.title-with-wordrotator)::after,
.ut-glitch-2.title-with-wordrotator .ut-word-rotator > div::after {
content: attr(data-title);
position: absolute;
left: 1px;
text-shadow: -1px 0 red;
top: 0;
overflow: hidden;
clip-path: inset(0 100% 0 0);
animation: GlitchUT2After 4s infinite linear alternate-reverse;
width: 100%;
height: 100%;
}
.ut-glitch-2:not(.title-with-wordrotator)::before,
.ut-glitch-2.title-with-wordrotator .ut-word-rotator > div::before {
content: attr(data-title);
position: absolute;
left: -1px;
text-shadow: 1px 0 blue;
top: 0;
overflow: hidden;
clip-path: inset(0 100% 0 0);
animation: GlitchUT2Before 6s infinite linear alternate-reverse;
width: 100%;
height: 100%;
}
@keyframes GlitchUT2After {
0% {
clip-path: inset(47% 52% 53% 0);
}
5% {
clip-path: inset(18% 19% 9% 0);
}
10% {
clip-path: inset(58% 13% 16% 0);
}
15% {
clip-path: inset(3% 98% 73% 0);
}
20% {
clip-path: inset(63% 65% 39% 0);
}
25% {
clip-path: inset(56% 84% 18% 0);
}
30% {
clip-path: inset(15% 91% 66% 0);
}
35% {
clip-path: inset(40% 16% 36% 0);
}
40% {
clip-path: inset(32% 54% 67% 0);
}
45% {
clip-path: inset(80% 91% 65% 0);
}
50% {
clip-path: inset(33% 61% 93% 0);
}
55% {
clip-path: inset(46% 21% 91% 0);
}
60% {
clip-path: inset(12% 54% 98% 0);
}
65% {
clip-path: inset(95% 33% 59% 0);
}
70% {
clip-path: inset(67% 29% 63% 0);
}
75% {
clip-path: inset(92% 67% 34% 0);
}
80% {
clip-path: inset(26% 75% 71% 0);
}
85% {
clip-path: inset(58% 4% 33% 0);
}
90% {
clip-path: inset(39% 26% 52% 0);
}
95% {
clip-path: inset(71% 46% 3% 0);
}
100% {
clip-path: inset(20% 82% 71% 0);
}
}
@keyframes GlitchUT2Before {
0% {
clip-path: inset(35% 88% 1% 0);
}
5% {
clip-path: inset(76% 61% 69% 0);
}
10% {
clip-path: inset(77% 93% 32% 0);
}
15% {
clip-path: inset(56% 97% 45% 0);
}
20% {
clip-path: inset(53% 59% 22% 0);
}
25% {
clip-path: inset(30% 7% 6% 0);
}
30% {
clip-path: inset(98% 31% 37% 0);
}
35% {
clip-path: inset(86% 38% 89% 0);
}
40% {
clip-path: inset(8% 82% 4% 0);
}
45% {
clip-path: inset(95% 7% 46% 0);
}
50% {
clip-path: inset(79% 73% 11% 0);
}
55% {
clip-path: inset(75% 51% 33% 0);
}
60% {
clip-path: inset(28% 8% 93% 0);
}
65% {
clip-path: inset(89% 70% 60% 0);
}
70% {
clip-path: inset(65% 54% 77% 0);
}
75% {
clip-path: inset(65% 91% 74% 0);
}
80% {
clip-path: inset(13% 27% 93% 0);
}
85% {
clip-path: inset(45% 10% 64% 0);
}
90% {
clip-path: inset(86% 3% 41% 0);
}
95% {
clip-path: inset(15% 58% 1% 0);
}
100% {
clip-path: inset(88% 33% 19% 0);
}
} @media (min-width: 768px) {
.ut-hero-style-1 .hero-title.ut-glitch::before,
.ut-hero-style-1 .hero-title.ut-glitch::after {
padding-top: 14px;
}
.ut-hero-style-9 .hero-title.ut-glitch::before,
.ut-hero-style-9 .hero-title.ut-glitch::after {
padding: 0 0.2em;
}
.ut-hero-style-10 .hero-title.ut-glitch::before,
.ut-hero-style-10 .hero-title.ut-glitch::after {
padding: 0 0.2em;
} .ut-hero-style-9 .hero-title.ut-glitch.ut-glitch-1::before,
.ut-hero-style-9 .hero-title.ut-glitch.ut-glitch-1::after {
left: 0;
} .ut-hero-style-10 .hero-title.ut-glitch.ut-glitch-1::before,
.ut-hero-style-10 .hero-title.ut-glitch.ut-glitch-1::after {
left: 0;
}
} .ut-hero-style-4 .hero-title.ut-glitch::before {
z-index: 2;
}
.ut-hero-style-4 .hero-title.ut-glitch::after {
z-index: 1;
}
.ut-hero-style-4 .hero-title.ut-glitch::before,
.ut-hero-style-4 .hero-title.ut-glitch::after {
padding: 8px 12px;
}
.ut-hero-style-4 .hero-title.ut-glitch > div {
position: relative;
z-index: 3;
}
.ut-hero-style-4 .hero-title.ut-glitch.ut-glitch-2 > div {
z-index: 0;
} .ut-hero-style-4 .hero-title.ut-glitch.ut-glitch-1::before,
.ut-hero-style-4 .hero-title.ut-glitch.ut-glitch-1::after {
left: 0;
}
.ut-hero-style-6 .hero-title.ut-glitch::before,
.ut-hero-style-6 .hero-title.ut-glitch::after {
padding: 0.2em;
} .ut-hero-style-6 .hero-title.ut-glitch.ut-glitch-1::before,
.ut-hero-style-6 .hero-title.ut-glitch.ut-glitch-1::after {
left: 0;
}
.ut-hero-style-7 .hero-title.ut-glitch::before,
.ut-hero-style-7 .hero-title.ut-glitch::after {
padding: 0.1em 0.2em;
} .ut-hero-style-7 .hero-title.ut-glitch.ut-glitch-1::before,
.ut-hero-style-7 .hero-title.ut-glitch.ut-glitch-1::after {
left: 0;
}
.ut-hero-style-8 .hero-title.ut-glitch::before,
.ut-hero-style-8 .hero-title.ut-glitch::after {
padding: 0.2em 0;
} .pt-style-1 .ut-glitch::before,
.pt-style-1 .ut-glitch::after {
left: 0;
}
.pt-style-1 .parallax-title.ut-glitch-1::before,
.pt-style-1 .parallax-title.ut-glitch-1::after,
.pt-style-1 .parallax-title.ut-glitch-2::before,
.pt-style-1 .parallax-title.ut-glitch-2::after {
padding-top: 20px;
}
.pt-style-2.header-center .ut-glitch::before,
.pt-style-2.header-center .ut-glitch::after {
text-align: center;
}
.pt-style-3 .ut-glitch::before,
.pt-style-3 .ut-glitch::after,
.pt-style-3 .ut-glitch span + div {
padding: 0.2em 0.4em;
}
.pt-style-4 .ut-glitch::before,
.pt-style-4 .ut-glitch::after {
padding: 0.2em 0.4em;
border: 6px solid transparent;
}
.page-header.pt-style-4 .ut-glitch::before,
.page-header.pt-style-4 .ut-glitch::after {
padding: 0.2em 0.4em;
border: 3px solid transparent;
}
.pt-style-5 .ut-glitch::before,
.pt-style-5 .ut-glitch::after,
.pt-style-5 .ut-glitch span + div {
padding: 0.2em 0.4em;
}
.pt-style-6.header-center .ut-glitch::before,
.pt-style-6.header-center .ut-glitch::after {
text-align: center;
}
@media (min-width: 1025px) { .pt-style-1.header-left .ut-glitch.ut-glitch-1:not(.parallax-title)::before,
.pt-style-1.header-left .ut-glitch.ut-glitch-1:not(.parallax-title)::after {
padding-right: 140px;
}
.pt-style-1.header-right .ut-glitch.ut-glitch-1:not(.parallax-title)::before,
.pt-style-1.header-right .ut-glitch.ut-glitch-1:not(.parallax-title)::after {
padding-left: 140px;
}
.pt-style-1.header-center .ut-glitch.ut-glitch-1:not(.parallax-title)::before,
.pt-style-1.header-center .ut-glitch.ut-glitch-1:not(.parallax-title)::after {
padding: 0 140px;
} .pt-style-1.header-left .ut-glitch.ut-glitch-2:not(.parallax-title)::before,
.pt-style-1.header-left .ut-glitch.ut-glitch-2:not(.parallax-title)::after {
padding-right: 140px;
}
.pt-style-1.header-right .ut-glitch.ut-glitch-2:not(.parallax-title)::before,
.pt-style-1.header-right .ut-glitch.ut-glitch-2:not(.parallax-title)::after {
padding-left: 140px;
}
.pt-style-1.header-center .ut-glitch.ut-glitch-2:not(.parallax-title)::before,
.pt-style-1.header-center .ut-glitch.ut-glitch-2:not(.parallax-title)::after {
padding: 0 140px;
}
}
@media (max-width: 767px) {
.pt-style-2.header-mobile-left .ut-glitch::before,
.pt-style-2.header-mobile-left .ut-glitch::after {
text-align: left;
}
.pt-style-2.header-mobile-center .ut-glitch::before,
.pt-style-2.header-mobile-center .ut-glitch::after {
text-align: center;
}
.pt-style-2.header-mobile-right .ut-glitch::before,
.pt-style-2.header-mobile-right .ut-glitch::after {
text-align: right;
}
.pt-style-6.header-mobile-left .ut-glitch::before,
.pt-style-6.header-mobile-left .ut-glitch::after {
text-align: left;
}
.pt-style-6.header-mobile-center .ut-glitch::before,
.pt-style-6.header-mobile-center .ut-glitch::after {
text-align: center;
}
.pt-style-6.header-mobile-right .ut-glitch::before,
.pt-style-6.header-mobile-right .ut-glitch::after {
text-align: right;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-2.header-tablet-left .ut-glitch::before,
.pt-style-2.header-tablet-left .ut-glitch::after {
text-align: left;
}
.pt-style-2.header-tablet-center .ut-glitch::before,
.pt-style-2.header-tablet-center .ut-glitch::after {
text-align: center;
}
.pt-style-2.header-tablet-right .ut-glitch::before,
.pt-style-2.header-tablet-right .ut-glitch::after {
text-align: right;
}
.pt-style-6.header-tablet-left .ut-glitch::before,
.pt-style-6.header-tablet-left .ut-glitch::after {
text-align: left;
}
.pt-style-6.header-tablet-center .ut-glitch::before,
.pt-style-6.header-tablet-center .ut-glitch::after {
text-align: center;
}
.pt-style-6.header-tablet-right .ut-glitch::before,
.pt-style-6.header-tablet-right .ut-glitch::after {
text-align: right;
}
} .pt-style-3 .ut-glitch.ut-glitch-1 span,
.pt-style-3 .ut-glitch.ut-glitch-1 span {
position: relative;
z-index: 0;
color: transparent;
}
.pt-style-3 .ut-glitch.ut-glitch-1 span + div {
position: absolute;
display: inline-block;
border: 3px solid transparent;
z-index: 1;
}
.pt-style-3.header-left .ut-glitch.ut-glitch-1 span + div {
left: 0;
}
.pt-style-3.header-right .ut-glitch.ut-glitch-1 span + div {
right: 0;
}
.pt-style-3.header-center .ut-glitch.ut-glitch-1 span + div {
left: 0;
right: 0;
}
@media (max-width: 767px) {
.pt-style-3 .ut-glitch.ut-glitch-1 span + div {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-3.header-tablet-left .ut-glitch.ut-glitch-1 span + div {
left: 0;
}
.pt-style-3.header-tablet-right .ut-glitch.ut-glitch-1 span + div {
right: 0;
}
.pt-style-3.header-tablet-center .ut-glitch.ut-glitch-1 span + div {
left: 0;
right: 0;
}
} .pt-style-3 .ut-glitch-2::after,
.pt-style-3 .ut-glitch-2::before {
border: 3px solid transparent;
}
.pt-style-3 .ut-glitch.ut-glitch-2 span,
.pt-style-3 .ut-glitch.ut-glitch-2 span {
position: relative;
z-index: 0;
color: transparent;
}
.pt-style-3 .ut-glitch.ut-glitch-2 span + div {
position: absolute;
display: inline-block;
border: 3px solid transparent;
}
.pt-style-3.header-left .ut-glitch.ut-glitch-2 span + div {
left: 0;
}
.pt-style-3.header-right .ut-glitch.ut-glitch-2 span + div {
right: 0;
}
.pt-style-3.header-center .ut-glitch.ut-glitch-2 span + div {
left: 0;
right: 0;
}
@media (max-width: 767px) {
.pt-style-3 .ut-glitch.ut-glitch-2 span + div {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-3.header-tablet-left .ut-glitch.ut-glitch-2 span + div {
left: 0;
}
.pt-style-3.header-tablet-right .ut-glitch.ut-glitch-2 span + div {
right: 0;
}
.pt-style-3.header-tablet-center .ut-glitch.ut-glitch-2 span + div {
left: 0;
right: 0;
}
} .pt-style-5 .ut-glitch.ut-glitch-1 span,
.pt-style-5 .ut-glitch.ut-glitch-1 span {
position: relative;
z-index: 0;
color: transparent;
}
.pt-style-5 .ut-glitch.ut-glitch-1 span + div {
position: absolute;
display: inline-block;
border: 3px solid transparent;
z-index: 1;
}
.pt-style-5.header-left .ut-glitch.ut-glitch-1 span + div {
left: 0;
}
.pt-style-5.header-right .ut-glitch.ut-glitch-1 span + div {
right: 0;
}
.pt-style-5.header-center .ut-glitch.ut-glitch-1 span + div {
left: 0;
right: 0;
}
@media (max-width: 767px) {
.pt-style-5 .ut-glitch.ut-glitch-1 span + div {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-5.header-tablet-left .ut-glitch.ut-glitch-1 span + div {
left: 0;
}
.pt-style-5.header-tablet-right .ut-glitch.ut-glitch-1 span + div {
right: 0;
}
.pt-style-5.header-tablet-center .ut-glitch.ut-glitch-1 span + div {
left: 0;
right: 0;
}
} .pt-style-5 .ut-glitch-2::after,
.pt-style-5 .ut-glitch-2::before {
border: 3px solid transparent;
}
.pt-style-5 .ut-glitch.ut-glitch-2 span,
.pt-style-5 .ut-glitch.ut-glitch-2 span {
position: relative;
z-index: 0;
color: transparent;
}
.pt-style-5 .ut-glitch.ut-glitch-2 span + div {
position: absolute;
display: inline-block;
border: 3px solid transparent;
}
.pt-style-5.header-left .ut-glitch.ut-glitch-2 span + div {
left: 0;
}
.pt-style-5.header-right .ut-glitch.ut-glitch-2 span + div {
right: 0;
}
.pt-style-5.header-center .ut-glitch.ut-glitch-2 span + div {
left: 0;
right: 0;
}
@media (max-width: 767px) {
.pt-style-5 .ut-glitch.ut-glitch-2 span + div {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.pt-style-5.header-tablet-left .ut-glitch.ut-glitch-2 span + div {
left: 0;
}
.pt-style-5.header-tablet-right .ut-glitch.ut-glitch-2 span + div {
right: 0;
}
.pt-style-5.header-tablet-center .ut-glitch.ut-glitch-2 span + div {
left: 0;
right: 0;
}
} #ut-scroll-dots {
position: fixed;
top: 50vh;
transform: translate(0, -50%);
right: 10px;
z-index: 999;
}
@media (min-width: 1025px) {
#ut-scroll-dots {
right: 20px;
}
.ut-site-border-right.ut-site-border-20 #ut-scroll-dots {
right: 40px;
}
.ut-site-border-right.ut-site-border-40 #ut-scroll-dots {
right: 60px;
}
.ut-site-border-right.ut-site-border-60 #ut-scroll-dots {
right: 80px;
}
.ut-site-border-right.ut-site-border-80 #ut-scroll-dots {
right: 100px;
}
.ut-site-border-right.ut-site-border-100 #ut-scroll-dots {
right: 120px;
}
.ut-site-border-right.ut-site-border-120 #ut-scroll-dots {
right: 140px;
}
}
#ut-scroll-dots > div {
width: 20px;
height: 20px;
position: relative;
border-radius: 50%;
margin: 0 0 10px 0;
cursor: pointer;
transition: background 0.4s ease;
will-change: transition;
display: block;
}
#ut-scroll-dots > div span {
position: absolute;
right: calc(100% + 8px);
white-space: nowrap;
top: 50%;
font-size: 16px;
line-height: 17px;
width: 0;
overflow: hidden;
opacity: 0;
transform: translateY(-50%) translateX(10px);
transition: all 0.4s ease;
will-change: transition;
}
#ut-scroll-dots > div span:after {
content: "--";
padding-left: 5px;
letter-spacing: -2px;
line-height: 14px;
}
#ut-scroll-dots > div:hover span {
width: auto;
opacity: 1;
overflow: visible;
transform: translateY(-50%) translateX(0px);
}
#ut-scroll-dots.ut-scroll-dots-light > div {
border: 2px solid rgba(255, 255, 255, 0.50);
background: rgba(0, 0, 0, 0.25);
color: #FFF;
}
#ut-scroll-dots.ut-scroll-dots-light > div:hover  {
background: rgba(0, 0, 0, 0.5);
}.ut-header-extra-module .ut-header-cart {
position: relative;
}
.ut-header-extra-module .ut-header-cart sup {
width: 16px;
height: 16px;
display: inline-block;
border-radius: 50%;
color: #FFF;
text-align: center;
font-size: 10px;
line-height: 15px;
position: absolute;
} #header-section-upper-area {
position: relative;
z-index: 50;
}
#header-section-lower-area {
position: relative;
z-index: 1;
}
#header-section .ut-header-extra-module .bklyn-btn-header .bklyn-btn {
margin: 0;
font-size: 12px;
}
.ut-header-extra-module-right .sub-menu {
right: 0;
}
.ut-header-extra-module-small .ut-main-navigation-link .fa, 
.ut-header-extra-module-small .ut-main-navigation-link i {
font-size: 18px;
}
#ut-header-primary-extra-module,
#ut-header-secondary-extra-module,
#ut-header-tertiary-extra-module {
width: 100%;
}
.ut-header-extra-module-custom-fields li i {
margin-right: 10px;
}
.ut-header-extra-module-buttons li:not(:first-child) {
margin-left: 20px;
}
.ut-header-extra-module-buttons li:first-child {
margin-left: 0;
}
.ut-horizontal-navigation > .ut-header-extra-module-buttons li a::after {
display: none;
}
.ut-header-extra-module-dropdown-menu .ut-main-navigation-link.sf-with-ul::before {
font-family: 'Brooklyn-Core';
font-size: 12px;
content: "\e902";
position: absolute;
}
.ut-header-extra-module-dropdown-menu .ut-main-navigation-link.sf-with-ul::before {
right: -20px;
}
.ut-header-extra-module-dropdown-menu.ut-header-extra-module-right .ut-main-navigation-link.sf-with-ul::before {
left: -20px;
} .ut-top-header-sub-menu  {
list-style: none;
position: relative;
z-index: 5;
}
.ut-top-header-sub-menu li {
float: left;
position: relative;
}
.ut-top-header-sub-menu a {
display: block;
}
.ut-top-header-sub-menu ul li {
float: none;
}
.ut-top-header-sub-menu ul li {
margin: 0 !important;
} #header-section .ut-header-extra-module.ut-header-extra-module-rounded .ut-header-extra-module-toolbar li > a {
border-radius: 50%;
display: inline-block;
text-align: center;
} #header-section.ut-header-light .ut-header-extra-module.ut-header-extra-module-rounded .ut-header-extra-module-toolbar li > a {
background: #FAFAFA;
color: #B3B3B3;
}
#header-section.ut-header-light .ut-header-extra-module .ut-hamburger span {
background: #151515;
}
#header-section.ut-header-light .ut-header-extra-module .ut-hamburger span::before,
#header-section.ut-header-light .ut-header-extra-module .ut-hamburger span::after {
background-color: #151515;
} #header-section[data-style='style-1'] .ut-horizontal-navigation {
float: left;
}
#header-section[data-style='style-1'] .ut-horizontal-navigation ul {
float: left;
}
#header-section[data-style='style-1'] .ut-horizontal-navigation ul > li:first-child .ut-main-navigation-link {
padding-left: 0;
}
#header-section[data-style='style-1'] .site-logo {
text-align: right;
}
#header-section[data-style='style-1'] .ut-hamburger-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
} #header-section[data-style='style-2'] #navigation.ut-horizontal-navigation,
#header-section[data-style="default"] #navigation.ut-horizontal-navigation.ut-navigation-centered {
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#header-section[data-style='style-2'] .ut-header-extra-module ul li:last-child:not(.ut-header-mini-cart-action) {
padding-right: 0;
} #header-section[data-style='style-3'] .ut-horizontal-navigation {
float: left;
}
#header-section[data-style='style-3'] #navigation-secondary.ut-horizontal-navigation > ul {
float: left;	
} #header-section[data-style='style-4'] #navigation.ut-horizontal-navigation {
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} #header-section[data-style='style-5'] #navigation.ut-horizontal-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#header-section[data-style='style-5'] .ut-header-primary-extra-module ul > li:first-child {
padding-left: 0;
}
#header-section[data-style='style-5'] .ut-header-primary-extra-module {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;	
}
#header-section[data-style='style-5'] .ut-horizontal-navigation ul > li:first-child .ut-main-navigation-link {
padding-left: 0;
}
#header-section[data-style='style-5'] #ut-header-primary-extra-module.ut-horizontal-navigation ul {
float: left;
} #header-section[data-style='style-6'] .site-logo {
text-align: right;
}
#header-section[data-style='style-6'] .ut-header-extra-module {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#header-section[data-style='style-6'] .ut-header-extra-module ul {
margin-left: 0;
}
#header-section[data-style='style-6'] .ut-header-extra-module ul > li:first-child {
padding-left: 0;
}
#header-section[data-style='style-6'] #ut-header-primary-extra-module ul,
#header-section[data-style='style-6'] #ut-header-tertiary-extra-module ul {
float: left;
}
#header-section[data-style='style-6'] #ut-header-tertiary-extra-module ul li:first-child .ut-main-navigation-link,
#header-section[data-style='style-6'] #ut-header-primary-extra-module ul li:first-child .ut-main-navigation-link {
padding-left: 0;
} #header-section[data-style='style-7'] #navigation.ut-horizontal-navigation {
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#header-section[data-style='style-7'] #ut-header-primary-extra-module ul {
float: left;
}
#header-section[data-style='style-7'] #ut-header-primary-extra-module ul li:first-child .ut-main-navigation-link {
padding-left: 0;
} #header-section[data-style='style-8'] #ut-header-primary-extra-module ul {
float: left;
}
#header-section[data-style='style-8'] #ut-header-primary-extra-module ul li:first-child .ut-main-navigation-link {
padding-left: 0;
} #header-section[data-style='style-9'] .site-logo {
height: 160px;
}
#header-section[data-style='style-9'] #navigation.ut-horizontal-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
float: left;
}
#header-section[data-style='style-9'] #ut-header-primary-extra-module ul {
float: left;
}
#header-section[data-style='style-9'] #ut-header-primary-extra-module ul li:first-child .ut-main-navigation-link {
padding-left: 0;
} @media (max-width: 767px) {
#header-section[data-style='style-6'] .site-logo-wrap {
float: right;
}
#header-section[data-style='style-6'] .ut-hamburger-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
} @media (min-width: 768px) and (max-width: 1024px) {
#header-section[data-style='style-6'] .site-logo-wrap {
float: right;
}
#header-section[data-style='style-6'] .ut-hamburger-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
} @media (min-width: 1025px) {
#header-section[data-style='style-9'] .site-logo.ut-logo-has-img {
line-height: 160px;
}
#header-section[data-style='style-3'] .site-logo,
#header-section[data-style='style-4'] .site-logo,
#header-section[data-style='style-7'] .site-logo,
#header-section[data-style='style-8'] .site-logo {
text-align: center;
}
} #ut-header-search {
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;
text-align: center;
}
.ut-js #ut-header-search {
position: fixed;
z-index: 10002;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.ut-js #ut-header-search.ut-header-search-ready {
visibility: visible !important;
}
.ut-js #ut-header-search::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(14,16,18,0.95);
}
#ut-overlay-menu {
background: rgba(14,16,18,0.95);
}
#ut-header-search-close-wrap {
position: absolute;
top: 40px;
right: 40px;
}
#ut-header-search-close {
display: none;
}
.ut-js #ut-header-search-close {
display: block;
}
#ut-header-searchform {
margin: 5em 0;
}
#ut-header-searchform input {
font-family: inherit;
font-size: 10vw;
line-height: 1;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
padding: 0.05em 0;
color: #FFF;
border: none;
border-bottom: 5px solid;
margin-bottom: 0;
}
#ut-header-searchform input::-webkit-input-placeholder { color: #FFF;
}
#ut-header-searchform input::-moz-placeholder {
opacity: 1; color: #FFF;
}
#ut-header-searchform input:-ms-input-placeholder { color: #FFF;
}
#ut-header-searchform input::-webkit-search-cancel-button,
#ut-header-searchform input::-webkit-search-decoration {
-webkit-appearance: none;
}
#ut-header-searchform input::-ms-clear {
display: none;
}
.ut-header-search-info {
display: block;
width: 75%;
margin: 0 auto;
padding: 0.85em 0;
text-align: right;
color: #FFF;
}
.ut-header-search-related {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 75%;
text-align: left;
pointer-events: none;
}
.ut-header-search-suggestion {
width: 50%;
}
.ut-header-search-suggestion:first-child {
padding: 0 2em 0 0;
}
.ut-header-search-suggestion:last-child {
padding: 0 0 0 2em;
}
.ut-header-search-suggestion h3 {
margin: 0;
color: #f2f2f2;
}
.ut-header-search-suggestion h3::before {
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
padding: 0 0.5em 0 0;
}
.ut-header-search-suggestion p {
font-size: 1.15em;
line-height: 1.4;
margin: 0.75em 0 0 0;
}   .ut-js .main-wrap {
position: relative;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.ut-js .main-wrap--move {
-webkit-transform: scale3d(0.7,0.7,1);
transform: scale3d(0.7,0.7,1);
}
.ut-js .main-wrap--move .btn--search {
pointer-events: none;
opacity: 0;
}
.ut-js #ut-header-search {
pointer-events: none;
}
.ut-js #ut-header-search.ut-show-header-search {
pointer-events: auto;
}
.ut-js #ut-header-search::before {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.ut-js #ut-header-search.ut-show-header-search::before {
opacity: 1;
} #ut-header-search-close {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.ut-show-header-search #ut-header-search-close {
opacity: 1;
} .ut-header-search-suggestion,
.ut-header-search-info {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, -webkit-transform 0.4s;
-o-transition: opacity 0.4s, transform 0.4s;
transition: opacity 0.4s, transform 0.4s;
transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
.ut-show-header-search .ut-header-search-suggestion,
.ut-show-header-search .ut-header-search-info {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.ut-show-header-search .ut-header-search-suggestion:first-child {
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.ut-show-header-search .ut-header-search-suggestion:nth-child(2) {
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
#ut-header-searchform input {
-webkit-transform: scale3d(0,1,1);
transform: scale3d(0,1,1);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.ut-show-header-search #ut-header-searchform input {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
@media screen and (max-width: 40em) {
.ut-header-search-suggestion {
font-size: 80%;
width: 100%;
}
.ut-header-search-suggestion:nth-child(2),
.ut-header-search-suggestion:nth-child(3) {
display: none;
}
} .ut-horizontal-navigation .ut-nav-header h3 {
cursor: default !important;
margin-bottom: 20px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 30px;
height: 30px;
}
.ut-horizontal-navigation .ut-megamenu {
padding: 0;
position: fixed;
text-align: left;
left: 0;
right: 0;
width: 100%;
max-width: 100%;
z-index: 99;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.10);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.10);
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.ut-horizontal-navigation .ut-megamenu.ut-megamenu-with-padding {
left: 40px;
right: 40px;
width: calc(100% - 80px);
}
.ut-horizontal-navigation ul li:hover > .ut-megamenu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
.ut-horizontal-navigation .ut-megamenu.ut-megamenu-centered {
padding-left: 0;
padding-right: 0;
}
#header-section {
-webkit-backface-visibility: hidden;
}
.ut-horizontal-navigation .ut-megamenu .grid-container {
padding-left: 0;
padding-right: 0;	
}
.ut-horizontal-navigation .ut-megamenu.ut-megamenu-fullwidth .grid-container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.ut-horizontal-navigation .ut-is-megamenu .ut-navigation-column ul {
visibility: visible;
position: relative;
float: none;
min-width: inherit;
}
#header-section .ut-megamenu.ut-megamenu-fullwidth ul.ut-navigation-column-list li,
#header-section .ut-megamenu.ut-megamenu-centered ul.ut-navigation-column-list li {
padding: 0 40px;
}
#header-section .ut-megamenu  ul.ut-navigation-column-list li {
padding: 0 20px;
}
#header-section.fullwidth .ut-megamenu:not(.ut-megamenu-fullwidth):not(.ut-megamenu-centered) ul.ut-navigation-column-list li {
padding: 0 40px;
}
.ut-horizontal-navigation ul.ut-navigation-column-list li > a:not(.bklyn-btn):not(.ut-megamenu-image) {
background: none !important;
font-size: 10px;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transition: color 300ms, background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: color 300ms, background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: color 300ms, background 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); }
.ut-horizontal-navigation ul.ut-navigation-column-list .bklyn-btn-menu a {
margin: 0;
}
.ut-navigation-column-list li.menu-item-object-megamenu-button a.bklyn-btn::after,
.ut-horizontal-navigation ul.ut-navigation-column-list li > a::after {
display: none;
} .ut-horizontal-navigation .ut-megamenu-image-left {
text-align: left;
}
.ut-horizontal-navigation .ut-megamenu-image-right {
text-align: right;
}
.ut-horizontal-navigation .ut-megamenu-image-center {
text-align: center;
}
.ut-horizontal-navigation .ut-megamenu-image {
display: inline-block !important;
} .ut-navigation-with-column-animation .ut-parent.ut-has-children ul.sub-menu > li,
.ut-navigation-with-column-animation .ut-is-megamenu .ut-navigation-column-list {
-webkit-transform: translatey(15px);
-ms-transform: translatey(15px);
transform: translatey(15px);
-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); }
.ut-navigation-with-column-animation .ut-parent.ut-has-children.sfHover ul.sub-menu > li,
.ut-navigation-with-column-animation .ut-is-megamenu.sfHover .ut-navigation-column-list {
-webkit-transform: translatey(0px);
-ms-transform: translatey(0px);
transform: translatey(0px);
} .ut-navigation-with-link-animation ul.sub-menu li a span,
.ut-navigation-with-link-animation .ut-navigation-column-list li a span {
position: relative;
}
.ut-navigation-with-link-animation ul.sub-menu li a span::after,
.ut-navigation-with-link-animation .ut-navigation-column-list li a span::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background ul.sub-menu li a::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li a::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 30px;
right: 30px;
bottom: 0;
width: 0;
z-index: -1;
-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); -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); }
.ut-navigation-with-link-animation ul.sub-menu li a span::after,
.ut-navigation-with-link-animation .ut-navigation-column-list li a span::after {
bottom: -4px;
left: 0;
right: 0;
}
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static ul.sub-menu li a::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li a::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 30px;
right: 30px;
bottom: 0;
z-index: -1;
}
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li a::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li a::after {
left: 0;
right: 0;
}
.ut-navigation-with-link-animation-type-background-static ul.sub-menu li a,
.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li a,
.ut-navigation-with-link-animation-type-background ul.sub-menu li a,
.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li a {
margin-top: 1px;
}
.ut-navigation-with-link-animation-type-background-static ul.sub-menu li:first-child a,
.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li:first-child a,
.ut-navigation-with-link-animation-type-background ul.sub-menu li:first-child a,
.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li:first-child a {
margin-top: 0;
} .ut-navigation-with-link-animation ul.sub-menu li a:not(.bklyn-btn):hover span::after,
.ut-navigation-with-link-animation ul.sub-menu li.sfHover > a:not(.bklyn-btn) span::after,
.ut-navigation-with-link-animation .ut-navigation-column-list li a:not(.bklyn-btn):hover span::after {
width: 100%;
} .ut-navigation-with-link-animation ul.sub-menu li a.active span::after,
.ut-navigation-with-link-animation ul.sub-menu li.current-menu-item > a span::after,
.ut-navigation-with-link-animation .ut-navigation-column-list li.current-menu-item > a span::after {
width: 100%;    
} .ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background ul.sub-menu li a:not(.bklyn-btn):hover::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background ul.sub-menu li.sfHover > a:not(.bklyn-btn)::after {
width: calc(100% - 60px);
} .ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li a:not(.bklyn-btn):hover::after {
width: 100%;
} .ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background ul.sub-menu li a.active::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background ul.sub-menu li.current-menu-item > a::after {
width: calc(100% - 60px);
opacity: 1;
} .ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li.current-menu-item > a::after {
width: 100%;
opacity: 1;
} .ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static ul.sub-menu li a::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li a::after {
opacity: 0;
} .ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static ul.sub-menu li a.active::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static ul.sub-menu li.current-menu-item > a::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li.current-menu-item > a::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static ul.sub-menu li a:hover::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static ul.sub-menu li.sfHover > a::after,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li a:hover::after {
opacity: 1;
}
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li a span,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li a span {
padding-left: 0;
-webkit-transition: padding 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: padding 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: padding 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); }
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li a:hover span,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li a:hover span {
padding-left: 15px;
-webkit-transition: padding 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: padding 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: padding 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); }
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background-static .ut-navigation-column-list li.current-menu-item > a span,
.ut-navigation-with-link-animation.ut-navigation-with-link-animation-type-background .ut-navigation-column-list li.current-menu-item > a span {
padding-left: 15px;
}
.ut-navigation-column-list li .bklyn-btn-menu {
margin-top: 17px;
margin-bottom: 20px;
}
.ut-navigation-column-list li:first-child .bklyn-btn-menu,
.ut-navigation-column-list li.ut-nav-header + li.menu-item-object-megamenu-button .bklyn-btn-menu {
margin-top: 0;
margin-bottom: 20px;
}
.ut-navigation-column-list li:last-child .bklyn-btn-menu {
margin-bottom: 0;
}
.ut-horizontal-navigation.ut-navigation-with-link-animation-type-background ul.ut-navigation-column-list li > a,
.ut-horizontal-navigation.ut-navigation-with-link-animation-type-background ul.sub-menu li > a,
.ut-horizontal-navigation.ut-navigation-with-link-animation-type-background-static ul.ut-navigation-column-list li > a,
.ut-horizontal-navigation.ut-navigation-with-link-animation-type-background-static ul.sub-menu li > a {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important; } [class*="ut-megamenu-grid-row"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
z-index: 1;
position: relative;
}
[class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-col-"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 40px 0 0;
}
[class^="ut-megamenu-grid-col"] {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
[class^="ut-megamenu-grid-col"]:hover {
z-index: 10000;
}
[class^="ut-megamenu-grid-row"][class^="ut-megamenu-grid-col"],
[class^="ut-megamenu-grid-row"][class*="ut-megamenu-grid-col-"] {
margin: 0;
padding: 0;
}
[class*="ut-megamenu-grid-row-1"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-1"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
[class*="ut-megamenu-grid-row-2"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-2"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
[class*="ut-megamenu-grid-row-3"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-3"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
[class*="ut-megamenu-grid-row-4"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-4"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
[class*="ut-megamenu-grid-row-5"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-5"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
[class*="ut-megamenu-grid-row-6"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-6"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
} .ut-megamenu-grid-row-1 .ut-megamenu-grid-col {
padding-top: 40px;
padding-bottom: 40px;
} .ut-megamenu-grid-row-2 .ut-megamenu-grid-col:nth-child(2n+3) {
border-left: none !important;
}
.ut-megamenu-grid-row-2 .ut-megamenu-grid-col:nth-child(-n+2) {
padding-top: 40px;
padding-bottom: 40px;
} .ut-megamenu-grid-row-3 .ut-megamenu-grid-col:nth-child(3n+4) {
border-left: none !important;
}
.ut-megamenu-grid-row-3 .ut-megamenu-grid-col:nth-child(-n+3) {
padding-top: 40px;
padding-bottom: 40px;
} .ut-megamenu-grid-row-4 .ut-megamenu-grid-col:nth-child(4n+5) {
border-left: none !important;
}
.ut-megamenu-grid-row-4 .ut-megamenu-grid-col:nth-child(-n+4) {
padding-top: 40px;   
}
.ut-megamenu-grid-row-4 .ut-megamenu-grid-col:nth-child(4n+1):nth-last-child(-n+4),
.ut-megamenu-grid-row-4 .ut-megamenu-grid-col:nth-child(4n+1):nth-last-child(-n+4) ~ .ut-megamenu-grid-col {
padding-bottom: 40px; 
} @media (min-width: 1681px) {
.ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(6n+7) {
border-left: none !important;
}
.ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(-n+6) {
padding-top: 40px;   
}
.ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(6n+1):nth-last-child(-n+6),
.ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(6n+1):nth-last-child(-n+6) ~ .ut-megamenu-grid-col {
padding-bottom: 40px; 
}
.ut-megamenu-grid-row-5 .ut-megamenu-grid-col:nth-child(5n+6) {
border-left: none !important;
}
.ut-megamenu-grid-row-5 .ut-megamenu-grid-col:nth-child(-n+5) {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (min-width: 1025px) and (max-width: 1680px) { .ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(4n+5) {
border-left: none !important;
}
.ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(-n+4) {
padding-top: 40px;   
}
.ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(4n+1):nth-last-child(-n+4),
.ut-megamenu-grid-row-6 .ut-megamenu-grid-col:nth-child(4n+1):nth-last-child(-n+4) ~ .ut-megamenu-grid-col {
padding-bottom: 40px; 
}
[class*="ut-megamenu-grid-row-6"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-6"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
} .ut-megamenu-grid-row-5 .ut-megamenu-grid-col:nth-child(4n+5) {
border-left: none !important;
}
.ut-megamenu-grid-row-5 .ut-megamenu-grid-col:nth-child(-n+4) {
padding-top: 40px;
padding-bottom: 40px;
}
.ut-megamenu-grid-row-5 .ut-megamenu-grid-col:nth-child(4n+1):nth-last-child(-n+4),
.ut-megamenu-grid-row-5 .ut-megamenu-grid-col:nth-child(4n+1):nth-last-child(-n+4) ~ .ut-megamenu-grid-col {
padding-bottom: 40px; 
}
[class*="ut-megamenu-grid-row-5"] > [class^="ut-megamenu-grid-col"],
[class*="ut-megamenu-grid-row-5"] > [class*="ut-megamenu-grid-col-"] {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
}  @media (max-width: 400px) {
.hide-bg-on-mobile,
.hide-bg-on-mobile > .parallax-scroll-container {
background-image: none !important;
}
#ut-sitebody .hide-bg-on-mobile,
#ut-sitebody .hide-bg-on-mobile > .parallax-scroll-container {
background-image: none !important;
}
}
@media (max-width: 767px) {
.hide-bg-on-mobile,
.hide-bg-on-mobile > .parallax-scroll-container,
.hide-bg-on-mobile > .parallax-scroll-container > .parallax-image-container {
background-image: none !important;
}
#ut-sitebody .hide-bg-on-mobile,
#ut-sitebody .hide-bg-on-mobile > .parallax-scroll-container,
#ut-sitebody .hide-bg-on-mobile > .parallax-scroll-container > .parallax-image-container {
background-image: none !important;
}
#ut-sitebody .vc_column_container.hide-bg-on-mobile > .vc_column-inner {
background-image: none !important;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.hide-bg-on-tablet,
.hide-bg-on-tablet > .parallax-scroll-container,
.hide-bg-on-tablet > .parallax-scroll-container > .parallax-image-container {
background-image: none !important;
}
#ut-sitebody .hide-bg-on-tablet,
#ut-sitebody .hide-bg-on-tablet > .parallax-scroll-container,
#ut-sitebody .hide-bg-on-tablet > .parallax-scroll-container > .parallax-image-container {
background-image: none !important;
}
#ut-sitebody .vc_column_container.hide-bg-on-tablet > .vc_column-inner {
background-image: none !important;
}
} @media (min-width: 1025px) and (max-width: 1600px) {
.hide-bg-on-medium, 
.hide-bg-on-medium > .parallax-scroll-container,
.hide-bg-on-medium > .parallax-scroll-container > .parallax-image-container {
background-image: none !important;
}
#ut-sitebody .hide-bg-on-medium, 
#ut-sitebody .hide-bg-on-medium > .parallax-scroll-container,
#ut-sitebody .hide-bg-on-medium > .parallax-scroll-container > .parallax-image-container {
background-image: none !important;
}
#ut-sitebody .vc_column_container.hide-bg-on-medium > .vc_column-inner {
background-image: none !important;
}
}
.ut-bklyn-onepage section:not(#ut-hero) .parallax-scroll-container {
margin-top: -5%;    
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:60px;display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background:#128c7e}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--bottom:6px;--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}