html .footfall-analytics, .footfall-analytics button, .footfall-analytics input, .footfall-analytics select, .footfall-analytics textarea, .footfall-analytics .pure-g [class *= "pure-u"] { font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
body .footfall-analytics { color: #6d6e71; font-size: 14px; line-height: 1.5; }

.footfall-analytics .wrapper { max-width: 1215px; margin: 0 auto; box-sizing: border-box; }
.footfall-analytics p { margin: 0 0 1em; }
.footfall-analytics h1 { font-size: 30px; margin: 0; font-weight: 300; line-height: 1.4; }
.footfall-analytics h5 { font-size: 30px; margin: 0; font-weight: 300; line-height: 1.4; }
.footfall-analytics h2 { font-size: 30px; margin: 0; font-weight: 300; line-height: 1.4; color: inherit; text-transform: none;}
.footfall-analytics h3 { font-size: 18px; line-height: 1.4; text-transform: none; }
.footfall-analytics img { max-width: 100%; height: auto; }

/* .footfall-analytics .container { *width: 1000px; max-width: 1000px; margin: 0 auto; } */
.footfall-analytics .ctr { text-align: center; }
.footfall-analytics header { padding: 32px 0 22px 12px; }
.footfall-analytics .how .intro p, .footfall-analytics .analytics .intro p { max-width: 564px; margin-left: auto; margin-right: auto; }

.footfall-analytics .content-box {
    -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.055);
    -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,.055);
    box-shadow: 0 0 10px 3px rgba(0,0,0,.055);
}
.footfall-analytics .vid { background: #363636; }
.footfall-analytics #performance { position: relative; overflow: hidden;/*  max-width: 1000px; */ margin: 0 auto; }
.clearfix:before, .clearfix:after { content:''; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

.footfall-analytics .intro { padding: 50px 25px; }
.footfall-analytics .intro h1 { margin: 0 0 30px; }
.footfall-analytics .intro h5 { margin: 0 0 30px; }
.footfall-analytics .intro h2 { margin: 0 0 30px; }

.footfall-analytics .how .item .pad { padding: 0 25px; }
.footfall-analytics .how .item h3 { margin: 0 0 10px; }
.footfall-analytics .how .item img { display: block; margin: 0 auto; }
.footfall-analytics .how .items { padding: 20px 15px 30px; }
.footfall-analytics .how .items .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-how.png'); margin: 0 auto 10px; }
.footfall-analytics .how .items h3, .how .items p { text-align: left }

.footfall-analytics .how .items .icon1 { width: 271px; height: 217px; background-position: 0 0; }
.footfall-analytics .how .items .icon2 { width: 256px; height: 217px; background-position: -271px 0; }
.footfall-analytics .how .items .icon3 { width: 123px; height: 217px; background-position: -527px 0; }

.footfall-analytics .features .slides { background: #6f7d81; color: #FFF; }
.footfall-analytics .features .slide-nav { margin: 0; padding: 0; }
.footfall-analytics .features .slide-nav li { margin: 0; text-align: center; background: #d7d7d7; display: block; padding: 40px 25px; text-decoration: none; border-right: 2.5px solid #FFF; border-left: 2.5px solid #FFF; font-size: 18px; font-weight: 400; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.footfall-analytics .features .slide-nav li a { color: #58595b; text-decoration: none; }
.footfall-analytics .features .slide-nav li.active a { color: #FFF; }
.footfall-analytics .features .slide-nav li.active { background: #efb32f; position: relative; font-weight: 600; } 
.footfall-analytics .features .slide-nav li.active:after { content: ''; display: block; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #efb32f; position: absolute; bottom: 0; left: 50%; margin: 0 0 -18px -18px; }
.footfall-analytics .features .slide-nav li:first-child { border-left: 0; }
.footfall-analytics .features .slide-nav li:last-child { border-right: 0; }
.footfall-analytics .features .slide .pad { padding: 65px 50px 40px; }
.footfall-analytics .features .slide .pad h3 { margin: 0 0 50px; }


.footfall-analytics .features .slide .items h3 { color: #FFF; margin: 0 0 5px; }
.footfall-analytics .features .slide .items .pad { padding: 0 7px; }

.footfall-analytics .features .slide .icon { display: inline-block; margin-bottom: 15px; }
.footfall-analytics .features .slide1 .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-features.png'); width: 129px; height: 91px; }
.footfall-analytics .features .slide2 .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-features2.png'); width: 112px; height: 88px; }
.footfall-analytics .features .slide3 .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-features3.png'); width: 96px; height: 96px; }

.footfall-analytics .features .icon1a { background-position: 0 0; }
.footfall-analytics .features .icon1b { background-position: -129px 0; }
.footfall-analytics .features .icon1c { background-position: -258px 0; }
.footfall-analytics .features .icon1d { background-position: -387px 0; }

.footfall-analytics .features .icon3a { background-position: 0 0; }
.footfall-analytics .features .icon3b { background-position: -96px 0; }
.footfall-analytics .features .icon3c { background-position: -192px 0; }
.footfall-analytics .features .icon3d { background-position: -288px 0; }

.footfall-analytics .features .icon2a { background-position: 0 0; }
.footfall-analytics .features .icon2b { background-position: -112px 0; }
.footfall-analytics .features .icon2c { background-position: -224px 0; }
.footfall-analytics .features .icon2d { background-position: -336px 0; }

.footfall-analytics .tech { background: url('/upload/customfiles/footfall-analytics/images/bg-tech.jpg') 50% 50% no-repeat; background-size: cover; color: #FFF; padding: 70px 35px; }
.footfall-analytics .tech h1 { margin: 0 auto 50px; }
.footfall-analytics .tech h5 { margin: 0 auto 50px; }
.footfall-analytics .tech h2 { margin: 0 auto 50px; }
.footfall-analytics .tech .talk { margin: 0; padding: 0; max-width: 470px; _width: 470px; margin: 0 auto; }
.footfall-analytics .tech .talk li { text-align: left; display: block; background: url('/upload/customfiles/footfall-analytics/images/icon-check.png') 0 0 no-repeat; padding: 2px 0 32px 54px; }

.footfall-analytics .sensors { background: #ecebe8; }
.footfall-analytics .sensors .items .item1 { background: url('/upload/customfiles/footfall-analytics/images/bg-sensor1.png') 25px 52px no-repeat; position: relative; }
.footfall-analytics .sensors .items .item1 .pad { padding: 80px 20px 35px 200px; }

.footfall-analytics .sensors .items .item2 { background: url('/upload/customfiles/footfall-analytics/images/bg-sensor2.png') 50% 0 no-repeat; }
.footfall-analytics .sensors .items .item2 .pad { padding: 210px 50px 75px 50px; }

.footfall-analytics .more, .more a { color: #FFF; }
.footfall-analytics .more .resources, .more .resources a { color: #58595b; }
.footfall-analytics .more .resources > .pad { padding: 40px 30px 50px 30px; max-width: 608px; box-sizing: border-box; float: right; }
.footfall-analytics .more .request > .pad { padding: 40px 50px; max-width: 607px; box-sizing: border-box; }
.footfall-analytics .more h1 { margin: 0 0 30px; }
.footfall-analytics .more .request h1 { color: #ffd51a; }
.footfall-analytics .more h5 { margin: 0 0 30px; }
.footfall-analytics .more .request h5 { color: #ffd51a; }
.footfall-analytics .more h2 { margin: 0 0 30px; }
.footfall-analytics .more .request h2 { color: #ffd51a; }
.footfall-analytics .more .resources h3 { margin: 0 0 5px; }
.footfall-analytics .more .resources .rthumb { text-align: center; }
.footfall-analytics .more .resources .rthumb .pad { padding: 0 0 40px 0; }
.footfall-analytics .more .resources .item a { font-weight: bold; text-decoration: none; }
.footfall-analytics .more .resources { background: #efb32f; }
.footfall-analytics .more .request { background: url('/upload/customfiles/footfall-analytics/images/bg-request.png') 50% 50% no-repeat; background-size: cover; }

.footfall-analytics .how .icon { display: inline-block; }
.footfall-analytics .features, .footfall-analytics .how, .footfall-analytics .intro, .footfall-analytics .tech, .footfall-analytics .config { text-align: center; }

.footfall-analytics #contact { /* max-width: 340px; */ margin: 0 auto; }
.footfall-analytics #contact form label { display: block; overflow: visible; }
.footfall-analytics #contact form span { width: 28%; padding-right: 2%; display: inline-block; vertical-align: middle; }
.footfall-analytics #contact form input, .footfall-analytics #contact form select { display: inline-block; border: none; width: 64%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 2%; margin: 16px 0; box-shadow: none; color: #58595b; background: #ebebeb; vertical-align: middle; box-sizing: border-box; }
.footfall-analytics #contact form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.footfall-analytics #contact .err { display: block; width: 100%; font-size: 75%; color: #DEDEDE; font-style: italic; }
.footfall-analytics #contact button { border: none; background: none; margin: 16px 0 16px 30%; display: block; }

#video-bg { padding: 0; height: 500px; text-align: center; width: 100%; }
#video-bg .video-overlay { background: rgba(0,0,0,.94); color: #FFF; }
.videoBG_wrapper { background: rgba(0,0,0,.25); }
#video-bg h2, #video-bg h1 { text-shadow: 0 0 10px rgba(0,0,0,.25); }
#video-bg h2 { font-size: 45px; margin: 0; padding: 100px 30px 15px; line-height: 57px; font-weight: 300; color: #fff;}
#video-bg h1 { font-size: 20px; font-weight: 600; max-width: 535px; margin: 0 auto 50px; }
#video-bg .wrapper {  }
#video-bg { color: #FFF; }

.intro-cta { background: #363636; }
.intro-cta .item { padding: 28px 0; color: #FFF; font-size: 30px; font-weight: 300; }
.intro-cta .first { text-align: right; background: #4c4e51; position: relative; }

.intro-cta .first:after { background: url('/upload/customfiles/footfall-analytics/images/bg-arrow.png') 0 50% no-repeat; height: 100%; content: ''; display: block; width: 46px; position: absolute; right: -46px; top: 0; }
.intro-cta .last {  }
.intro-cta a { padding-left: 55px; font-size: 23px; font-weight: 400; color: #ffd503; text-decoration: none; }
.intro-cta a img { vertical-align: middle; margin: 0 0 0 13px; display: inline-block; }

.slide-cta { margin: 35px auto 0; padding: 18px 20px; font-weight: 600; font-size: 16px; color: #58595b; text-decoration: none; display: inline-block; background: #efb32f; }
.slide-cta img, .cta-gold img { vertical-align: bottom; display: inline-block; margin: 0 0 0 5px; }
.cta-gold { font-weight: 600; font-size: 16px; color: #edaa09; display: inline-block; margin-top: 15px; text-decoration: none; }

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	.how .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-how-2x.png'); background-size: 650px 217px; }
	.features .slide1 .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-features-2x.png'); background-size: 516px 91px; }
	.features .slide2 .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-features2-2x.png'); background-size: 448px 88px; }
	.features .slide3 .icon { background-image: url('/upload/customfiles/footfall-analytics/images/sprite-features3-2x.png'); background-size: 384px 96px; }
	
}


@media only screen and (max-width:960px) {
	#video-bg h2 { font-size: 38px; }
}

@media only screen and (max-width:767px) {
	#video-bg h2 { padding: 30px 0 15px; font-size: 33px; line-height: 1.3; }
	.intro-cta .first span { text-align: center; padding: 0 40px; display: block; }
	.intro-cta a { padding: 0 80px; text-align: center; display: block; }
	.intro-cta .first:after { display: none; }
	.footfall-analytics .features .slide-nav li { padding: 20px 10px; }
}


@media only screen and (min-width:768px) {
	.sensors .items .item1:after { content: ''; border-right: 1px solid #b5b5b5; position: absolute; display: block; right: 0; top: 10%; height: 80%; }
	#video-bg h1 { margin-bottom: 20px; }
}
@media only screen and (min-width:525px) {
	#video-bg { height: 500px; }
	.footfall-analytics #performance { height: 418px; }
}