#os-ai-module{position:relative;display:block;width:100%;height:100%}#info-wrap{height:100px;width:50%;float:left;position:relative;padding:50px 25%}#info-wrap .number{background-color:#afc9a9;height:50px;width:50px;border:4px solid #afc9a9;border-radius:50%;display:inline-block}#info-wrap .number span{font-family:brandon-grotesque,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;font-size:1.775em;line-height:50px;width:50px;letter-spacing:.050em;font-weight:700;display:block;text-align:center}#info-wrap p{font-family:brandon-grotesque,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2em;line-height:26px;color:#4d4c4c;letter-spacing:.025em;font-weight:400;display:inline-block;width:100%}#info-wrap p.desktop{display:block}#info-wrap p.mobile{display:none}#naava-air-wrap{width:50%;height:500px;float:left;position:relative}#naava-ai-wrap{width:50%;height:500px;float:left;position:relative}#naava-air-wrap img{width:auto;height:100%;display:block;margin:0 auto}.point{position:absolute;background-color:#1b5c3d;height:50px;width:50px;border:4px solid #1b5c3d;border-radius:50%;cursor:pointer;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.point:hover,.point.active{background-color:#afc9a9;border:4px solid #afc9a9}.point span{font-family:brandon-grotesque,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;font-size:1.775em;line-height:50px;width:50px;letter-spacing:.050em;font-weight:700;display:block;text-align:center}.point-1{top:50px;left:0}.point-2{top:320px;left:0}.point-3{top:100px;right:18%}.point-4{top:70px;left:10%}.point-5{top:70px;right:10%}.point-6{top:384px;left:10%}.point-7{top:384px;right:10%}.pointer-1{position:absolute;width:3px;height:60px;background:#eaeaea;top:20px;right:-40px;-o-transform:rotate(-70deg);-ms-transform:rotate(-70deg);-moz-transform:rotate(-70deg);-webkit-transform:rotate(-70deg);transform:rotate(-70deg)}.pointer-2{position:absolute;width:3px;height:60px;background:#eaeaea;top:-20px;right:-40px;-o-transform:rotate(-103deg);-ms-transform:rotate(-103deg);-moz-transform:rotate(-103deg);-webkit-transform:rotate(-103deg);transform:rotate(-103deg)}.pointer-3{position:absolute;width:3px;height:60px;background:#eaeaea;top:-30px;right:90px;-o-transform:rotate(-67deg);-ms-transform:rotate(-67deg);-moz-transform:rotate(-67deg);-webkit-transform:rotate(-67deg);transform:rotate(-67deg)}.pointer-4{position:absolute;width:3px;height:60px;background:#eaeaea;top:44px;right:-23px;-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.pointer-5{position:absolute;width:3px;height:60px;background:#eaeaea;top:44px;right:73px;-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pointer-6{position:absolute;width:3px;height:60px;background:#eaeaea;top:-57px;right:-23px;-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pointer-7{position:absolute;width:3px;height:60px;background:#eaeaea;bottom:44px;left:-23px;-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arrow-wrap{position:absolute}.arrow-wrap-1{top:140px;left:17%;-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.arrow-wrap-2{top:200px;left:14%;-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.arrow-wrap-3{top:260px;left:17%;-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.arrow-wrap-4{top:70px;left:40.2%}.arrow-wrap-5{top:20px;left:14%;-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.arrow-wrap-4 .arrow span{background-color:#afc9a9}.arrow-wrap-5 .arrow span{background-color:#afc9a9}.arrow{width:50px;height:12px;position:relative}.arrow span{height:15px;width:3px;background-color:#1b5c3d;border-radius:5px;display:block;position:absolute}.arrow span:nth-child(1){-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);left:19px}.arrow span:nth-child(2){-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:19px}.fan{position:absolute;background-color:#1b5c3d;height:85px;width:85px;border:4px solid #1b5c3d;border-radius:50%;top:250px;right:20%;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.push-1{-webkit-animation:push-1 .6s linear infinite;-moz-animation:push-1 .6s linear infinite;-ms-animation:push-1 .6s linear infinite;-o-animation:push-1 .6s linear infinite;animation:push-1 .6s linear infinite}.push-2{-webkit-animation:push-2 .6s linear infinite;-moz-animation:push-2 .6s linear infinite;-ms-animation:push-2 .6s linear infinite;-o-animation:push-2 .6s linear infinite;animation:push-2 .6s linear infinite}.push-3{-webkit-animation:push-3 .6s linear infinite;-moz-animation:push-3 .6s linear infinite;-ms-animation:push-3 .6s linear infinite;-o-animation:push-3 .6s linear infinite;animation:push-3 .6s linear infinite}.push-4{-webkit-animation:push-4 .6s linear infinite;-moz-animation:push-4 .6s linear infinite;-ms-animation:push-4 .6s linear infinite;-o-animation:push-4 .6s linear infinite;animation:push-4 .6s linear infinite}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes push-1{from{left:17%}to{left:19%}}@keyframes push-1{from{left:17%}to{left:19%}}@-webkit-keyframes push-2{from{left:14%}to{left:16%}}@keyframes push-2{from{left:14%}to{left:16%}}@-webkit-keyframes push-3{from{top:70px}to{top:58px}}@keyframes push-3{from{top:70px}to{top:55px}}@-webkit-keyframes push-4{from{left:14%}to{left:12%}}@keyframes push-4{from{left:14%}to{left:12%}}.remo{position:absolute;background-color:#1b5c3d;height:200px;width:200px;border:4px solid #1b5c3d;border-radius:50%;top:146px;left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.sensor{position:absolute;background-color:#1b5c3d;height:85px;width:85px;border:4px solid #1b5c3d;border-radius:50%;top:10px;left:25%}.brain{position:absolute;background-color:#1b5c3d;height:85px;width:85px;border:4px solid #1b5c3d;border-radius:50%;top:145px;right:0}.phone{position:absolute;background-color:#1b5c3d;height:85px;width:85px;border:4px solid #1b5c3d;border-radius:50%;top:380px;right:25%}@-webkit-keyframes push-1-mobile{from{left:0}to{left:2%}}@keyframes push-1-mobile{from{left:0}to{left:2%}}@-webkit-keyframes push-2-mobile{from{left:-3%}to{left:-1%}}@keyframes push-2-mobile{from{left:-3%}to{left:-1%}}@-webkit-keyframes push-3-mobile{from{top:110px}to{top:100px}}@keyframes push-3-mobile{from{top:110px}to{top:100px}}@-webkit-keyframes push-4-mobile{from{left:-5%}to{left:-7%}}@keyframes push-4-mobile{from{left:-5%}to{left:-7%}}@media screen and (max-width:768px){#os-ai-module{display:inline-block}#info-wrap{width:100%;height:auto;padding:10px 0}#info-wrap .number{height:40px;width:40px}#info-wrap .number span{font-size:1.475em;line-height:40px;width:40px}#info-wrap p.desktop{display:none}#info-wrap p.mobile{display:block}#naava-air-wrap,#naava-ai-wrap{height:auto}#naava-air-wrap img{height:auto;margin-top:70px}.remo{position:relative;height:150px;width:150px;top:70px}.point-1{top:0;left:0}.point-2{top:0;left:30%}.point-3{top:0;left:60%}.point-4{top:0;left:-10%}.point-5{top:0;left:20%}.point-6{top:0;left:50%}.point-7{top:0;left:80%}.pointer-1,.pointer-2,.pointer-3,.pointer-4,.pointer-5,.pointer-6,.pointer-7{display:none}.point{height:40px;width:40px}.point span{font-size:1.475em;line-height:40px;width:40px}.fan{height:50px;width:50px;top:100px;left:60%}#naava-air-wrap img.rotating{margin-top:0}.sensor{height:50px;width:50px;top:220px;left:0}.brain{height:50px;width:50px;top:250px;left:30%}.phone{height:50px;width:50px;top:220px;left:60%}.arrow span{height:10px;width:2px;background-color:#1b5c3d;border-radius:5px;display:block;position:absolute}.arrow span:nth-child(1){left:21px}.arrow span:nth-child(2){left:27px}.arrow-wrap-1{top:140px;left:0}.arrow-wrap-2{top:170px;left:-3%}.arrow-wrap-3{top:200px;left:0}.arrow-wrap-4{top:110px;left:31%}.arrow-wrap-5{top:80px;left:-5%}.arrow{height:8px}.push-1{-webkit-animation:push-1-mobile .6s linear infinite;-moz-animation:push-1-mobile .6s linear infinite;-ms-animation:push-1-mobile .6s linear infinite;-o-animation:push-1-mobile .6s linear infinite;animation:push-1-mobile .6s linear infinite}.push-2{-webkit-animation:push-2-mobile .6s linear infinite;-moz-animation:push-2-mobile .6s linear infinite;-ms-animation:push-2-mobile .6s linear infinite;-o-animation:push-2-mobile .6s linear infinite;animation:push-2-mobile .6s linear infinite}.push-3{-webkit-animation:push-3-mobile .6s linear infinite;-moz-animation:push-3-mobile .6s linear infinite;-ms-animation:push-3-mobile .6s linear infinite;-o-animation:push-3-mobile .6s linear infinite;animation:push-3-mobile .6s linear infinite}.push-4{-webkit-animation:push-4-mobile .6s linear infinite;-moz-animation:push-4-mobile .6s linear infinite;-ms-animation:push-4-mobile .6s linear infinite;-o-animation:push-4-mobile .6s linear infinite;animation:push-4-mobile .6s linear infinite}}