@charset "utf-8";
/* CSS Document */
html, body{
	width: 100%;
	height: 100%;
}

    .swiper-container {
      width: 100%; padding-bottom:2em;    }
    .swiper-slide {
      background-position: center;
		background-repeat: no-repeat;
      background-size: contain;
      width: 240px;
      height: 500px;
    }
.container-fluid{padding-left:0px;padding-right:0px;}

.VideoPlayer {
    position: relative;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    background-color: #000;
}
.video-full-width-fit-content{
    width: 100%;
	height: 100vmin;
	max-height: 80vh;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
    object-fit: contain;
}
.news-container{background-color: #bde2fc;
    padding: 0.8em;
    border-radius: 0.5em;
	
}

.video-size{height:auto; width:100%;background-color:black;}
.video-size-square{height:auto; width:100%;}
.drop-shadow{ box-shadow: rgba(0,0,0,0.2) 0 3px 10px;}
.box-text{font-size: 1em; color:#929292;font-style:italic;}
.project-text{font-size: 1.4em; font-weight:bold;}
#scroll {display:none;}
.footer-container::before{content: " ";display: table;}
.footer-container::after{clear:both;}
.footer-left{padding-left: 0px; margin-bottom: 0px;width: auto;float: left;text-align: left;margin-left:0.5em;}
.footer-right{float: right;width: auto;margin-right: 0.5em;}
.footer-container{font-size:0.8em;margin-bottom: 1em;}
.Block-media {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	width: 100vw;
}
.index-diagram img{width:70%;margin-bottom:0.5em;}
.Block-media>* {
    height: 100%;
	max-width: 100vw;
	width: 100vw;
}

.Block-media.is-fixed {
    clip: rect(0,auto,auto,0);
    -webkit-clip-path: inset(0 0 0 0);
}


.Block-media.is-fixed>* {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width: 100vw;
	z-index: -1;
	-webkit-transform:translateZ(1px);
	transform:translateZ(1px);
}


.VideoPlayer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: top;
    object-fit: cover;
}

.Block-media video {
    z-index: -1;
	-webkit-transform:translateZ(1px);
	transform:translateZ(1px);
}

img, .Main object, .Main video {
    max-width: 100%;
}

.is-heading .Block-media:after, .is-richtext .Block-media:after, .is-richtext:not(.is-piecemeal) .Block-media>:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.Block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    margin-top: 0;
    line-height: 1.5;
	    min-height: 100vh;
}

#scroll {
    position: fixed;
    top: calc(50% - 70px);
    right: 10px;
    z-index: 999;
}
.scroll_item {
    border: 1px solid #FFF;
    width: 10px;
    height: 10px;
    margin: 5px;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.5) 0 1px 5px;
	transition: background-color, 0.4s;
	background-color: rgba(0,0,0,0.2);
	cursor: pointer;
}
.scroll_item:hover{
    background: #FFF;
}
.scroll_item_active {
    border: 3px solid #FFF;
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: #FFF;
	
}

