html .retail-analytics, .retail-analytics button, .retail-analytics input, .retail-analytics select, .retail-analytics textarea, .retail-analytics .pure-g [class *= "pure-u"] { font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
body .retail-analytics  { color: #6d6e71; font-size: 14px; line-height: 1.5; }
.retail-analytics p { margin: 0 0 1em; }
.retail-analytics h1 { font-size: 30px; margin: 0; font-weight: 300; line-height: 1.4; }
.retail-analytics h5 { font-size: 30px; margin: 0; font-weight: 300; line-height: 1.4; }
.retail-analytics h2 { font-size: 19px; margin: 0 0 40px; color: #6d6e71; font-weight: 600; line-height: 1.4; text-transform: none; }
.retail-analytics h3 { font-size: 18px; line-height: 1.4; text-transform: none; }
.retail-analytics img { max-width: 100%; height: auto; }

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


.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);
}

.clearfix:before, .clearfix:after { content:''; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

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

.benefits { padding: 0 30px; background: #363636; text-align: center; }
.benefits .item { font-size: 18px; font-weight: 800; } 
.benefits .item h3 { padding: 1em 0; color: #FFF; display: inline-block; text-align: left; }
.benefits .item h3 strong { max-width: 180px; display: inline-block; margin: 6px 0 0 8px; }
.benefits .item h3 span, .benefits .item h3 strong { vertical-align: middle; display: inline-block; }

.benefits .icon { background-image: url('/upload/customfiles/footfall-analytics/people-counting/images/sprite-benefits.png'); float: left; }
.benefits .icon1 { width: 68px; height: 68px; background-position: 0 -0px; }
.benefits .icon2 { width: 68px; height: 68px; background-position: 0 -68px; }
.benefits .icon3 { width: 68px; height: 68px; background-position: 0 -136px; }

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

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

.features { background: #a2cbd2; color: #58595b; }
.features .slide-nav { margin: 0; padding: 0; }
.features .slide-nav a { text-align: center; background: #d7d7d7; display: block; padding: 40px 20px; color: #58595b; text-decoration: none; border-right: 2.5px solid #FFF; border-left: 2.5px solid #FFF; font-size: 18px; font-weight: 400; }
.features .slide-nav .active a { background: #549eab; color: #FFF; position: relative; } 
.features .slide-nav .active a:after { content: ''; display: block; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #549eab; position: absolute; bottom: 0; left: 50%; margin: 0 0 -16px -18px; }
.features .slide-nav li:first-child a { border-left: 0; }
.features .slide-nav li:last-child a { border-right: 0; }
.features .slide .pad { padding: 65px 50px 40px; }
.features .slide .pad h3 { margin: 0 0 50px; }


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

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


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

.features .icon2a { background-position: 0 0; }
.features .icon2b { background-position: -116px 0; }
.features .icon2c { background-position: -232px 0; }
.features .icon2d { background-position: -348px 0; }

.features .icon3a { background-position: 0 0; }
.features .icon3b { background-position: -105px 0; }
.features .icon3c { background-position: -210px 0; }
.features .icon3d { background-position: -315px 0; }

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

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

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

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

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

.retail-analytics #contact { /* max-width: 340px; */ margin: 0 auto; }
.retail-analytics #contact form label { display: block; overflow: auto; }
.retail-analytics #contact form span { width: 28%; padding-right: 2%; display: inline-block; vertical-align: middle; }
.retail-analytics #contact form input, .retail-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; }
.retail-analytics #contact form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.retail-analytics #contact .err { display: block; width: 100%; font-size: 75%; color: #DEDEDE; font-style: italic; }
.retail-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 h1, #video-bg p { text-shadow: 0 0 10px rgba(0,0,0,.25); }
#video-bg h1 { font-size: 52px; margin: 85px 0 22px; line-height: 1; }
#video-bg h5, #video-bg p { text-shadow: 0 0 10px rgba(0,0,0,.25); }
#video-bg h5 { font-size: 52px; margin: 85px 0 22px; line-height: 1; }
#video-bg p { font-size: 20px; font-weight: 700; max-width: 535px; margin: 0 auto 50px; }
#video-bg .wrapper {  }
#video-bg { color: #FFF; }

.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/people-counting/images/sprite-how-2x.png'); background-size: 650px 217px; }
	.benefits .icon { background-image: url('/upload/customfiles/footfall-analytics/people-counting/images/sprite-benefits-2x.png'); background-size: 68px 204px; }
	.features .slide1 .icon { background-image: url('/upload/customfiles/footfall-analytics/people-counting/images/sprite-features-2x.png'); background-size: 516px 91px; }
	.features .slide2 .icon { background-image: url('/upload/customfiles/footfall-analytics/people-counting/images/sprite-features2-2x.png'); background-size: 464px 95px; }
	.features .slide3 .icon { background-image: url('/upload/customfiles/footfall-analytics/people-counting/images/sprite-features3-2x.png'); background-size: 420px 95px; }
	
}



@media only screen and (max-width:767px) {
	.features .slide-nav a { 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%; }
	.benefits { padding: 0 100px; }
	#video-bg p { margin-bottom: 45px; }
}
@media only screen and (min-width:525px) {
	#video-bg { height: 550px; }
	#performance { height: 430px; overflow: hidden; }
}