.content-row {  padding: 60px 0; }
@media screen and (max-width:767px) {
.content-row { padding: 45px 0; }
}
.content-row.intro-row { padding-top: 45px; }
p { margin: 0 0 15px; }
.jupiterx-site { overflow: hidden; }
#jupiterx-main { position: relative; z-index: 1; }
.jupiterx-footer { position: relative; z-index: 2; }
.nowrap,
.no-wrap { white-space: nowrap; }
.elementor-widget-heading .light {  }
.elementor-slideshow__title { display: none !important; }
body .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding-left: 20px; padding-right: 20px; }
.callout-slider .elementor-widget-wrap { display: flex; flex-wrap: nowrap;  }
.callout-slider .content .elementor-widget-wrap { display: block !important; }
.callout-slider .elementor-widget-wrap > .column { position: relative; z-index: 1; width: calc(100% / 3); transition: ease all .6s; }
.callout-slider.showing .elementor-widget-wrap > .column { width: 0; overflow: hidden; }
.callout-slider.showing .elementor-widget-wrap > .column:not(.active) .content { display: none; }
.callout-slider .elementor-widget-wrap > .column.active { overflow: visible; z-index: 10 !important; width: calc(100% / 3) !important; }
.callout-slider .elementor-widget-wrap > .column .image { z-index: 3; width: 100%; min-height: 500px; }
.callout-slider .elementor-widget-wrap > .column .content { z-index: 1; position: absolute; top: 0; left: 100%; background: #fff; width: 200%; transform: translate(-100%,0); transition: ease all .6s; }
.callout-slider .elementor-widget-wrap > .column.active .content { transform: translate(0,0); }
.callout-slider .elementor-widget-wrap > .column:nth-child(1) { z-index: 4; }
.callout-slider .elementor-widget-wrap > .column:nth-child(2) { z-index: 3; }
.callout-slider .elementor-widget-wrap > .column:nth-child(3) { z-index: 2; }
.parallax-image { min-height: 50vh; margin-bottom: 7px; }
.parallax-image.taller { min-height: 70vh; }
.mobile-parallax-image > .elementor-container { min-height: 0 !important; padding-bottom: 52.151238591916558% !important; }
@media screen and (max-width:767px) {
.parallax-image { min-height: 400px !important; height: 400px !important; margin-bottom: 7px; }
.mobile-parallax-image div[id*='jarallax-container'] { display: none !important; }
}
@media screen and (max-width:525px) {
.mobile-parallax-image > .elementor-container { min-height: 275px !important; }
}
.buttons-wrapper .elementor-widget-wrap { display: flex; justify-content: center; flex-wrap: nowrap; }
.buttons-wrapper .elementor-widget-wrap > div { width: auto !important; padding: 0 10px !important; }
.buttons-wrapper .elementor-widget-wrap > div a { min-width: 300px; } body .elementor-widget-jet-smart-filters-search .jet-search-filter__submit { font-size: 18px; letter-spacing: 0; }
body .nf-form-content input[type=submit],
body .newsletter-signup .mc-field-group input[type="submit"],
body .jet-search-filter__submit,
body .elementor-button-wrapper .elementor-button-link { display: inline-block; border-radius: 35px; margin: 0 auto; color: #fff; background: var( --e-global-color-secondary ); border: solid 1px var( --e-global-color-secondary ); cursor: pointer; font-weight: 500 !important; font-size: 18px; text-transform: uppercase; padding: 12px 28px; height: auto; line-height: 1.2em; transition: ease all .2s; letter-spacing: .1em; text-decoration: none !important; } body .jet-search-filter__submit:hover,
body .nf-form-content input[type=submit]:hover { background: #fff; color: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary);  }
body .nf-form-content input[type=submit],
body .newsletter-signup .mc-field-group input[type="submit"] { font-weight: normal !important; border: solid 1px #fff !important; background: transparent; color: #fff; border-radius: 0; text-transform: none; }
body .nf-form-content input[type=submit]:hover { color: var(--e-global-color-primary); }
body .newsletter-signup .mc-field-group input[type="submit"]:hover { color: var( --e-global-color-1e20af6 ); background: #fff !important;}
body .elementor-button-link { overflow: hidden; position: relative; }
body .elementor-button-wrapper .elementor-button-content-wrapper:after { content: ''; z-index: 1; position: absolute; top: 0; left: 50%; width: 0; height: 100%; background: #fff; transform: translate(-50%,0); transition: ease all .2s; }
body .elementor-button-wrapper .elementor-button-text { z-index: 2; position: relative; transform: ease all .2s; }
body .elementor-button-wrapper .elementor-button-link:hover .elementor-button-text { color: var(--e-global-color-secondary); }
body .elementor-button-wrapper .elementor-button-link:hover .elementor-button-content-wrapper:after { width: 100%; }
body .blue-button .elementor-button-wrapper .elementor-button-link:hover .elementor-button-text { color: var( --e-global-color-accent ) !important; }
body .elementor-button-wrapper.outline-button {  } body .nf-field-label label { display: none; }
.nf-form-fields-required { display: none; }
body .nf-form-content .list-select-wrap .nf-field-element>div,
body .nf-form-content input:not([type=submit]),
body .newsletter-signup .mc-field-group input[type="email"],
body .nf-form-content textarea { background: transparent; border: solid 1px #fff !important; color: #fff !important; padding-left: 20px !important; padding-right: 20px !important; font-family: var(--e-global-typography-text-font-family), Sans-serif; border-radius: 0 !important;
font-size: var(--e-global-typography-text-font-size);
font-weight: var(--e-global-typography-text-font-weight);
line-height: var(--e-global-typography-text-line-height);
letter-spacing: var(--e-global-typography-text-letter-spacing); }
body .nf-form-content input:not([type=submit]):focus,
body .nf-form-content textarea:focus { color: #000 !important; }
body .nf-form-content select.ninja-forms-field:not([multiple]) { color: #000; font-family: var( --e-global-typography-text-font-family ), Sans-serif; padding-left: 25px; padding-right: 25px; }
body .nf-pass .ninja-forms-field,
body .nf-error .ninja-forms-field { border-color: #fff !important; }
body .nf-pass.field-wrap .nf-field-element:after { display: none !important; }
body .nf-error.field-wrap .nf-field-element:after { background: #fff; color: var(--e-global-color-primary); font-size: 32px; } body .newsletter-signup .mc-field-group input[type="email"]::placeholder,
body .nf-form-content input:not([type=submit])::placeholder,
body .nf-form-content textarea::placeholder { color: rgba(255,255,255,1) !important; }
body .nf-form-content input:not([type=submit]):focus::placeholder,
body .newsletter-signup .mc-field-group input[type="email"]:focus::placeholder { color: rgba(74,176,201,.5) !important; }
body .nf-form-content textarea:focus::placeholder { color: rgba(186,36,39,.5) !important; }
body .nf-error .nf-error-msg { color: #fff; display: none !important; }
#nf-field-4-container { margin-bottom: 0 !important; }
body .listradio-container { margin-bottom: 0; }
body .listradio-wrap .nf-field-label { color: var( --e-global-color-accent ); font-size: 1.4em; font-family: var( --e-global-typography-text-font-family ), Sans-serif; margin-bottom: 0; }
body .listradio-wrap .nf-field-element ul { display: flex; }
body .listradio-wrap .nf-field-element ul li { padding: 0 25px 12px 0 !important; color: #99a9b5; font-size: var(--e-global-typography-text-font-size) !important; font-family: var( --e-global-typography-text-font-family ), Sans-serif; }
body .listradio-wrap .nf-field-element ul li  .nf-checked-label { color: #000; }
body .nf-error-wrap.nf-error { padding-left: 25px; padding-right: 25px; font-size: .82em; } body .nf-error-msg.nf-error-field-errors { text-align: center; display: none; }
#nf-field-26-container .nf-field-label { display: none; }
.nf-response-msg {  }
.nf-response-msg p { margin: 0; color: #fff; width: 100%; max-width: 900px; margin: 0 auto; background: var( --e-global-color-accent ); background: var( --e-global-color-accent ); padding: 12px 16px; text-align: center; }
body .newsletter-signup label { display: none; }
body .newsletter-signup .mc-field-group { display: flex; }
body .newsletter-signup .mc-field-group > div { margin: 0; }
body .newsletter-signup .mc-field-group input[type="email"] { border: solid 1px #fff; width: 100%; background: transparent; padding: 12px 20px; transition: ease all .2s; }
body .newsletter-signup .mc-field-group input[type="email"]:focus { background: #fff; color: #000 !important; }
body .newsletter-signup .mc-field-group input[type="submit"] { border-left: none !important;  }
body .newsletter-signup #mce-responses { display: none; } .jupiterx-header .logo a { transition: all 350ms cubic-bezier(0.5, -0.25, 0.175, 1.15); animation-duration: 400ms; }
.jupiterx-header .logo a:hover { transform: scale(1.15); animation-name: logoBounce; }
@keyframes logoBounce {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
from { transform: scale(1); }
50% { transform: scale(1.20); }
80% { transform: scale(1.13); }
to { transform: scale(1.15); }
}
.jupiterx-header > div { position: relative; z-index: 5; }
.jupiterx-header .logo a img { transition: ease all .2s; }
.jupiterx-header:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,1) !important; transition: ease all .2s; transform: scaleY(0); transform-origin: top; z-index: 1; }
.header-fixed .jupiterx-header:after { transform: scaleY(1); }
.header-fixed .jupiterx-header { position: relative; transform: ease all .8s !important; }
.jupiterx-header .logo { transition: ease all .2s; }
.header-fixed .jupiterx-header .elementor-col-50 .elementor-widget-image.logo { transform: scale(.9) translate(-50px,0); }
.header-fixed .jupiterx-header .raven-nav-menu-full-screen .logo { transform: scale(.9) translate(-15px,-10px) !important;  }
@media screen and (max-width:767px) { 
.header-fixed .jupiterx-header .elementor-col-50 .elementor-widget-image.logo { transform: scale(.9) translate(-25px,0); }
}
.header-fixed .jupiterx-header .elementor-col-50 .elementor-widget-image.logo a { background: transparent url(//villing.com/wp-content/uploads/2023/02/Asset-1View.svg) no-repeat left center; }
.header-fixed .jupiterx-header .elementor-col-50 .elementor-widget-image.logo a img { opacity: 0; }
.header-fixed .hamburger .hamburger-inner,
.header-fixed .hamburger .hamburger-inner::before,
.header-fixed .hamburger .hamburger-inner::after { background: var( --e-global-color-primary ) !important; }
.header-fixed .jupiterx-header header > .elementor-container { transition: ease all .2s !important; } .header-fixed .jupiterx-header header > .elementor-container { min-height: 70px !important; }
.jupiterx-site { overflow: hidden !important; }
header .raven-nav-menu li.logo:after,
header .raven-nav-menu li.search:after { display: none !important; }
header .raven-nav-menu li.logo { position: absolute; top: 16px; left: -12px; opacity: 1 !important; transform: none !important; }
@media screen and (max-width:767px) {
header .raven-nav-menu li.logo { left: -21px; }
}
header .raven-nav-menu li.logo a { display: block; }
header .raven-nav-menu li.logo img { width: 160px; }
header .raven-nav-menu li.search { padding-top: 10px; width: 100%; }
header .raven-nav-menu li.search button { background: transparent; border: none; position: absolute; top: 8px; left: 50%; transform: translate(-50%,0); transition: ease .2s all; margin: 0; }
header .raven-nav-menu li.search label { width: 0; transition: ease all .2s; overflow: hidden; padding: 0; opacity: 0; }
header .raven-nav-menu li.search label input { border: solid 1px #ccc; padding: 15px 15px; font-size: 20px; width: 100%; box-sizing: border-box; margin-top: -5px; font-family: "Montserrat", Sans-serif; font-weight: 600; }
header .raven-nav-menu li.search label input::placeholder { color: #ccc; }
header .raven-nav-menu li.search:hover label { width: 100%;  opacity: 1; animation-name: bounceInLeftV2; animation-duration: 550ms !important; }
header .raven-nav-menu li.search:hover button { cursor: pointer; transform: translate(-100%,0) scale(.8); left: 100%; }
header .raven-nav-menu li.search:hover button svg path { fill: var( --e-global-color-primary ) !important; }
.raven-nav-menu-close-button { margin: 5px 10px 0 0; }
header .raven-nav-menu li { position: relative; margin: 0 0 !important; z-index: 2; }
header .raven-nav-menu li.current_page_item { z-index: 1; }
header .raven-nav-menu li:after { position: absolute; height: 100%; display: block; content: ''; background: var( --e-global-color-accent ); bottom: 0; left: 0; z-index: 5; width: 0; transition: ease all .2s; animation-duration: 550ms !important; }
header .raven-nav-menu li:hover:after { animation-name: mobileMenuBack; width: 100%; }
header .raven-nav-menu li > a.raven-menu-item { position: relative; z-index: 10; padding: 10px 30px !important; }
header .raven-nav-menu li > a.raven-menu-item:hover,
header .raven-nav-menu li > a.raven-menu-item-active { color: #fff !important; text-decoration: none; } html.touch footer .raven-nav-menu li:after,
html.touch header .raven-nav-menu li:after { display: none !important; }
html.touch footer .raven-nav-menu li a:hover  { color: var( --e-global-color-primary ) !important; }
html.touch header .raven-nav-menu li a:hover  { text-decoration: underline !important; }
header .raven-nav-menu li:nth-child(1):after,
header .raven-nav-menu li:nth-child(4):after,
header .raven-nav-menu li:nth-child(7):after { background: var( --e-global-color-primary ); }
header .raven-nav-menu li:nth-child(2):after,
header .raven-nav-menu li:nth-child(5):after,
header .raven-nav-menu li:nth-child(8):after { background: var( --e-global-color-1e20af6 ); }
header .raven-nav-menu li:nth-child(3):after,
header .raven-nav-menu li:nth-child(6):after,
header .raven-nav-menu li:nth-child(9):after { background: var( --e-global-color-accent );  }
header .raven-nav-menu-mobile ul li { transform: translate(0,20px); transition: ease all .2s; opacity: 0; }
header .raven-nav-menu-mobile.raven-nav-menu-active ul li { transform: translate(0,0); opacity: 1; } header .raven-nav-menu-mobile ul li:nth-child(1) { transition-delay: .05s; }
header .raven-nav-menu-mobile ul li:nth-child(2) { transition-delay: .1s; }
header .raven-nav-menu-mobile ul li:nth-child(3) { transition-delay: .15s; }
header .raven-nav-menu-mobile ul li:nth-child(4) { transition-delay: .2s; }
header .raven-nav-menu-mobile ul li:nth-child(5) { transition-delay: .25s; }
header .raven-nav-menu-mobile ul li:nth-child(6) { transition-delay: .3s; }
header .raven-nav-menu-mobile ul li:nth-child(7) { transition-delay: .35s; }
@keyframes mobileMenuBack {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
from { height: 3px; width: 0; }
40% { height: 3px; width: 100%; }
65% { height: calc(100% + 20px); width: 100%; }
80% { height: calc(100% - 10px); width: 100%; }
to { height: 100%; width: 100%; }
}   footer .raven-nav-menu li { position: relative; margin: 0 0 !important; z-index: 2; }
footer .raven-nav-menu li.current_page_item { z-index: 1; }
footer .raven-nav-menu li:after { position: absolute; height: 0; display: block; content: ''; background: var( --e-global-color-primary ); bottom: 0; left: 0; z-index: 5; width: 100%; transition: ease all .2s; animation-duration: 300ms !important; }
footer .raven-nav-menu li.current_page_item:after { display:none !important; }
footer .raven-nav-menu li.current_page_item a,
footer .raven-nav-menu li.current_page_item a:hover { color: var( --e-global-color-primary ) !important; }
footer .raven-nav-menu li a { z-index: 10; }
footer .raven-nav-menu li a:hover { color: #fff !important; }
footer .raven-nav-menu li:hover:after { animation-name: footerMenuBack; height: 100%; }
@keyframes footerMenuBack {
from, 65%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
from { height: 3px; width: 100%; }
65% { height: calc(100% + 10px); width: 100%; }
80% { height: calc(100% - 5px); width: 100%; }
to { height: 100%; width: 100%; }
}
body .jupiterx-scroll-top { border-color: var(--e-global-color-primary); border-radius: 0; transform: scale(.8); background: rgba(255,255,255,.7); transition: ease all .2s; }  
body .jupiterx-icon-angle-up:before { color: var(--e-global-color-primary); transition: ease all .2s;  }
body .jupiterx-scroll-top:hover { background: var(--e-global-color-primary); transform: scale(.9); }
body .jupiterx-scroll-top.jupiterx-icon-angle-up:hover:before { color: #fff !important; } #home-video-pause { position: absolute; bottom: 10px; right: 10px; z-index: 10; width: 40px; height: 40px; overflow: hidden; text-indent: -10000px; background: transparent url(//villing.com/wp-content/themes/jupiterx-child/assets/css/images/home-video-pause.png) no-repeat bottom left; background-size: cover; opacity: .7; transition: ease opacity .2s, ease transform .2s; text-decoration: underline !important; }
#home-video-pause:hover { opacity: 1;  transform: scale(1.1); }
#home-video-pause.paused { background-position: top left; }
.elementor-element-2cb16d3b,
.elementor-element-2cb16d3b div { position: unset !important; }
.features-accordion  { position: relative; overflow: hidden; }
.features-accordion .elementor-container { max-width: none !important; } .features-accordion-triggers  { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.features-accordion-triggers > .elementor-container { transition: ease all .45s; }
.features-accordion-triggers > .elementor-container > .elementor-column { transition: all 450ms cubic-bezier(0.5, -0.25, 0.175, 1.15); }
.features-accordion-triggers.active > .elementor-container > .elementor-column { transform: translate(0,101%); }
.features-accordion-triggers > .elementor-container > .elementor-column.active { transform: translate(0,0); }
.features-accordion-triggers > .elementor-container { transform: ease all .45s; height: 100% !important; }
.features-accordion .features-accordion-triggers .elementor-column .elementor-widget-wrap { display: flex; align-items: center; align-content: unset; }
.features-accordion-content { position: relative; z-index: 9; width: 200%; max-width: 200%; }
.features-accordion-content > .elementor-container {  width: 200%; max-width: 200%; transform: translate(calc(100% / 6));  }
.features-accordion-content > .elementor-container > .elementor-column  { width: 66.66% !important; }
.features-accordion-content > .elementor-container > .elementor-column.active  { width: 66.66% !important; }
.features-accordion-triggers > .elementor-container .elementor-heading-title { display: inline-block; }
.features-accordion-triggers > .elementor-container .elementor-heading-title:after { content: ''; display: inline-block; background: transparent url(//villing.com/wp-content/themes/jupiterx-child/assets/css/images/feature-icon.png) no-repeat center top; background-size: cover; width: 40px; height: 40px; margin: 0 0 0 12px; transform: translate(0,10px); transition: ease all .2s; }
.features-accordion-triggers > .elementor-container > .elementor-column.active .elementor-heading-title:after {
background-position: center bottom;
}
.work-pagination:after { content: ''; display: block; width: 100%; height: 20px; position: absolute; top: -40px; left: 0; background: var(--e-global-color-primary); mix-blend-mode: multiply; }
.home-service-callout  { position: relative; }
.home-service-callout:after { content: ''; display: block; width: 100%; height: 20px; position: absolute; bottom: 0; left: 0; background: var(--e-global-color-primary); mix-blend-mode: multiply; }
.home-service-callout-2 { position: relative; }
.home-service-callout-2:after { content: ''; display: block; position: absolute; bottom: 25px; left: 50%; background: transparent url(//villing.com/wp-content/themes/jupiterx-child/assets/css/images/home-service-callout-arrow.png) no-repeat center top; background-size: cover; width: 40px; height: 40px; margin: 0 0 0 0 !important; transform: translate(-50%,0); transition: ease all .2s; z-index: 10; }
.add-arrow .elementor-heading-title { position: relative; }
.add-arrow .elementor-heading-title:after { content: ''; display: inline-block; background: transparent url(//villing.com/wp-content/themes/jupiterx-child/assets/css/images/home-service-callout-arrow.png) no-repeat center top; background-size: cover; width: 30px; height: 30px; margin: 0 0 -40px 12px; transform: translate(0, -30px); }
@media screen and (max-width:767px) {
.ttp-arrow.add-arrow .elementor-heading-title:after { margin: 7px auto 0; display: block; transform: none; }
}
.work-pagination .raven-post-navigation { flex-direction: row-reverse !important; max-width: 420px !important; }
.work-pagination .raven-post-navigation .raven-post-navigation-label { text-align: center; }
.work-pagination .raven-post-navigation a,
.work-pagination .raven-post-navigation > span { width: 50% !important; text-align: center !important; }
.work-pagination .raven-post-navigation a[rel="prev"] > div,
.work-pagination .raven-post-navigation a[rel="prev"] > div > div { display: block !important; text-align: left !important; width: 100%; }
.work-pagination .raven-post-navigation a[rel="next"] > div,
.work-pagination .raven-post-navigation a[rel="next"] > div > div { display: block !important; text-align: right !important; width: 100%; }
.work-pagination .raven-post-navigation > a:before,
.home-service-callout-2:before { position: absolute; height: 0; width: 100%; display: block; content: ''; background: var( --e-global-color-secondary ); bottom: 0; left: 0; z-index: 5; transition: ease all .2s; animation-duration: 550ms !important; }
.work-pagination .raven-post-navigation > a:hover:before,
.home-service-callout-2:hover:before { height: 100%; animation-name: bounceInUpV2; }
.home-service-callout-2 > .elementor-container { z-index: 10; position: relative; }
.work-pagination { margin-top: 7px; } 
.work-pagination .raven-post-navigation { display: flex !important; max-width: 900px; margin: 0 auto; } .work-pagination .raven-post-navigation-all-posts-wrapper { content: 'Work'; position: absolute !important; top: 50%; left: 50%; transform: translate(-35%,-50%); display: inline-block;  z-index: 10; }
.work-pagination .raven-post-navigation-all-posts-wrapper .raven-post-navigation-all-posts {  
position: relative;
z-index: 10;
color: #fff !important;
font-family: var(--e-global-typography-6702c3e-font-family), Sans-serif;
font-weight: var(--e-global-typography-6702c3e-font-weight);
line-height: var(--e-global-typography-6702c3e-line-height);
letter-spacing: var(--e-global-typography-6702c3e-letter-spacing);
word-spacing: var(--e-global-typography-6702c3e-word-spacing);
text-transform: uppercase;
}
.work-pagination .raven-post-navigation-all-posts-wrapper:before { bottom: -2px !important; }
.work-pagination .raven-post-navigation-all-posts-wrapper .raven-post-navigation-all-posts,
.elementor-widget-raven-post-navigation.raven-post-navigation-type-standard .raven-post-navigation a .raven-post-navigation-label { font-size: 24px !important; }
.work-pagination .elementor-widget-raven-post-navigation > .elementor-widget-container { overflow: visible !important;  }
.work-pagination .raven-post-navigation > a {  text-transform: uppercase; position: relative; padding: 35px 20px; text-decoration: none !important; }
.work-pagination .raven-post-navigation > a > div { z-index: 10; position: relative; }
.work-pagination .elementor-widget-wrap { padding-top: 0 !important; padding-bottom: 0 !important; }
@media screen and (max-width:767px) {
body .elementor-widget-raven-post-navigation.raven-post-navigation-type-standard .raven-post-navigation-next-previous-content { display: block !important; }
.work-pagination .raven-post-navigation-all-posts-wrapper { display: none !important; }
}
@media screen and (max-width:450px) {
.work-pagination .raven-post-navigation-all-posts-wrapper .raven-post-navigation-all-posts,
.elementor-widget-raven-post-navigation.raven-post-navigation-type-standard .raven-post-navigation a .raven-post-navigation-label { font-size: 18px !important; }
.work-pagination .raven-post-navigation > a { padding: 30px 15px; }
}   .team-member { cursor: default; overflow: hidden; }
.team-member > .elementor-container > .elementor-column { position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.work-preview { min-height: 525px; overflow: hidden; cursor: pointer; }
.team-member .overlay,
.work-preview .overlay { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 20px); text-align: center; display: flex; align-items: center; justify-content: center; transition: ease all .2s; background: var(--e-global-color-primary); transform: translate(0,100%); animation-duration: 350ms !important; }
.work-preview .image { position: relative; overflow: hidden; }
.work-preview.mobile-hover .image,
.work-preview:hover .image { transform: scale(1.1); } .work-preview.mobile-hover .overlay { transform: translate(0,0); }
.team-member:hover .overlay,
.work-preview:not(.mobile-hover):hover .overlay { animation-name: slideInUpV2; transform: translate(0,0); }
.work-preview .overlay > div { position: relative; z-index: 10; padding: 6px 25px; }
.e-loop-item.type-work { position: relative; }
.mobile-hover-helper { width: 100%; height: 100%; display: block; background: transparent; position: absolute; top: 0; left: 0; z-index: 100; } 
.work-header img { width: 100% !important; }
@media screen and (max-width:767px) {  }
@media screen and (max-width:600px) {
.work-header { height: 0; padding-bottom: 69.75%; background-size: cover !important;  }
.work-header img { display: none !important; }
}
@media screen and (max-width:475px) {
.work-header { height: 350px; padding-bottom: 0;  }
}
.e-loop-item.type-people.style-2 .overlay,
.e-loop-item.type-work.style-2 .overlay { background: var(--e-global-color-secondary); }
.e-loop-item.type-people.style-3 .overlay,
.e-loop-item.type-work.style-3 .overlay { background: var(--e-global-color-1e20af6); }
.e-loop-item.type-people.style-4 .overlay,
.e-loop-item.type-work.style-4 .overlay { background: var(--e-global-color-accent); }
.image-callout { width: calc(100% + 14px) !important; transform: translate(-7px,0); max-width: calc(100% + 14px); }
.image-callout .image { border: solid 7px #fff; }
.image-callout .image,
.e-loop-item.type-work { position: relative; overflow: hidden; }
html.js-ready .swipe-in:after,
html.js-ready .image-callout .image:after,
html.js-ready .e-loop-item.type-work:after { z-index: 999; background: #fff; position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%;  }
html.js-ready .swipe-in.animated:after,
html.js-ready .image-callout .image.animated:after,
html.js-ready .e-loop-item.type-work.animated:after { animation: reveal 1s forwards; left: 100%; }
.e-loop-item.type-work > section { position: relative; z-index: 1; }
@keyframes reveal {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% { left: 0; }
50% { left: calc(100%); }
70% { left: calc(100% - 25px);  }
85% { left: calc(100%); }
to { left: 100%; }
}
.image-callout { width: 100%; position: relative; } .image-callout .elementor-col-50 { max-width: none !important; }
.image-callout .image { min-height: 500px; overflow: hidden; position: relative; }
.image-callout .image.video:before { pointer-events: none; position: absolute; top: 50%; left: 50%; background: transparent url(//villing.com/wp-content/themes/jupiterx-child/assets/css/images/play-button-icon.svg) no-repeat center center; width: 75px; height: 75px; margin-top: 10px; content: ''; transform: translate(-50%,-50%);  transition: ease all .2s; z-index: 11; background-size: cover; opacity: .9; }
.image-callout .image.raven-column-link:hover:before { opacity: 1; transform: translate(-50%,-50%) scale(1.1); }
.image-callout .image.video.raven-column-link:hover .elementor-widget-wrap:before { display: none !important; }
.image-callout .elementor-widget-image,
.image-callout .elementor-widget-image a,
.image-callout .elementor-widget-image a img { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: ease all .2s; }
.image-callout .elementor-widget-image a:hover img { transform: scale(1.1); }
.image-callout .content { padding: 90px 90px; max-width: 800px; box-sizing: border-box; }
.image-callout .image.raven-column-link .elementor-widget-wrap { transition: ease all .2s;  }
.image-callout .image.raven-column-link .elementor-widget-wrap:after { position: absolute; top: 0; left: 0; background: rgba(0,0,0,.25); content: ''; width: 100%; height: 100%; opacity: 0; transition: ease all .2s; }
.image-callout .image.raven-column-link .elementor-widget-wrap:before { position: absolute; top: 50%; left: 50%; background: transparent url(//villing.com/wp-content/themes/jupiterx-child/assets/css/images/magnifying-glass-plus.svg) no-repeat center center; width: 65px; height: 65px; content: ''; transform: translate(-50%,-50%); opacity: 0; transition: ease all .2s; z-index: 11; margin-top: 20px; }
.image-callout .image.raven-column-link:hover .elementor-widget-wrap:before { opacity: .9; margin-top: 0; }
.image-callout .image.raven-column-link:hover .elementor-widget-wrap {  transform: scale(1.1); }
.image-callout .image.raven-column-link:hover .elementor-widget-wrap:after { opacity: 1; }
.image-callout .image.raven-column-link:hover:after  { height: 0; }
@media screen and (max-width:1024px) {
body .top-banner { min-height: 475px; }
.top-banner br { display: none !important; }
.image-callout .content { padding: 45px 45px; }
}
@media screen and (max-width:825px) {
body .top-banner { min-height: 425px; }
.image-callout.mobile-flip > .elementor-container { flex-direction: column-reverse; }
.image-callout .content { padding: 45px 20px; }
.image-callout .image { min-height: 325px; }
}
body .slideInLeft { animation-name: slideInLeftV2; }
body .slideInUp { animation-name: slideInUpV2; }
body .bounceInLeft { animation-name: bounceInLeftV2; animation-duration: 1s !important; }
body .bounceInUp { animation-name: bounceInUpV2; animation-duration: 1s; }
@keyframes slideInLeftV2 {
from { transform: translate3d(-150px, 0, 0); opacity: 0; visibility: visible; }
to { opacity: 1; transform: translate3d(0, 0, 0);}
}
@keyframes slideInUpV2 {
from { transform: translate3d(0, 150px, 0); opacity: 0; visibility: visible; }
to { opacity: 1; transform: translate3d(0, 0, 0);}
}
@keyframes bounceInLeftV2 {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% { opacity: 0; transform: translate3d(-450px, 0, 0); }
50% { opacity: 1; transform: translate3d(20px, 0, 0); }
70% { transform: translate3d(-10px, 0, 0); }
85% { transform: translate3d(5px, 0, 0); }
to { transform: none; }
}
@keyframes bounceInUpV2 {
from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
from { opacity: 0; transform: translate3d(0, 100px, 0); }
40% { opacity: 1; transform: translate3d(0, -20px, 0); }
65% { transform: translate3d(0, 10px, 0); }
80% { transform: translate3d(0, -5px, 0); }
to { transform: translate3d(0, 0, 0); }
}   .jet-search-filter { background: #F2F2F2; border-left: solid 10px #ba2427; padding: 20px 25px; display: flex; align-items: center; box-shadow: 5px 5px 10px rgba(0,0,0,.25); }
.jet-search-filter .jet-search-filter__input-wrapper { width: 100%; }
.jet-search-filter input { margin: 0 !important; width: 100% !important; background: #fff; padding: 12px 20px; border: solid 1px #ccc; }
.jet-search-filter .jet-search-filter__submit { margin: 0 0 0 50px !important; min-width: 200px; }
.elementor-widget-theme-post-content h1 { margin-bottom: 20px; color: color: var( --e-global-color-accent ); }
.elementor-widget-theme-post-content h2 { margin-bottom: 10px; margin-top: 30px; color: var( --e-global-color-accent ); }
.elementor-pagination { margin: 45px 0 0; gap: 0 !important; display: flex; justify-content: center; align-items: center; }
.elementor-pagination > * { height: auto; display: inline-block; height: 42px !important; width: 42px !important; line-height: 40px; display: flex; justify-content: center; text-align: center; align-items: center; }
.elementor-pagination .page-numbers:not(.prev,.next) {
height: auto; 
border-color: var(--e-global-color-primary) !important;
color: var(--e-global-color-primary);
border: solid 1px var(--e-global-color-primary);
padding: 5px 12px 5px 15px;;
font-size: 18px;	
}
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next { display: none; font-size: 18px !important; }
.elementor-pagination span.page-numbers.prev,
.elementor-pagination span.page-numbers.next { color: #ccc; }
.elementor-pagination .page-numbers:hover:not(.prev,.next),
.elementor-pagination .page-numbers.current { background: var( --e-global-color-primary ); color: #fff; border-color: var( --e-global-color-primary ); }
.jet-filters-pagination .jet-filters-pagination__current .jet-filters-pagination__link { background: var(--e-global-color-primary); color: #fff; }
.jet-filters-pagination .jet-filters-pagination__link { padding: 6px 12px !important; border: solid 1px var(--e-global-color-primary); color: var(--e-global-color-primary); transition: ease all .2s; }
.jet-filters-pagination .jet-filters-pagination__link:hover { background: var(--e-global-color-primary); color: #fff; }
.jupiterx-social-share-button .fab { width: 1em !important; height: 1em !important; text-align: center; }
.jupiterx-social-share-button .fa-facebook:before { content: "\f39e" !important; }
.jupiterx-social-share-button .fa-linkedin:before { content: "\f0e1" !important; }
.to-the-point-listing .e-loop-item > section .elementor-top-column { position: relative; overflow: hidden; }
.to-the-point-listing .e-loop-item > section .elementor-top-column:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: var(--e-global-color-secondary); z-index: 1; transform: translate(0,100%); transition: ease all .2s; }
.to-the-point-listing .e-loop-item > section .elementor-top-column:hover:after { transform: translate(0,0); }
.to-the-point-listing .e-loop-item > section .elementor-top-column .elementor-widget-wrap { position: relative !important; z-index: 2; }
.to-the-point-listing .e-loop-item > section .elementor-top-column .elementor-widget-wrap * { transition: color ease .2s; }
.to-the-point-listing .e-loop-item > section .elementor-top-column:hover .elementor-widget-wrap * { color: #fff !important; } .horizontal-scroll > .elementor-container { display: flex; flex-wrap: wrap; }
.horizontal-scroll > .elementor-container > .elementor-column { width: 100%; }
@media screen and (min-width:1025px) {
.horizontal-scroll > .elementor-container { flex-wrap: nowrap !important; width: 400% !important; max-width: none !important; }
.horizontal-scroll > .elementor-container > .elementor-column { min-width: 100vw !important; }
}
.pin-spacer { padding-bottom: 0 !important; }
@media (max-width: 475px) {
body.elementor-kit-7 {
--e-global-typography-c40b4ac-font-size: 52px;
}
}
@media (max-width: 400px) {
body.elementor-kit-7 {
--e-global-typography-c40b4ac-font-size: 46px;
}
}
@media (max-width: 350px) {
body.elementor-kit-7 {
--e-global-typography-c40b4ac-font-size: 42px;
}
} .submenu .tile > .elementor-widget-wrap { padding: 75px 20px 110px !important; }
@media screen and (min-width:1025px) {
.submenu .tile > .elementor-widget-wrap .elementor-widget-heading { max-width: 300px; margin-left: auto !important; margin-right: auto !important; }
}
.submenu .tile:after { content: '' !important; display: block; position: absolute; bottom: 45px; left: 50%; background: transparent url(//villing.com/wp-content/themes/jupiterx-child/assets/css/images/home-service-callout-arrow.png) no-repeat center top; background-size: cover; width: 40px; height: 40px; margin: 0 0 0 0 !important; transform: translate(-50%,0); transition: ease all .2s; z-index: 10; transform-origin: center center; }
.submenu .tile  > .elementor-widget-wrap { overflow: hidden;a }
.submenu .tile  > .elementor-widget-wrap:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--e-global-color-accent); transform: translate(0,100%); transition: ease all .6s; animation-duration: 350ms !important;  }
.submenu .tile:hover  > .elementor-widget-wrap:before { animation-name: slideInUpV2; transform: translate(0,0); }