.slide-title{text-align:center; font-weight: bold; font-size:1.5em;}
.slide-container{background: white;height: 100%;width: 100%;border: 1px solid #dadada;box-shadow: rgba(0,0,0,0.2) 0 0 10px;border-radius:10px;}
.slide-image{position: relative;width: 120px;height: 120px;border-radius: 10px; background-size: cover; margin-left: auto; margin-right: auto;margin-top:1em;}
.slide-description{text-align: center;padding: 0.6em;font-size:0.8em;}
.slide-container .cta-button{color: white !important;  font-size: 0.8em; margin-bottom:1em; }
.slide-button-area{text-align:center;margin-top:5em;}

.slide-image#skyrail {background-image:url(../images/app-icons/skyrail-icon.png);}


.flex-start {justify-content: flex-start;}
.pcss img{overflow: hidden; border-radius: 1em; box-shadow: rgba(0,0,0,0.2) 0 2px 10px;}
.main{ width: 100%; position: relative; overflow: hidden; }
.main>.container{background-color: #ffffff;}
.Block-content {z-index: 1; width: 100vmin; margin: auto; padding-bottom: 40px; }
.phone-col img{max-height: 60vh; max-width: auto;} 
.phone-png, .phonex-png { display: inline-block;}
.phone-col .phone-png img.iphone { max-height: 60vh; max-width: auto;}
.phone-col .phone-png img.ss { top:18%; left: 19%; height: auto; width: 62%; position: absolute;}
.phone-col .phonex-png img.iphonex { max-height: 60vh; max-width: auto;position:relative;z-index: 100;}

.phone-col .phonex-png img.ssx { top:9%; left: 21%; height: auto; width: 58%; position: absolute;z-index: 50;}
.phone-col .phonex-png .ssxvid { top:9%; left: 21%; height: auto; width: 58%; position: absolute;z-index: 50;}
.benefits-list {text-align:left;}
.phone-col .phone-png .ssvid { top:18%; left: 19%; height: auto; width: 62%; position: absolute;}
.text-with-phone .whitebox{margin-top: 3em;}

.testimonials em{font-size: 1.5em}
.testimonials em p{margin-top: 2em}
.whitebox{ display: block; padding:1em; line-height: 1.2em; background-color: rgba(255,255,255,0.8); font-size: 1.2em;  border-radius: 10px; font-weight: 500;}
.debox{ display: block; padding:1em; line-height: 1.2em; background-color: rgba(255,255,255,0.8); font-size: 1.2em;  border-radius: 10px;}
.Block-content.startpage{min-height: 100vmin;}
.startpage-div{ display: block; padding:1em; line-height: 1em; background-color: rgba(255,255,255,0.8); font-size: 2em; border-radius: 10px; font-weight: 500; margin-top: 20vh;}
.hand-phone{position: absolute; bottom: 0; left: 0;}
.bg-img{background-position: center; background-size: cover;}
.louvre{background-image:url(../images/bg-louvre.jpg); background-position: center top;}
.garden{background-image:url(../images/bg-gardens.jpg);}
.zoo{background-image:url(../images/bg-zoo.jpg);}
.parks{background-image:url(../images/bg-park.jpg);}
.streets{background-image:url(../images/bg-street.jpg);}
.map{background-image:url(../images/bg-map.jpg);}
.ar{background-image:url(../images/bg-ar.jpg); background-position: center bottom;}
.kiosk{background-image:url(../images/kioskbg.jpg);}
.kiosk2{background-image:url(../images/kioskbg2.jpg);}
.kiosk3{background-image:url(../images/kioskbg3.jpg);}
.waimangu{background-image:url(../images/waimangu-bg.jpg);}
.nms{background-image:url(../images/nmsbg.jpg);}
.skyrail{background-image:url(../images/bg-parks.jpg);}
.pae-image{background-image:url(../images/pae-bg.jpg);}
.zoo{background-image:url(../images/zoobg.jpg);}
.Block-content li, .container .row li{margin-bottom: 0.5em;}
.main-text-header p {margin-top: 0;margin-bottom: 1rem;margin-left: 1.5em;margin-right: 1.5em;text-align: center;}
.address-text p {margin-top: 0;margin-bottom: 1rem;text-align: left;color: #7a7c84;}
.cta-button{color: white !important; background-color: #1b75bb; font-size: 1.5em; padding: 1em 1.5em; border-radius: 2em; display: inline-block; line-height: 1em; }
.cta-button:hover{text-decoration: none}
.contact-button input {color: white !important;background-color: #1b75bb;font-size: 1em; padding: 1em; border-radius: 2em; display: inline-block;line-height: 1em; width: 40%;font-weight:bold;}
.start-container {margin-top:4em;}
.start-container h1 {font-size:1.5em;}
.entry-wrapper{margin-left: auto;margin-right: auto;max-width: 900px;max-width: 56.25rem;width: 90%;width: calc(100% - 3em); margin-top: .5em;}
input {background: #f3f3f3;border: none;border-radius: 0;-webkit-appearance: none;width:100%; margin-top:0.5em;margin-bottom:0.5em;}
#box-button {text-align:center;}
#box-button .cta-button {font-size: 1em;text-align: center;}
#start-block{margin-top:50px;}
#start-block h2{text-align: center;}
#center-text {text-align: center;}
a {color:black;}
a:link {text-decoration: none!important;}
a:visited {color:black;}
a:hover {text-decoration: none!important;}
a:active {text-decoration: none!important;}
textarea {    overflow: auto;resize: none;box-sizing: border-box;float: none;height: 200px;width: 100%;max-width: 100%;background: #f3f3f3;border: none;-webkit-appearance: none;margin-top:0.5em;}
.contact-text{margin-top:4.5em;}
.contact-text p {color:#7a7c84;}
.swiper-slide-clickable.swiper-slide-active{ cursor:pointer;}
.navbar-dark .navbar-brand {color:#7cb1d9; font-weight:500;}
.main-text-body h2 {font-size:1.5em; text-align:center;margin-top: 0.5em;}
.main-text-header h2 {font-size:1.5em; text-align:center;margin-top: 4.5rem;}
.main-text-body p {margin-left:1em;margin-right:1em;}
.image-diagram {height: auto; max-width: 100%;vertical-align: middle;}
.rotate { transform: rotate(90deg); width:65%; margin-left:17%;}
.navbar {position:fixed; top:0; z-index:100; width:100%;}
.diagram {    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 37%;}
.pae-block{    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;}
.icon-links {margin-bottom: 1em;}
.social-links{justify-content: space-between;padding:1.5em;}
.rotate-text{margin-top:4.5em;}
.store-badge{margin-top:0.3em;margin-bottom:0.3em;}
.client-list .cta-button {margin: 0.5em 0; font-size: 1em;}
.icon-container {border-radius: 20%;overflow: hidden;max-width: 85%;box-shadow:rgba(0,0,0,0.2) 0 0 10px; min-width: 0; width: fit-content;}
.client-text {    margin-top: 1em; margin-bottom: 1em;}
.client-row {margin-top:2em;padding-top: 4em;}
.kiosk-image {border-radius:15%;overflow:hidden;}
.home-link{flex:0 0 12.5%; }
.alerts-title{flex:0 0 33.33%; }
.social-link{margin-top: 1em;margin-left: 1em;}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.7rem; padding-left: 0.7rem;}}
/*small*/
@media (max-width: 575.98px) {
	.client-row{text-align: center;}
	.icon-container {margin: auto;}
}

/*medium*/
@media (max-width: 767.98px) {
  .startpage p{ }
	.startpage-div{ margin-top: 0; font-size: 1em; }
	.text-with-phone .whitebox{margin-top: 0;}
	.diagram {max-width: 95%;}
	
	.home-link{flex:0 0 25%; }
	.rotate-text{margin-top:-4em;}
	.testimonials em{font-size: 1em}
}
/*large*/
@media (max-width: 991.98px) {
  
}

@media (max-width: 1199.98px) {  }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
	and (orientation : landscape) {.navbar{font-size:0.8em;}}