@charset "utf-8";

/* CSS3 animations */    
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
#page-1.active .circle {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 20s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 20s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
#page-4 .more-info {
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -mox-transition-delay: 1s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-delay: 1s;
}
#header,
#header .by-night {
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
}
#page-2 .slide {
    left:-300px; top:300px; opacity:0;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transform:rotate(120deg);
    -webkit-transform:rotate(120deg);
}
#page-2 .slide-1 {
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
#page-2 .slide-2 {
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
}
#page-2 .slide-3 {
    -moz-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
}
#page-2 .slide-4 {
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.clear { clear:both; }
html { height:100%; }
body { margin: 0; min-width: 980px; height:100%; padding: 0; font-family: 'Source Sans Pro', sans-serif; font-weight:200; overflow:hidden; }
#nav { list-style: none; position: fixed; right: 25px; z-index:10000; }
#nav li a { width:13px; height:13px; margin: 0 0 5px 0; background:transparent url(http://getifinity.com/img/page.png) no-repeat 0 0; display:block; }
#nav li.active a {background-image:url(http://getifinity.com/img/page-active.png); }
#nav.page-9 li a { background-image:url(http://getifinity.com/img/page2.png); }
#nav.page-9 li.active a { background-image:url(http://getifinity.com/img/page2-active.png); }
#header { height:58px; padding:18px 0; background:rgba(255,255,255,0.63); color:#808080; position:fixed; top:-95px; width:100%; z-index:1000; }
#header .home { float:left; background:transparent url(http://getifinity.com/img/home.png) no-repeat 0 0; width:58px; height:58px; margin:0 0 0 18px; }
#header .logo-proxie { background:transparent url(http://getifinity.com/img/logo-proxie-small.png) no-repeat 0 0; width:214px; height:65px; margin:-3px auto; display:block; }
#header h2 { float:right; font-size:1.05em; line-height:58px; font-weight:400; text-align:right; width:350px; margin:0 48px 0 0; }
#header h2 a.logo-ivt { background:transparent url(http://getifinity.com/img/logo.png) no-repeat 50% 50%; width:134px; height:37px; display:none; vertical-align:middle; margin:-3px 0 0 15px}
#header .by-night { position:absolute; top:67px; left:50%; margin-left:-150px; opacity:0; }
.page { height:100%; width:100%; background-position:50% 50%; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; margin:0 auto; overflow:hidden; }
.story { margin: 0 auto; min-width: 980px;  }
#pages { height:100%; width:100%; position:absolute; top:0; left:0; }
#page-1 { background-image:url(http://getifinity.com/img/slides/slide1.jpg);  }
#page-1 .story { position:absolute; overflow:hidden; height:100%; width:100%; }
#page-1 .circle { width:1150px; height:1150px; position:absolute; top:50%; left:50%; margin-top:-575px; margin-left:-575px; background:transparent url(http://getifinity.com/img/circle1.png) no-repeat 50% 50%; }
#page-1 .circle-2 { background-image:url(http://getifinity.com/img/circle2.png); }
#page-1 .circle-3 { background-image:url(http://getifinity.com/img/circle3.png); }
#page-1 .circle-4 { background-image:url(http://getifinity.com/img/circle4.png); }
#page-1 .logo-ivt { background:transparent url(http://getifinity.com/img/logo.png) no-repeat 50% 50%; width:134px; height:37px; display:block; margin:80px auto 0 auto; position:relative; z-index:10; display:none; }
#page-1 .logo-proxie { background:transparent url(http://getifinity.com/img/logo-proxie.png) no-repeat 50% 50%; width:450px; height:447px; display:block; margin:-223px -225px; position:absolute; top:50%; left:50%; }
#page-1 h2 { color:#fff; font-size:2.9em; font-weight:100; text-align:center; position:absolute; bottom:40px; width:100%; left:0; }
#page-1 h2 span { display:block; background:transparent url(http://getifinity.com/img/arrow-bottom.png) no-repeat 0 0; width:32px; height:21px; margin:44px auto 0 auto; cursor:pointer; }
#page-1 h3 { float:right; font-size:1.05em; line-height:58px; font-weight:400; text-align:right; width:350px; margin:0 48px 0 0; color:#fff; padding:18px 0px 18px 0;  background:transparent url(http://getifinity.com/img/lang.png) no-repeat 100% 50%; }
#page-1 h3 a { color:#fff; text-decoration:none; position:relative; z-index:100; padding-right:40px; }
#page-2 { background-image: url(http://getifinity.com/img/slides/slide2.jpg); }
#page-2 .story { position:relative; top:50%; height:600px; margin-top:-380px; }
#page-2 h2 { display:block; margin:120px auto 0 auto; text-align:center; width:900px; }
#page-2 h2 .bg { background:transparent url(http://getifinity.com/img/slide2-txt.png) no-repeat 50% 50%; width:900px; height:110px; display:block; }
#page-2 h2 .marker { background:transparent url(http://getifinity.com/img/you.png) no-repeat 0 0; width:70px; height:109px; margin:-10px auto; display:block; }
#page-2 .slides { margin:50px 100px 0 100px; position:relative; min-width:1000px; }
#page-2 .slide { background:transparent url(http://getifinity.com/img/slide2_box1.png) no-repeat 0 0; width:230px; height:359px; position:absolute; margin:0 25px 0 0; color:#fff; text-align:center; }
#page-2 .slide span { text-transform:uppercase; margin:165px auto 20px auto; display:block; font-weight:600; font-size:1.3em; }
#page-2 .slide p { font-size:0.85em; line-height:1.45em; margin:0 15px; padding:0; }
#page-2 .slide-2 { background-image: url(http://getifinity.com/img/slide2_box2.png); }
#page-2 .slide-3 { background-image: url(http://getifinity.com/img/slide2_box3.png); }
#page-2 .slide-4 { background-image: url(http://getifinity.com/img/slide2_box4.png); }
#page-2.active .slide { top:0; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); opacity:1; }
#page-2.active .slide-1 { left:0px; }
#page-2.active .slide-2 { left:25%; }
#page-2.active .slide-3 { left:50%; }
#page-2.active .slide-4 { left:75%; }
#header.page-2,
#header.page-3,
#header.page-4,
#header.page-5,
#header.page-6,
#header.page-7,
#header.page-8 { top:0; }
#header.page-3 { background:rgba(0,0,0,0.4); color:#fff; }
#header.page-3 .by-night { opacity:1.0; }
#header.page-3 .logo-proxie { background-image:url(../img/logo-proxie-small-pink.png); }
#page-3 { background-image: url(http://getifinity.com/img/slides/slide3.jpg); color:#fff; }
#page-3 .by-night { background:transparent url(http://getifinity.com/img/bynight-big.png) no-repeat 0 0; width:957px; height:424px; position:relative; top:0; left:50%; margin-left:-478px;  }
#page-3 .story { width:1100px; position:relative; height:400px; top:50%; left:50%; margin-top:-624px; margin-left:-550px; }
#page-3 .story h4 { position:absolute; left:350px; font-size:63px; font-weight:200; top:50px }
#page-3 .story h3 { position:absolute; left:285px; font-size:89px; font-weight:200; top:90px }
#page-3 .story h2 { position:absolute; left:0; font-size:196px; font-weight:200; top:110px }
#page-3 .story p { width:550px; position:absolute; top:200px; left:550px; font-size:1.4em; }
#page-3 .marker { background:transparent url(http://getifinity.com/img/slide3-mark.png) no-repeat 0 0; width:331px; height:218px; position:absolute; bottom:-150px; left:280px }
#page-4 { background-image: url(http://getifinity.com/img/slides/slide4.jpg); color:#fff; }
#page-4 .story { position:relative; height:570px; top:50%; margin-top:-255px; text-align:center; }
#page-4 .story img { height:70%; }
#page-4 .story h2 { font-weight:200; font-size:3em; margin:0 0 30px 0; }
#page-4 .story h2 strong { font-weight:700; }
#page-4.active .more-info { bottom:0; }
#page-4 .more-info { position:absolute; bottom:-160px; height:160px; width:100%; background:rgba(255,255,255,0.63); }
#page-4 .more-info ul { width:800px; margin:30px auto;}
#page-4 .more-info ul li { width:375px; margin-right:40px;  font-size:0.8em; font-weight:400; color:#676767; float:left; line-height:1.6em; }
#page-4 .more-info ul li:last-child { margin:0; }
#page-4 .more-info ul strong { color:#000; font-weight:600; display:block; margin:5px 0; }
#page-5 { background-image: url(http://getifinity.com/img/slides/slide5.jpg); overflow:hidden; }
#page-5 .story { color:#fff; position:relative; top:50%; margin-top:-200px; height:350px; }
#page-5 img { position:absolute; right:-250px; margin-top:-120px; }
#page-5 h2 { font-size:3.375em; font-weight:200; margin-left:5%; }
#page-5 h3 { font-size:1.8em; font-weight:200; font-style:italic; color:#d2d2d2; margin-top:-10px; margin-left:5%;  }
#page-5 .desc { margin:30px 0 0 5%; width:480px; font-size:1em; line-height:1.55em; }
#page-5 .desc strong { font-weight:600; color:#000; }
#page-5 .desc p { font-weight:400; color:#676767; display:inline; }
#page-5 .desc .logo { display:block; background:transparent url(http://getifinity.com/img/logo-ifinity-small.png) no-repeat 0 0; height:38px; margin:48px 0; }
#page-6 { background-image: url(http://getifinity.com/img/slides/slide6.jpg); background-attachment:scroll; position:relative; }
#page-6 .story { background: transparent url(http://getifinity.com/img/online-offline.png) no-repeat 50% 90px; height:480px; position:relative; margin-top:-260px; top:50%; color:#fff; z-index:10; }
#page-6 .story h2 { text-align:center; font-size:2.81em; font-weight:200; line-height:1em; color:#000; }
#page-6 .story h2 strong { font-style:italic; font-weight:600; }
#page-6 .bottom { position:absolute; bottom:0; width:1043px; height:300px; left:50%; margin-left:-522px; }
#page-6 .bottom p { text-align:left; width:310px; position:absolute; font-weight:400; right:0; bottom:80px; font-size:0.8em; line-height:1.5em; color:#fff; }
#page-6 .bottom .rfid { position:absolute; left:0; bottom:90px; }
#page-6 .bottom .trousers { margin:0 auto; display:block; }
#page-6 .bottom .barcode { position:absolute; width:100%; height:63px; bottom:0; left:0; background:transparent url(http://getifinity.com/img/barcode.png) no-repeat 50% 100%; }
#page-7 { background-image: url(http://getifinity.com/img/slides/slide7.jpg); background-attachment:scroll; }
#page-7 .story { height:100%; position:relative; margin-top:0%; color:#fff; }
#page-7 .story .desc { width:90%; height:450px; position:absolute; top:50%; margin-top:-265px; margin-left:5%; }
#page-7 .story .desc > img.box { position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-255px; }
#page-7 .story .desc > img.raw { position:absolute; bottom:-250px; left:50%; margin-left:-250px; }
#page-7 .story h2 { font-size:9em; font-weight:200; font-style:italic; line-height:1em; margin-top:40px }
#page-7 .story h3 { font-size:3.4em; font-weight:200; font-style:italic; line-height:1em; }
#page-7 .story h3 strong { font-weight:400; }
#page-7 .story .desc p { width:400px; font-size:1.4em; line-height:1.35em; position:absolute; right:0; top:50px; }
#page-7 .story .desc .logo-ble { display:block; margin-top:50px; float:none; }
#page-7 .story ul { position:absolute; bottom:0; width:100%; height:205px; background:transparent url(http://getifinity.com/img/slides/slide7a.jpg) no-repeat 0 0; background-size:cover; }
#page-7 .story ul li { float:left; width:25%; line-height:170px; text-align:center; }
#page-7 .story ul li img { vertical-align:bottom;  }
#page-8 { background-image: url(http://getifinity.com/img/slides/slide8.jpg); background-attachment:scroll; }
#page-8 .story { width:85%; height:100%; margin:0px auto 0 auto; position:relative; color:#fff; }
#page-8 .story .logo-proxie-climate { background:transparent url(http://getifinity.com/img/logo-climate.png) no-repeat 0 0; width:293px; height:143px; top:130px; position:absolute; }
#page-8 .story .proxie-climate { margin:0 auto; position:relative; top:13%; height:87%; }
#page-8 .story .proxie-climate img { height:100%; margin:auto; display:block; }
#page-8 .story > p { width:270px; position:absolute; right:0; bottom: 60px; font-size:1.45em; line-height:1.4em; }
#page-8 .story ul { position:absolute; bottom:20px; left:0; width:330px; }
#page-8 .story ul li { display:block; position:relative; height:124px; }
#page-8 .story ul li h4 { margin-left:93px; color:#959595; font-size:0.9em; text-transform:uppercase; }
#page-8 .story ul li p { margin-left:93px; font-size:0.8em; margin-top:3px; } 
#page-8 .story ul li img { float:left; position:absolute; }
#page-8 .story ul li:first-child img { margin-left:10px; }
#page-9 { background:#fff; position:relative; overflow-y:scroll; }
#page-9 .head { font-size:3.75em; font-weight:200; font-style:italic; margin:10px 0 30px 0; }
#page-9 .head span { font-size:2em; color:#d60b52 }
#page-9 .head strong { color:#000; font-weight:400; }
#page-9 .story { width:1000px; height:1700px; position:relative; }
#page-9 .logo { background:transparent url(http://getifinity.com/img/logo-big.png) no-repeat 0 0; width:226px; height:62px; margin:0px auto 40px auto;  display:block; }
#page-9 form {  }
#page-9 form input[type='text'].error,
#page-9 form textarea.error { background-color:rgba(255,0,0,0.05); }
#page-9 input[type='text'],
#page-9 textarea{ background:transparent url(http://getifinity.com/img/inputbg.png) no-repeat 0 100%; width:314px; padding:12px 15px; font-size:16px; font-family:'Source Sans Pro', sans-serif; border:0; outline:none; margin:5px 0; font-style:italic; }
#page-9 textarea { height:96px; margin-top:153px; background-image:url(http://getifinity.com/img/inputtxt.png); }
#page-9 textarea.active { padding-top:78px; height:30px; }
#page-9 input[type='submit'] { cursor:pointer; background:#d60b52; font-size:23px; text-align:center; padding:5px 45px; color:#fff; border-radius:35px; font-family:'Source Sans Pro', sans-serif; font-weight:200; margin:25px auto 0 auto; border:0; position:absolute; bottom:0; left:0; }
#page-9 .footer { clear:both; display:block; margin-top:100px; width:100%; border-top:1px #e2e2e2 solid; margin:0; padding:20px; font-size:0.875em; font-weight:200; text-align:center; }
#page-9 .footer span { color:#d60b52; }
#page-9 .footer a { color:#d60b52; text-decoration:none; }
#page-9 .persons { width:800px; }
#page-9 .person-img-wrapper { background: #CCC; border: 8px solid white; box-shadow: 0 0 0 1px #CCC; padding: 0px; border-radius: 50%; position: relative; float:left;  margin:0 80px 80px 0; }
#page-9 .person-img { float: left; border:0; display: block; border-radius: 50%; width:165px; height:165px; }
#page-9 .right { position:absolute; right:0; width:200px; top: 65px; font-size:0.875em; line-height:1.5em; font-weight:400; }
#page-9 .right strong { font-weight:600; }
#page-9 .right img { margin-bottom:50px; }
#page-9 .right p { padding:0 0 25px 0}
#page-9 .logo-small { margin:auto; display:block; padding:75px 0 20px 0; }
#page-9 form .column-1 { float:left; width:400px; height:273px; }
#page-9 form .column-2 { float:left; width:400px; height:273px; }
#page-9 form .column-3 { float:left; width:200px; height:273px; position:relative; }
#page-9 form .column-3 ul { position:absolute; bottom:90px; }
#page-9 form .column-3 ul li.h3 { color:#d2d2d2; font-size:4.375em; font-weight:200; padding-bottom:20px; }
#page-9 form .column-3 ul li { color:#d60b52; font-size:1.250em; font-weight:400; }
#page-9 form .column-3 ul li span { color:#000; font-weight:200; font-style:italic; display:block; padding-bottom:30px; }
#page-9 h3 { margin:0 auto 40px auto; font-size:1.9em; font-weight:200; text-align:left; }
#page-9 h3 strong { font-weight:700; }

.ipad .page {  background-attachment:scroll; position:relative; height:100%; }