<style type="text/css"> .fixedBackToTop { position: fixed; right: 30px; bottom: 30px; display: block; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .fixedBackToTop:focus { outline: 0; } .ready .fixedBackToTop { opacity: 1; } .fp-viewing-0 .fixedBackToTop, .fp-viewing-8 .fixedBackToTop { opacity: 0; } .videoComplete .fixedBackToTop { opacity: 1; } .fixedBackToTop img { display: block; width: 35px; height: auto; opacity: 1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-inner { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } #logoImage a img:first-child { display: none; } .darkHeaderLogo { display: block; } body.homepage #logoImage a img:first-child { display: block; } body.homepage .darkHeaderLogo { display: none; } body.primeTheFixedHeader_1 #site #header { background: #0c2135; } body.primeTheFixedHeader_1:not(.homepage) #logoImage a img:first-child { display: block; } body.primeTheFixedHeader_1:not(.homepage) .darkHeaderLogo { display: none; } body.primeTheFixedHeader_1 .header-inner { padding: 15px 0; } #site #header { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } #site #header .mobile-nav-toggle-label { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); margin: 3px 0 0 0; } .primeTheFixedHeader_1-- #site #header { background: #000; } .primeTheFixedHeader_1-- #site #header .header-inner { display: none; } .primeTheFixedHeader_1-- #site #header .mobile-nav-toggle-label { display: block; } .primeTheFixedHeader_1-- #site #header .mobile-nav-toggle-label .top-bar, .primeTheFixedHeader_1-- #site #header .mobile-nav-toggle-label .middle-bar, .primeTheFixedHeader_1-- #site #header .mobile-nav-toggle-label .bottom-bar { background-color: #10a9e5; } .primeTheFixedHeader_1-- #site #header .header-inner { padding-top: 0; padding-bottom: 0; } .primeTheFixedHeader_1-- #site #header #headerNav { display: none; } body #footer .nav-wrapper.back-to-top-nav { display: block; text-align: center; margin: 0 0 15px; } body.homepage.inIframe { background-color: #fff; } body.homepage.inIframe #siteWrapper .index-section .sqs-layout { opacity: 1; } body.homepage .spacer-block { display: none !important; } body.homepage.fp-viewing-0 #header { height: auto; opacity: 1; } body.homepage[data-panel-name="axonConnectingDots"], body.homepage[data-panel-name="ourBeliefs"] { background-color: #fff; } body.homepage[data-panel-name="spaceTimeMoment"] > div.body-bg.bg1 { opacity: 1; } body.homepage[data-panel-name="weWitnessMoment"] > div.body-bg.bg2, body.homepage[data-panel-name="weInterpretMoment"] > div.body-bg.bg2, body.homepage[data-panel-name="weCaptureAllMoments"] > div.body-bg.bg2 { opacity: 1; } body.homepage[data-panel-name="digitalSidekick"] > div.body-bg.bg3 { opacity: 1; } body.homepage[data-panel-name="axonConnectingDots"] > div.body-bg.bg4, body.homepage[data-panel-name="ourBeliefs"] > div.body-bg.bg4 { opacity: 1; } body.homepage[data-panel-name="ourBeliefs"] > div.body-bg.bg5 { opacity: 1; } body.homepage .spaceTimeMoment { display: block; } body.homepage .spaceTimeMoment > * { display: block; } body.homepage[data-panel-name="digitalSidekick"][data-slide-direction="up"] > div.body-bg.bg4, body.homepage[data-panel-name="digitalSidekick"][data-slide-direction="up"] > div.body-bg.bg3, body.homepage[data-panel-name="axonConnectingDots"][data-slide-direction="down"] > div.body-bg.bg4, body.homepage[data-panel-name="axonConnectingDots"][data-slide-direction="down"] > div.body-bg.bg3 { display: none !important; } body.homepage[data-panel-name="digitalSidekick"][data-slide-direction="up"] .axonConnectingDots, body.homepage[data-panel-name="axonConnectingDots"][data-slide-direction="down"] .axonConnectingDots { background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("/s/hand-3.jpg"); } @media screen and (max-width: 680px) { body.homepage[data-panel-name="digitalSidekick"][data-slide-direction="up"] .axonConnectingDots, body.homepage[data-panel-name="axonConnectingDots"][data-slide-direction="down"] .axonConnectingDots { background-image: url("/s/hand-3-mobile.jpg"); } } body.homepage[data-panel-name="digitalSidekick"][data-slide-direction="up"] .digitalSidekick, body.homepage[data-panel-name="axonConnectingDots"][data-slide-direction="down"] .digitalSidekick { background: url("/s/earth.jpg") center center no-repeat; background-size: cover; } body.homepage { background-color: #000; } body.homepage .index-section-wrapper .content.has-main-media h1:not(.OT_title) { color: inherit; } body.homepage > div.body-bg { position: absolute; top: 59px; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; z-index: -1; } body.homepage > div.body-bg.bg1 { background-image: url("/s/1.jpg"); } body.homepage > div.body-bg.bg2 { background-image: url("/s/city.jpg?v1"); } body.homepage > div.body-bg.bg3 { background-image: url("/s/earth.jpg"); } body.homepage > div.body-bg.bg4 { background-image: url("/s/hand-3.jpg"); } @media screen and (max-width: 680px) { body.homepage > div.body-bg.bg4 { background-image: url("/s/hand-3-mobile.jpg"); } } body.homepage > div.body-bg.bg5 { background-color: #fff; } body.homepage #siteWrapper { background: none; } body.homepage #siteWrapper .panelLine { position: absolute; right: 0; left: 0; margin: auto; width: 2px; background: blue; } body.homepage #siteWrapper h1:not(.site-title):not(.page-title):not(.flyoutitem-title), body.homepage #siteWrapper .entry-title { padding: 0 15px; } @media screen and (max-width: 680px) { body.homepage #siteWrapper h1:not(.site-title):not(.page-title):not(.flyoutitem-title), body.homepage #siteWrapper .entry-title { font-size: 18px !important; } } body.homepage #siteWrapper .index-section { border: 0; } body.homepage #siteWrapper .index-section.fp-completely .sqs-layout { opacity: 1; } body.homepage #siteWrapper .index-section .index-section-wrapper { height: 100%; overflow: hidden; } body.homepage #siteWrapper .index-section .content { display: table; table-layout: fixed; width: 100%; padding: 0; height: 100%; } body.homepage #siteWrapper .index-section .content-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding-top: 59px; } body.homepage #siteWrapper .index-section .sqs-layout { position: relative; z-index: 5; opacity: 0; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; transition-duration: 0.7s; } body.homepage #siteWrapper .index-section .html-block { position: relative; z-index: 5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: 100; } body.homepage #siteWrapper .index-section .html-block strong, body.homepage #siteWrapper .index-section .html-block * { font-weight: inherit; } body.homepage .entry-title strong em { color: inherit; } body.homepage #footer .newsletter-form-field-element { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; } body.homepage #footer .newsletter-block .newsletter-form-field-element { margin-right: 0 !important; } body.homepage #footer .footer-inner { padding: 20px 15px; } body.homepage #footer .newsletter-block .newsletter-form-wrapper--alignCenter.newsletter-form-wrapper { padding: 0; } @media screen and (max-width: 680px) { body.homepage #footer .row.sqs-row .row.sqs-row { margin-top: 10px; } body.homepage #footer .row.sqs-row .row.sqs-row > * { width: 50% !important; float: left !important; } body.homepage #footer .row.sqs-row .row.sqs-row > *:nth-child(odd) { clear: left; } body.homepage #footer .row.sqs-row .row.sqs-row + .html-block { padding-top: 20px; } body.homepage #footer .sqs-layout .sqs-row .sqs-block:first-child { padding-top: 0 !important; } body.homepage #footer .newsletter-block.sqs-block-newsletter { padding-top: 0; padding-bottom: 0; } body.homepage #footer .sqs-block.code-block.sqs-block-code { display: none; } body.homepage #footer #footerBlocks > div > div > .sqs-block.html-block:last-child { padding-top: 0; position: relative; } body.homepage #footer .newsletter-form-body { display: table; width: 100%; table-layout: fixed; } body.homepage #footer .newsletter-form-body > * { display: table-cell; vertical-align: top; } body.homepage #footer .newsletter-form-body .newsletter-form-fields-wrapper .newsletter-form-field-wrapper { display: block; padding-right: 0; padding-left: 0; } body.homepage #footer .newsletter-form-body .newsletter-form-button-wrapper { width: 100px; } body.homepage #footer .newsletter-form-body .newsletter-form-button-wrapper .newsletter-form-button { width: 100%; padding-right: 0; padding-left: 0; } } body.homepage .index-section .html-block { position: relative; } body.homepage .index-section .html-block:before { content: " "; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; width: 5px; height: 130%; } body.homepage .index-section .sqs-block-content { position: relative; z-index: 2; } .bgStyle--dark h1:not(.site-title):not(.page-title), .bgStyle--dark .entry-title { color: #fff; } .bgStyle--black .html-block:before { background-image: url("/s/shadow.png"); } .bgStyle--light h1:not(.site-title):not(.page-title), .bgStyle--light .entry-title { color: #9B9B9B; } .bgStyle--light .html-block:before { background-image: url("/s/white-shadow.png"); } .bgStyle--lightBlue .html-block:before { background-image: url("/s/shadow-lightBlue.png?v3"); } .bgStyle--lighterBlue .html-block:before { background-image: url("/s/shadow-lighterBlue.png?v3"); } @media screen and (min-width: 681px) { #siteWrapper .axonConnectingDots h1 { position: relative; left: -15px; } #siteWrapper .axonConnectingDots .content-inner { vertical-align: top; padding-top: 50px; } } @media screen and (max-width: 680px) { #siteWrapper .axonConnectingDots h1 { position: relative; left: -8px; } } body .fixedPanelImage > .panelImage { display: none; } body .fixedPanelImage > .panelImage * { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } body.fixedForeground .fixedPanelImage > .panelImage { display: block; } body.fixedForeground .index-section.active .panelImage, body.fixedForeground .index-section.fp-completely .panelImage { opacity: 0; } body.fixedForeground .index-section.active.fp-completely .panelImage { opacity: 1; } .panelImage { display: inline-block; font-size: 0; position: absolute; top: calc(50% + 59px); left: 50%; -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); -moz-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); -ms-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); -o-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); transform: translate(-50%, -50%) translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .panelImage * { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; transition-duration: 0.7s; } .panelImage .lineWrap { position: relative; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; transition-duration: 0.7s; } .panelImage .lineWrap:before { position: absolute; left: 50%; margin-left: -1px; content: ""; display: block; width: 2px; background: #92d3e5; height: 9999px; } .panelImage .lineWrapTop { top: 0; } .panelImage .lineWrapTop:before { bottom: 0; } .panelImage .lineWrapBottom { bottom: 0; } .panelImage .lineWrapBottom:before { top: 0; } .panelImage[data-style="intro"] .panelImage__inner { -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); opacity: 0; } .fp-completely .panelImage[data-style="intro"] .panelImage__inner { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .panelImage[data-style="intro"] .panelImage__inner { height: 91px; width: 91px; background: url("/s/target.png") center center no-repeat; background-size: contain; } .panelImage[data-style="intro"] .lineWrapTop { display: none; } .panelImage[data-style="time"] .panelImage__core { position: relative; z-index: 2; height: 91px; width: 91px; background: url("/s/clock1.png") center center no-repeat; background-size: contain; } .panelImage[data-style="time-fill"] .panelImage__core { position: relative; z-index: 2; height: 91px; width: 91px; background: url("/s/clock1.png") center center no-repeat; background-size: contain; } .panelImage[data-style="time-fill"] .panelImage__rings { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); position: absolute; top: 50%; left: 50%; z-index: 1; margin: -77.5px 0 0 -77.5px; border-radius: 50%; border: 2px solid #92d3e5; } .panelImage[data-style="time-fill"] .panelImage__rings > div { border-radius: 50%; padding: 14px; } .panelImage[data-style="time-fill"] .panelImage__rings > div > div { border-radius: 50%; padding: 14px; border: 2px solid #92d3e5; } .panelImage[data-style="time-fill"] .panelImage__rings > div > div > div { height: 91px; width: 91px; } .fp-completely .panelImage[data-style="time-fill"] .lineWrapTop { top: -31px; } .fp-completely .panelImage[data-style="time-fill"] .lineWrapBottom { bottom: -31px; } .fp-completely .panelImage[data-style="time-fill"] .panelImage__rings { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .panelImage[data-style="time-details"] .panelImage__core { position: relative; z-index: 2; height: 91px; width: 91px; background: url("/s/clock1.png") center center no-repeat; background-size: contain; } .panelImage[data-style="time-details"] .panelImage__rings { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); position: absolute; top: 50%; left: 50%; z-index: 1; margin: -77.5px 0 0 -77.5px; border-radius: 50%; border: 2px solid #92d3e5; } .panelImage[data-style="time-details"] .panelImage__rings > div { border-radius: 50%; padding: 14px; } .panelImage[data-style="time-details"] .panelImage__rings > div > div { border-radius: 50%; padding: 14px; border: 2px solid #92d3e5; } .panelImage[data-style="time-details"] .panelImage__rings > div > div > div { height: 91px; width: 91px; } .panelImage[data-style="time-details"] .lineWrapTop { top: -31px; } .panelImage[data-style="time-details"] .lineWrapBottom { bottom: -31px; } .panelImage[data-style="time-details"] .panelImage__rings { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .fp-completely .panelImage[data-style="time-details"] .mapdot--train { opacity: 1; } .fp-completely .panelImage[data-style="time-details"] .mapdot--groceries { opacity: 1; } .panelImage[data-style="sidekick"] .panelImage__inner { border: 2px solid #92d3e5; padding: 29px; border-radius: 50%; } .panelImage[data-style="sidekick"] .panelImage__core { height: 94px; width: 94px; background: url("/s/smily.png") center center no-repeat; background-size: contain; opacity: 0; } .fp-completely .panelImage[data-style="sidekick"] .panelImage__core { opacity: 1; } .panelImage[data-style="end"] { display: none; height: 2px; width: 2px; } .panelImage[data-style="end"] .lineWrapBottom { display: none; } .mapdot { position: absolute; height: 86px; width: 86px; background-position: center center; background-repeat: no-reeat; background-size: contain; opacity: 0; } .mapdot:before { position: absolute; content: " "; display: block; height: 2px; background: #92d3e5; width: 50px; } .mapdot .text { position: absolute; text-transform: uppercase; color: #fff; color: #92d3e5; font-size: 14px; line-height: 1.4; letter-spacing: 1.13px; width: 200px; font-weight: 100; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 900px) { .mapdot .text { width: 100px; left: 38px; top: -31px; } } .mapdot .text strong { color: #92d3e5; font-weight: 100; } .mapdot--train { background-image: url("/s/mapdot-train-blue.png"); height: 70px; width: 70px; top: 23px; left: -267px; } .mapdot--train:before { width: 168px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); top: 25px; left: 67px; } .mapdot--train .text { text-align: right; left: -215px; top: 19px; } @media screen and (max-width: 900px) { .mapdot--train { top: 75px; left: -107px; } .mapdot--train:before { -webkit-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); top: 4px; left: 57px; width: 26px; } .mapdot--train .text { text-align: left; left: 20px; top: 78px; } } .mapdot--groceries { background-image: url("/s/mapdot-cart-blue.png"); top: 152px; left: 245px; height: 69px; width: 69px; } .mapdot--groceries:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); width: 163px; top: -29px; right: 50px; } .mapdot--groceries .text { left: 90px; top: 32px; } @media screen and (max-width: 900px) { .mapdot--groceries { left: 88px; } .mapdot--groceries:before { -webkit-transform: rotate(55deg); -moz-transform: rotate(55deg); -ms-transform: rotate(55deg); -o-transform: rotate(55deg); transform: rotate(55deg); width: 53px; top: -16px; right: 41px; } .mapdot--groceries .text { left: 18px; top: -39px; } } .iconItem { box-sizing: border-box; } .iconItem h3 { text-align: center; } @media screen and (min-width: 641px) { .iconItem { display: block; } .iconItem h3 { margin-top: 15px; } } @media screen and (max-width: 640px) { .iconItem { display: table; width: 100%; table-layout: fixed; } .iconItem > * { display: table-cell; vertical-align: middle; } .iconItem > *:first-child { width: 100px; } .iconItem h3 { padding-left: 15px; } } @media screen and (min-width: 641px) { .threeCol { margin-right: -10px; margin-left: -10px; } .threeCol::after { clear: both; content: ""; display: table; } .threeCol > * { display: block; float: left; width: 100%; padding-right: 10px; padding-left: 10px; box-sizing: border-box; } .threeCol > * { width: 33.33333%; } .threeCol > *:nth-child(3n+1) { clear: left; } } @media screen and (max-width: 640px) { .threeCol { max-width: 210px; margin: auto; } .threeCol > * + * { margin-top: 15px; } } #icons-1-section { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; background-color: transparent; } #icons-1-section .content-inner { padding-bottom: 0 !important; padding: 0 15px; } #icons-1-section .sqs-block-code img { display: block; width: 100%; box-sizing: border-box; } #icons-1-section.fp-completely { background-color: #fff; } .advance-panel { cursor: pointer; position: absolute; bottom: 20px; left: 50%; z-index: 10; margin-left: -25px; display: block; width: 50px; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; transition-duration: 0.7s; fill: #fff; opacity: 0; } .advance-panel svg { display: block; width: 100%; } body.ready:not(.fp-viewing-0) .advance-panel { opacity: 1; } body[data-panel-name="digitalSidekick"] .advance-panel, body[data-panel-name="axonConnectingDots"] .advance-panel, body[data-panel-name="ourBeliefs"] .advance-panel { fill: #3C8FC8; } body.fp-viewing-8 .advance-panel { display: none; } body.videoComplete .advance-panel, html.touch .advance-panel { opacity: 1; } .advance-panel img { width: 100%; display: block; } #footer .nav-wrapper.back-to-top-nav { display: none; } @media screen and (max-width: 680px) { #siteWrapper .axonConnectingDots h1 { left: 0 !important; } } body.homepage #siteWrapper h1:not(.site-title):not(.page-title):not(.flyoutitem-title), body.homepage #siteWrapper .entry-title { padding: 0 30px; } body.homepage .mobile-nav-toggle-label { margin: -10px 0 0 -10px; } body.homepage .sqs-video-background .custom-fallback-image.loaded { display: none; } .fade-pending { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; } .fade-out { opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } body.homepage .sqs-video-background { background: url("/s/video-end.jpg") center center no-repeat; background-size: cover; } body.homepage .background-video { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity: 1; } body.homepage.endvideo .background-video { opacity: 0; } .header-inner { position: relative; } a.contactBtn { position: absolute; top: 50%; right: 0; display: block; line-height: 1.2; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); color: #03B1EE; fill: #03B1EE; } @media screen and (max-width: 680px) { a.contactBtn { padding: 0; line-height: 1; } } a.contactBtn .emailSvg { display: inline-block; vertical-align: middle; height: 32px; width: 32px; } a.contactBtn .text { display: none; font-size: 13px; } a.contactBtn:hover { opacity: 0.7; } .emailSvg { display: block; width: 40px; height: 30px; position: relative; } .emailSvg svg { transform: translate(-50%, -50%) scale(1.3); position: absolute; top: 50%; left: 50%; } #logoImage img { margin: auto; } .darkHeaderLogo { display: none; } .logo-image img:first-child { display: block; } body:not(.homepage) #logoImage a img:first-child { display: none; } body:not(.homepage) .darkHeaderLogo { display: block; } body:not(.has-banner-image).transparent-header #header { background-color: #f6f6f6; background-image: -webkit-linear-gradient(top, #f6f6f6 0, white 27px); background-image: linear-gradient(to bottom,#f6f6f6 0, white 27px); } #site { padding-top: 89px; background: #fff; } #site #header { position: fixed; top: 0; right: 0; left: 0; } body.homepage #site, body.has-banner-image.transparent-header #site { padding-top: 0; } /*! * fullPage 2.8.5 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo * Contribution by Jhony0311 */ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: transparent; } #superContainer { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidesContainer { height: 100%; display: block; } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidesContainer { float: left; position: relative; } .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } .fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li:hover #fp-nav ul li a.active span, #fp-slidesNav ul li:hover #fp-nav ul li a.active span, #fp-nav ul li:hover .fp-slidesNav ul li a.active span, #fp-slidesNav ul li:hover .fp-slidesNav ul li a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } .fp-slidesNav ul li { display: inline-block; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } #footer .newsletter-block .newsletter-form-field-element { margin-right: 0 !important; } #footer .newsletter-form-body { font-size: 0; } #footer .newsletter-form-body .newsletter-form-field-wrapper, #footer .newsletter-form-body .newsletter-form-button-wrapper { padding-right: 0; padding-left: 0; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="/s/jquery-fullPage-min.js"></script> <script src="https://player.vimeo.com/api/player.js"></script> <script type="text/javascript"> function inIframe () { try { return window.self !== window.top; } catch (e) { return true; } } if(!inIframe()) { function debounce(func, wait, immediate) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if (!immediate) { func.apply(context, args); } }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) { func.apply(context, args); } }; } $(document).ready(function() { var $html = $('html'); var $body = $('body'); var $window = $(window); var primeFixedHeaderClassFirst = 'primeTheFixedHeader_1'; var primeFixedHeaderClassSecond = 'primeTheFixedHeader_2'; var scrollupClass = 'displayScrollUp'; function isNewStyles() { if($('#page6-1-1-1-section').length) { return true; } } if(isNewStyles()) { $body.addClass('homepage'); $body.addClass('new-styles'); } else { $body.addClass('old-styles'); } var $homepage = $('body.homepage'); var slideOrder; if(isNewStyles()) { slideOrder = [ 'video', 'weCaptureAllMoments', 'digitalSidekick', 'axonConnectingDots', 'ourBeliefs' ]; } else { slideOrder = [ 'video', 'spaceTimeMoment', 'weWitnessMoment', 'weInterpretMoment', 'weCaptureAllMoments', 'digitalSidekick', 'axonConnectingDots', 'ourBeliefs' ]; } $body.append('<a href="" class="fixedBackToTop"><img src="/s/up-arrow-blue.svg" alt="" /></a>'); var fixedElementsAppearScroll = 1200; var fixedElementsAppearScroll_first = fixedElementsAppearScroll/3; var fixedElementsAppearScroll_second = fixedElementsAppearScroll*2/3; if(!$homepage.length) { $window.on('scroll', function() { if($window.scrollTop() > fixedElementsAppearScroll_first) { $body.addClass(primeFixedHeaderClassFirst); } else { $body.removeClass(primeFixedHeaderClassFirst); } if($window.scrollTop() > fixedElementsAppearScroll_second) { $body.addClass(primeFixedHeaderClassSecond); } else { $body.removeClass(primeFixedHeaderClassSecond); } if($window.scrollTop() > fixedElementsAppearScroll) { $body.addClass(scrollupClass); } else { $body.removeClass(scrollupClass); } }); $('.fixedBackToTop').on('click', function() { $('html, body').animate({ scrollTop: "0" }, 500); return false; }); $('.back-to-top a').attr('href', '#site'); } if($homepage.length) { var advancePanelLink = '<a class="advance-panel"><svg width="43px" height="22px" viewBox="0 0 43 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Guide" stroke="none" stroke-width="1" fill-rule="evenodd"> <g id="Online-Stores-Copy" transform="translate(-969.000000, -1251.000000)"> <path d="M1000.53196,1261.99432 L1000.50127,1262.0001 L981.421991,1282.40989 C981.112069,1282.74143 980.592124,1282.75895 980.260586,1282.44903 C979.929049,1282.13911 979.911525,1281.61908 980.221446,1281.28754 L998.503687,1261.73039 L980.398823,1242.37285 C980.091037,1242.04371 980.108383,1241.5275 980.437697,1241.21981 C980.766922,1240.9122 981.283398,1240.92955 981.591273,1241.25868 L1000.54095,1261.51947 L1000.53196,1261.99432 Z" id="arrow" transform="translate(990.270474, 1261.835239) rotate(90.000000) translate(-990.270474, -1261.835239) "></path> </g> </g></svg></a>'; $('#content > div:first-child').unwrap().unwrap(); setTimeout(function() { $body.addClass('videoComplete'); }, 15000); if($html.hasClass('touch')) { $body.addClass('videoComplete'); } $('.advance-panel').on('click', function() { $.fn.fullpage.moveSectionDown(); return false; }); $('#preFooter').remove(); $('.fixedBackToTop').on('click', function() { $.fn.fullpage.moveSectionDown(); return false; }); $('.back-to-top a').on('click', function() { $.fn.fullpage.moveTo(1); return false; }); $homepage.append('<div class="body-bg bg1"></div>'); $homepage.append('<div class="body-bg bg2"></div>'); $homepage.append('<div class="body-bg bg3"></div>'); $homepage.append('<div class="body-bg bg4"></div>'); $homepage.append('<div class="body-bg bg5"></div>'); var $homeSiteWrapper = $homepage.find('#siteWrapper'); var $homePanels = $homeSiteWrapper.children(); var $panelTextBlocks = $('.index-section .sqs-block-html'); var $panelConentInners = $('.index-section .content-inner'); $homePanels.addClass('section'); var $panelWrappers = $('.index-section-wrapper'); var panelImageHtml = ''; panelImageHtml += '<div class="panelImage" data-style="time-fill">'; panelImageHtml += '<div class="lineWrap lineWrapTop"></div>'; panelImageHtml += '<div class="mapdot mapdot--train"><div class="text">Train Leaving<br />at 9:02PM</div></div>'; panelImageHtml += '<div class="mapdot mapdot--groceries"><div class="text">Pick up groceries</div></div>'; panelImageHtml += '<div class="mapdot mapdot--delays"><div class="text">Alert:<br />Major Delays Ahead.<br /><strong>Call an uber?</strong></div></div>'; panelImageHtml += "<div class=\"panelImage__rings\">"; panelImageHtml += " <div>"; panelImageHtml += " <div>"; panelImageHtml += " <div><\/div>"; panelImageHtml += " <\/div>"; panelImageHtml += " <\/div>"; panelImageHtml += " <\/div>"; panelImageHtml += '<div class="panelImage__inner">'; panelImageHtml += '<div class="panelImage__inner2">'; panelImageHtml += '<div class="panelImage__content">'; panelImageHtml += '<div class="panelImage__core">'; panelImageHtml += '</div>'; panelImageHtml += '</div>'; panelImageHtml += '</div>'; panelImageHtml += '</div>'; panelImageHtml += '<div class="lineWrap lineWrapBottom"></div>'; panelImageHtml += '</div>'; $panelWrappers.append(panelImageHtml); $body.append('<div class="fp-completely fixedPanelImage">'+panelImageHtml+'</div>'); var $fixedPanelImage = $body.children('.fixedPanelImage').find('.panelImage'); $homePanels.each(function() { var $this = $(this); var $thisImage = $this.find('.panelImage'); var thisEq = $this.index(); $this.addClass(slideOrder[thisEq]); switch(slideOrder[thisEq]) { case 'spaceTimeMoment': $thisImage.attr('data-style', 'intro'); $this.addClass('bgStyle--dark bgStyle--black'); break; case 'weWitnessMoment': $thisImage.attr('data-style', 'time'); $this.addClass('bgStyle--dark bgStyle--lightBlue'); $this.attr('data-group', 'group1'); break; case 'weInterpretMoment': $thisImage.attr('data-style', 'time-fill'); $this.addClass('bgStyle--dark bgStyle--lightBlue'); $this.attr('data-group', 'group1'); break; case 'weCaptureAllMoments': $thisImage.attr('data-style', 'time-details'); $this.addClass('bgStyle--dark bgStyle--lightBlue'); $this.attr('data-group', 'group1'); break; case 'digitalSidekick': $thisImage.attr('data-style', 'sidekick'); $this.addClass('bgStyle--dark bgStyle--lighterBlue'); break; case 'axonConnectingDots': $thisImage.attr('data-style', 'end'); $this.addClass('bgStyle--light'); break; default: $thisImage.hide(); } }); var fixedForegroundImageClass = 'fixedForeground'; var fullpageSliderSpeed = 700; $homeSiteWrapper.fullpage( { autoScrolling: true, fitToSection: true, setRecordHistory: false, bigSectionsDestination: 'top', scrollingSpeed: fullpageSliderSpeed, onLeave: function(index, nextIndex, direction){ $body.attr('data-slide-direction', direction); var indexFrom = index - 1; var indexTo = nextIndex - 1; var $currentPanel = $homePanels.eq(indexFrom); var $nextPanel = $homePanels.eq(indexTo); $body.attr('data-panel-name', slideOrder[indexTo]); if(($currentPanel.data('group') === $nextPanel.data('group')) && $currentPanel.data('group')) { var thisStyle = $currentPanel.find('.panelImage').data('style'); $fixedPanelImage.attr('data-style', thisStyle); $body.attr('data-panel-name', slideOrder[indexTo]); $body.addClass(fixedForegroundImageClass); setTimeout(function() { $body.removeClass(fixedForegroundImageClass); }, fullpageSliderSpeed); } if(nextIndex > 1) { $body.addClass(primeFixedHeaderClassFirst); } else { $body.removeClass(primeFixedHeaderClassFirst); } if(nextIndex > 2) { $body.addClass(primeFixedHeaderClassSecond); } else { $body.removeClass(primeFixedHeaderClassSecond); } if(nextIndex > 2) { $body.addClass(scrollupClass); } else { $body.removeClass(scrollupClass); } } }); var $panelLine = $('.panelLine'); var windowHeight; var panelLine_panelStart = 2; var panelLine_panelStartPercent = 0.45; var panelLine_panelEnd = 6; var panelLine_panelEndPercent = 0.76; var panelsNum = $homePanels.length; var updateLinePosition = debounce(function() { windowHeight = $window.height(); $panelLine.css('top', (panelLine_panelStart - 1)*windowHeight + windowHeight*panelLine_panelStartPercent + 'px'); $panelLine.css('bottom', (panelsNum - panelLine_panelEnd)*windowHeight - windowHeight*panelLine_panelEndPercent + 'px'); $panelConentInners.css('padding-bottom', windowHeight/2 + 70 + 'px'); }, 250); updateLinePosition(); window.addEventListener('resize', updateLinePosition); } var $itemsToFade = $('*:not(.content-fill) > img, h1, h2, .sqs-block-button-element, .sqs-gallery-container', 'body:not(.homepage)', 'body:not(.collection-home-new)'); var fadeOutClass = 'fade-out'; $itemsToFade.addClass(fadeOutClass); setTimeout(function() { $itemsToFade.addClass('fade-pending'); }, 10); $window.on('load scroll', function() { if($itemsToFade.length) { $itemsToFade.each(function() { var $this = $(this); var top_of_object_with_extra = $(this).offset().top + 200; var bottom_of_window = $(window).scrollTop() + $(window).height(); if(bottom_of_window > top_of_object_with_extra ) { $this.removeClass(fadeOutClass); $itemsToFade = $('.'+fadeOutClass); } }); } });if($homepage.length) { var testforIframe = setInterval(function() { var $videoIframe = $('.sqs-video-background iframe'); if($videoIframe.length) { var player = new Vimeo.Player($videoIframe); player.getDuration().then(function(duration) { setTimeout(function() { $body.addClass('endvideo'); player.pause(); if($body.hasClass('fp-viewing-0')) { $('.fixedBackToTop').click(); } }, duration*1000); }); clearInterval(testforIframe); } }, 100); } var svgHtml = '<span class="emailSvg"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 64 64"><path d="M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z"/></svg></span>'; $('#header .header-inner').append('<a class="contactBtn" target="_blank" href="mailto:info@axonvibe.com"><span class="text">info@axonvibe.com</span>'+svgHtml+'</a>'); $('#logoImage a').append('<img class="darkHeaderLogo" src="https://static1.squarespace.com/static/5792516929687f7eedd691a8/t/57b3530ed2b857b404eb0164/1471370003672/?format=750w">') }); } else { $(document).ready(function() { $('body').addClass('inIframe'); }); } </script>