/* Video player and lightbox styles */ .video-slider-wrap { width:85%; margin:auto; max-width:850px; } .video-slider { padding: 10px 0 50px 0; text-align: center; } .video-slider .slick-slide { padding: 0 10px; } .video-slider .thumb { width: 100%; height: 138px; background-position: center center; background-size: cover; margin-bottom: 15px; cursor: pointer; } .video-slider .thumb::after { width: 48px; height: 48px; content: ""; position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; background: url('/wp-content/themes/applovin/images/play-icon-small.svg') no-repeat; background-size: 48px 48px; transition: .2s; z-index: 1; opacity: 0.8; } .video-slider .thumb:hover::after { transform: scale(1.1); } .video-slider .title { font-family: var(--font-wt-Heavy); font-weight:700; font-size: 16px; display: block; margin-bottom: 4px; } .video-slider p { font-size: 13px; margin: 0; } .video-play-icon-link { font-family: var(--font-wt-Medium) !important; display: inline-block; margin: 0 auto; background: url("/wp-content/themes/applovin/images/play-icon-big.svg") no-repeat center top; background-size: 50px; padding-top: 0 !important; cursor: pointer; transition: 0.2s all ease; font-size: 18px !important; color: #fff; text-align: center; } .video-play-icon-link:hover { opacity: .8; } #video-overlay, .vimeo-lay { background: rgba(0, 0, 0, 0.8); background: radial-gradient(ellipse at center, #000000 0%, rgba(0, 0, 0, 0.8) 100%); position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 80px 15%; display: none; z-index: 999999; } .embed-container { padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #video-close, .vimeo-close { width: 28px; height: 28px; position: absolute; right: 20px; top: 20px; background: url("/wp-content/themes/applovin/images/close-video.svg") no-repeat center center; cursor: pointer; text-indent: -999em; opacity: .8; transition: 0.2s all ease; } #video-close:hover, .vimeo-close:hover { opacity: 1; } .big-play { font-family: var(--font-wt-Heavy); font-weight: 700; font-size: 16px; padding-top: 150px; cursor: pointer; } .big-play::after { width: 90px; height: 90px; content: ""; position: absolute; top: 20px; left: 50%; margin-left: -45px; background: url('/wp-content/themes/applovin/images/play-icon-big.svg') no-repeat; transition: .2s; background-size: 90px 90px; } .big-play-shadow::after { background: url('/wp-content/themes/applovin/images/play-icon-big-shadow.svg') no-repeat; } .big-play-shadow.pulse::after { background: url("/wp-content/themes/applovin/images/icon-play-pulse-static.svg") no-repeat center top; filter: drop-shadow(0px 0px 12px rgba(0,0,0,0.65)); } /* ensure non-<a> elements used as video triggers change state on hover */ *.vimeo-start:hover { cursor:pointer; } @media screen and (min-width: 1600px) and (min-height: 800px) { #video-overlay, .vimeo-lay { padding: 100px 20%; } } /* Slick slider styles and customizations */ .slick-arrow { position: absolute; width: 31px; height: 53px; top: 50%; margin-top: -56px; background-size: 31px 53px; cursor: pointer; border: none; background-color: transparent; text-indent: -9999em; } .slick-arrow:focus { outline: none; } .slick-arrow.slick-next { background-image: url("/wp-content/themes/applovin/images/arrow_right.png"); right: -7%; } .slick-arrow.slick-prev { background-image: url("/wp-content/themes/applovin/images/arrow_left.png"); left: -7%; } .team-build p { margin-top: 25px; } .slick-slider { display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { left: 0; top: 0; display: block; } .slick-track::before, .slick-track::after { content: ""; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide:focus { outline: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @media screen and (max-width: 1000px) { #video-overlay, .vimeo-lay { padding: 60px 5%; } } @media screen and (max-width: 640px) { .video-slider .thumb { width: 85%; height: 125px; margin: auto auto 15px; } .video-slider .slick-prev, .video-slider .slick-next { transform: scale(0.75); } .slick-arrow { top: 40%; } } .wp-block-maxgalleria-gallery button.slick-prev.slick-arrow {left: 0;} .wp-block-maxgalleria-gallery button.slick-next.slick-arrow {right: 0;} .wp-block-maxgalleria-gallery ul.slick-dots {margin-bottom:0!important;} .wp-block-maxgalleria-gallery ul.slick-dots > li::before {display:none;} .slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;}.slick-dots li button{ font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-size:20px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#829bc4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#829bc4} /*Animsition Styles*/ .animsition, .animsition-overlay { opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; /*height: 100%; min-height: 100%;*/ /*conflict mode*/ } /** * overlay option */ .animsition-overlay-slide { position: fixed; z-index: 1; width: 100%; height: 100%; background-color: #ddd; } /* loading option */ .animsition-loading, .animsition-loading::after { width: 32px; height: 32px; position: fixed; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 100; } .animsition-loading { background-color: transparent; border-top: 3px solid rgba(5, 131, 170, 0.2); border-right: 3px solid rgba(5, 131, 170, 0.2); border-bottom: 3px solid rgba(5, 131, 170, 0.2); border-left: 3px solid #00b6e0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .fade-out { -webkit-animation-name: fade-out; animation-name: fade-out; } /* Rellax element visibility setup */ .rellax-mobile { display: none; } .rellax-desktop { display: inline-block; } @media screen and (max-width: 640px) { .rellax-mobile { display: inline-block; } .rellax-desktop { display: none; } } /* Hubspot pop-up alerts and forms */ #wrapper, #footer { transition: top 0.35s ease-out 0.15s!important; } #responsive-menu-container { transition: transform 0.5s, top 0.35s ease-out 0.15s!important; } button#responsive-menu-button { transition: transform 0.5s, background-color 0.5s, top 0.35s ease-out 0.15s!important; } button#responsive-menu-button { top: 15px; } #wrapper.shifted, #footer.shifted, #responsive-menu-container.shifted { top:50px; } #responsive-menu-container.shifted { z-index:9998; } button#responsive-menu-button.shifted { top: 65px; z-index:9999; } /* Popup Alert */ .leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content { box-shadow: 0 0 15px rgba(0,0,0,0.2)!important; max-width: 280px!important; right: 90px!important; border-radius: 5px 5px 0 0!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-close:before { font-size: 21px!important; line-height: 1em!important; color: #829BC4 !important; padding-top: 3px!important; padding-right: 6px!important; } .leadinModal.leadinModal-theme-bottom-right-corner .dyno-image { vertical-align: top!important; float: none!important; width: auto!important; margin: 0!important; } .leadinModal.leadinModal-theme-bottom-right-corner .dyno-image img { max-width: 100%!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper { padding: 25px 25px 35px!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper, .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper * { cursor: pointer !important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper h4, .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper p, .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper .advance-wrapper { margin-left: unset!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper .advance-wrapper { line-height: 1em!important; } .leadinModal.leadinModal-theme-bottom-right-corner.leadinModal-preview .leadinModal-content-wrapper .leadin-content-body .leadin-preview-wrapper h4 { margin: 18px 0 12px!important; font-family: var(--font-wt-Heavy)!important; font-weight: 700!important; font-size: 10px!important; color: #999 !important; text-transform: uppercase!important; letter-spacing: 1px!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper p { margin: 0 0 12px!important; font-family: var(--font-wt-Heavy)!important; font-weight: 700!important; font-size: 14px!important; color: #000 !important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-button-secondary { background: unset !important; color: #00B6E0 !important; padding: 0!important; margin: 0!important; text-align: unset!important; font-family: var(--font-wt-Heavy)!important; font-weight: 700!important; font-size: 12px!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-button-secondary:hover { color: #00B6E0 !important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-button-secondary::after { width: 1em!important; height: 0.75em!important; content: ""!important; display: inline-block!important; background: url('/wp-content/themes/applovin/images/link-icon-arrow-blue-2019.svg') no-repeat!important; position: relative!important; top: 1px!important; left: 0.5em!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content-wrapper { cursor: pointer !important; } /* Dropdown Banner */ #leadinModal-2703269 .leadinModal-content-wrapper { padding: 0.8em 0!important; height: 50px!important; } #leadinModal-2703269 .leadin-preview-wrapper h4 { font-family: var(--font-wt-Light)!important; font-weight: 400!important; font-size: 14px !important; padding-right: 0.75em!important; } #leadinModal-2703269 .leadin-button-secondary { background: unset !important; color: #fff !important; font-family: var(--font-wt-Heavy)!important; font-weight: 700!important; font-size: 14px !important; } #leadinModal-2703269 .leadin-button-secondary::after { width: 1em!important; height: 0.75em!important; content: ""!important; display: inline-block!important; background: url('/wp-content/themes/applovin/images/link-icon-arrow-white-2019.svg') no-repeat!important; position: relative!important; top: 1px!important; left: 0.5em!important; } #leadinModal-2703269 .leadin-preview-wrapper h4::before { width: 1.2em!important; height: 1em!important; content: ""!important; display: inline-block!important; background: url('/wp-content/themes/applovin/images/icon-megaphone.svg') no-repeat!important; position: relative!important; top: 2px!important; right: 1em!important; } #leadinModal-2703269 .leadin-button { padding: 0!important; } #leadinModal-2703269 .leadinModal-close:before { font-size: 30px!important; } #leadinModal-2703269 .advance-wrapper { display: block!important; } @media only screen and (max-width: 1024px) { .leadinModal.leadinModal-theme-top .leadin-preview-wrapper { margin-left: 3em !important; } } @media only screen and (max-width: 768px) { leadinModal-theme-top.leadinModal .leadin-preview-wrapper { margin-left: 1em !important; } #wrapper.shifted, #footer.shifted, #responsive-menu-container.shifted { top: 80px; } button#responsive-menu-button.shifted { top: 95px; } .leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content { max-width: 80%!important; left: 10%!important; right: unset!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper { padding: 20px 20px 30px!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper::after { display: block!important; content: ''!important; height: 0!important; clear: both!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-content-body .dyno-image { width: 45% !important; margin: 0 5% 0 0 !important; float: left!important; } .leadinModal.leadinModal-theme-bottom-right-corner .dyno-image img { margin: 0!important; height: auto!important; max-width: 100%!important; max-height: unset!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper h4 { display: inline-block!important; width: 50%!important;} .leadinModal.leadinModal-theme-bottom-right-corner span.leadinModal-hide-outline { float: right!important; display: inline-block!important; width: 50%!important; } .leadinModal.leadinModal-theme-bottom-right-corner .leadin-preview-wrapper .advance-wrapper { float: right!important; width: 50%!important; } #leadinModal-2703269 .leadin-button { text-align: left!important; } #leadinModal-2703269 .leadin-preview-wrapper h4::before { display: none!important; } #leadinModal-2703269 .leadinModal-content-wrapper { padding: 0.8em 60px 0 1.5em!important; height: 80px!important; } #leadinModal-2703269 .advance-wrapper { padding-top: 0.5em!important; } } @media only screen and (max-width: 600px) { #wrapper.shifted, #footer.shifted, #responsive-menu-container.shifted { top: 100px; } button#responsive-menu-button.shifted { top: 115px; } #leadinModal-2703269 .leadinModal-content-wrapper { height: 100px!important; } } /* Styling and Overrides for Ninja Forms Contact Form */ .nf-field-container { margin-bottom: 14px !important; } .submit-container { margin-bottom: 0 !important; } .nf-before-form-content { display: none; } .nf-error-msg { font-family: var(--font-wt-Medium); font-weight: 550; } .nf-response-msg { font-family: var(--font-wt-Heavy); font-weight: 700; margin-bottom: 30px; font-size: 20px; line-height: 1.25em; } .nf-response-msg h3 { font-size: 21px; margin-top: 20px; margin-bottom: 20px; } .nf-response-msg p { font-size: 18px; } input.al-form-field, textarea.al-form-field { width: 100%; padding: 20px; border: 1px solid #e3e3e3; border-radius: 0; font-size: 18px; font-family: var(--font-wt-Medium); font-weight: 550; color: #000; -webkit-appearance: none; -moz-appearance: none; } ::placeholder { color: #aaa !important; } ::-webkit-input-placeholder { color: #aaa !important; } ::-moz-placeholder { color: #aaa !important; } :-ms-input-placeholder { color: #aaa !important; } :-moz-placeholder { color: #aaa !important; } .al-form-button { font-family: var(--font-wt-Black); font-weight: 750; font-size: 26px; line-height: 1em; color: #fff; background-color: #00b0cd; padding: 1em 4em 0.8em; display: inline; margin-bottom: 0.75em; transition: all 0.2s linear; margin-top: 0.75px !important; width: 100% !important; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 5px !important; border-radius: 5px !important; border: none; cursor: pointer; } .al-form-button:hover { opacity: 0.8; border: none; } .g-recaptcha > div { margin: auto; }