File: /home/adventp/www/wp-content/themes/brooklyn/css/ut.scodes.css
/*
##########################################################################################
BROOKLYN THEME BY UNITED THEMES™ (A BRAND OF DIGISHARK™ LLC)
WEB DEVELOPMENT FORGE EST.2011
WWW.UNITEDTHEMES.COM
COPYRIGHT 2011 - 2025 ALL RIGHTS RESERVED BY UNITED THEMES™ (A BRAND OF DIGISHARK® LLC)
##########################################################################################
*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* UNITED THEMES BUTTONS */
.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;
}
/* Theme Color Button */
.ut-btn.theme-btn:hover {
background:#151515 !important;
}
/* dark */
.ut-btn.dark {
background:#151515;
}
/* Red */
.ut-btn.red {
background:#e74c3c;
}
.ut-btn.red:hover {
background:#151515;
}
/* Turquoise */
.ut-btn.turquoise {
background:#1abc9c;
}
.ut-btn.turquoise:hover {
background:#151515;
}
/* Green */
.ut-btn.green {
background:#2ecc71;
}
.ut-btn.green:hover {
background:#151515;
}
/* Blue */
.ut-btn.blue {
background:#3498db;
}
.ut-btn.blue:hover {
background:#151515;
}
/* Midnight Blue */
.ut-btn.mid-blue {
background:#34495e;
}
.ut-btn.mid-blue:hover {
background:#151515;
}
/* Yellow */
.ut-btn.yellow {
background:#f1c40f;
}
.ut-btn.yellow:hover {
background:#151515;
}
/* Orange */
.ut-btn.orange {
background:#FF6E00;
}
.ut-btn.orange:hover {
background:#151515;
}
/* Grey */
.ut-btn.grey {
background:#95a5a6;
}
.ut-btn.grey:hover {
background:#151515;
}
/* Purple */
.ut-btn.purple {
background:#9b59b6;
}
.ut-btn.purple:hover {
background:#151515;
}
/* UNITED THEMES Alert - Messages Boxes */
.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;
}
/* UNITED THEMES Brands */
.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%;
}
}
/* UNITED THEMES Brands Carousel */
.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;
}
/* UNITED THEMES Brands */
.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); /* easeOutCubic */
}
.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 {
/* height: 100%; */
/* width: 100%; */
}
.ut-single-brand img.animated {
opacity: 0;
}
/* UNITED THEMES Columns */
.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%;
}
/* UNITED THEMES Custom Icon */
.ut-custom-icon a i {
-webkit-transition:0.3s all ease;
-o-transition:0.3s all ease;
transition:0.3s all ease;
}
/* UNITED THEMES Highlights */
.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;
}
/* UNITED THEMES Tabs */
.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;
}
/* UNITED THEMES Accordion */
.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;
}
/* UNITED THEMES Blockquotes */
.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;
}
/* UNITED THEMES Highlights */
.ut-highlight {
padding:0 3px;
margin:0 2px;
}
/* UNITED THEMES Service Columns */
.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;
}
/* UNITED THEMES Image Animation */
.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;
}
/* Fade Effect */
.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;
}
}
/* Slide in Right */
.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;
}
}
/* Slide in Left */
.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;
}
/* UNITED THEMES Social Media */
.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;
}
/* UNITED THEMES Parallax Quote */
.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;
}
/* UNITED THEMES Quote Rotator */
.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;
}
/* UNITED THEMES Alternative Quote Rotator */
.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); /* easeOutCubic */
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
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; }
/* UNITED THEMES Count Up Box */
.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;
}
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
.ut-count-icon-position-left .ut-counter-box,
.ut-count-icon-position-right .ut-counter-box {
display: flex;
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;
}
/* UNITED THEMES Title Divider */
.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;
}
/* UNITED THEMES DROCAPS */
.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;
}
/* UNITED THEMES Service Icon Boxes */
.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;
}
/* UNITED THEMES Blog SC */
.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;
}
/* UNITED THEMES Single Quote */
.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;
}
/* UNITED THEMES Video Testimonial */
.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;
}
/* UNITED THEMES Video Shortcode */
.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;
}
/* UNITED THEMES Section Highlight */
.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%;
}
/* UNITED THEMES Custom Box */
.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;
}
/* UNITED THEMES CTA */
.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;
}
/* Effect 18: cross */
.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);
}
/* Phone & Small Tablets */
@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;
}
}
/* Tablet Landscape */
@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;
}
/* UNITED THEMES Fancy Image */
.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);
}
}
/* visual composer inner column fixes */
.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;
}
/* visual composer section full height fix for animation */
.ut-animate-element.vc_row.vc_row-o-full-height {
min-height: 100vh !important;
}
/* letter effects */
.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;
}