html{height:100%}body{margin:0;min-height:100%;height:100%;font-family:sans-serif;color:#FFF;background-color:#5DD22D;overflow:auto}#loading{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;background-color:#000;background:url('../image/loading.png');background-image:url('../image/loading.svg'),none;background-repeat:no-repeat;background-position:center;z-index:9999;transition:opacity .5s ease-out 0s,margin-top 0s linear .6s;opacity:1}#loading.complete{position:absolute;margin-top:-200%;opacity:0}#noscript{position:absolute;top:0;left:50%;margin-left:-400px;width:800px;height:25px;line-height:25px;font-size:12px;font-weight:600;color:#282828;background-color:#FFA500;background:-webkit-linear-gradient(#FFC864,#FFA500);background:-o-linear-gradient(#FFC864,#FFA500);background:-moz-linear-gradient(#FFC864,#FFA500);background:linear-gradient(#FFC864,#FFA500);text-align:center;text-shadow:1px 1px 0 #FDC051;box-shadow:inset 0 10px 10px #FFD68A,inset 0 -10px 10px #D68B00,0px 0 5px #000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:block;overflow:hidden;z-index:9998}#noscript:after{content:"Please enable JavaScript in your browser to utilize complete functionality of this website."}#noscript.enabled{display:none}#header{margin:0;padding:0}#header #logo{position:fixed;top:15px;left:40px;margin:0;padding:0;width:300px;height:50px;max-width:300px;max-height:50px;text-indent:-10000px;background:url('../image/logo.png');background-image:url('../image/logo.svg'),none;background-repeat:no-repeat;background-position:center left;background-size:contain;display:block;transition:max-width .3s ease-in-out .1s,max-height .3s ease-in-out .1s;outline-style:none;z-index:10000}#header #logo h1{margin:0;padding:0}#nav{position:fixed;top:0;right:0;margin:0;padding:0;width:100%;height:80px;background-color:#000;background-color:rgba(0,0,0,0.4);background:-webkit-linear-gradient(top,rgba(0,0,0,0.8),rgba(0,0,0,0) 160px);background:-o-linear-gradient(top,rgba(0,0,0,0.8),rgba(0,0,0,0) 160px);background:-moz-linear-gradient(top,rgba(0,0,0,0.8),rgba(0,0,0,0) 160px);background:linear-gradient(top,rgba(0,0,0,0.8),rgba(0,0,0,0) 160px);display:inline-block;transition:height .3s ease-in-out .1s;z-index:9997}#nav #menu{position:absolute;top:-100%;right:55px;width:40px;height:40px;text-indent:-10000px;background:url('../image/menu.png');background-image:url('../image/menu.svg'),none;background-repeat:no-repeat;background-position:center;background-size:contain;display:block;transition:opacity .1s ease-in 0s,top 0s linear 1.5s;opacity:0;outline-style:none;z-index:9996;cursor:pointer}#nav ul{position:absolute;top:25px;right:40px;margin:-10000px 0 0 0;padding:10000px 0 20px 0;list-style-type:none;transition:opacity .3s ease-in .7s;opacity:1}#nav ul li{margin:0;padding:0;display:inline-block}#nav ul li a{margin:0 5px;padding:5px 10px 5px 10px;font-size:16px;font-weight:400;color:#FFF;text-decoration:none;display:inline-block;outline-style:none;transition:color .2s ease-in 0s}#nav ul li a:hover,#nav ul li a:focus{color:#FFF}n#av ul li a:active{color:#FFF}#nav ul li a.current{color:#5DD22D}#nav ul li a.current:hover,#nav ul li a.current:focus{color:#5DD22D}@media(max-width:1100px){#header #logo{max-width:50vw;max-height:50px}#nav{height:80px}#nav #menu{top:20px;transition:opacity .3s ease-out .7s,top 0s linear 0s;opacity:1}#nav ul{position:absolute;top:0;left:0;width:100%;margin-top:-100%;padding:100px 0 20px 0;background-color:#000;background-color:rgba(0,0,0,0.9);transition:margin-top .2s ease-in .1s,opacity 0s linear 1s;opacity:0}#nav.active ul{margin-top:0;transition:margin-top .3s ease-out 0s,opacity 0s linear 0s;opacity:1}#nav ul li{margin:0 40px 0 40px;padding:10px 0;border-top-width:1px;border-top-style:solid;border-top-color:#222;transition:opacity .1s ease-out 0s;display:block;opacity:0}#nav.active ul li{transition:opacity .3s ease-in-out .3s;opacity:1}#nav ul li a{margin:0;padding:10px 0 10px 0;font-size:22px;font-weight:300}}@media(max-width:400px){#header #logo{max-width:50vw;max-height:50px}#nav{height:80px}#nav #menu{top:20px;transition:opacity .3s ease-out .7s,top 0s linear 0s;opacity:1}#nav ul{position:absolute;top:0;left:0;width:100%;margin-top:-100%;padding:80px 0 20px 0;background-color:#000;background-color:rgba(0,0,0,0.9);transition:margin-top .2s ease-in .1s,opacity 0s linear 1s;opacity:0}#nav.active ul{margin-top:0;transition:margin-top .3s ease-out 0s,opacity 0s linear 0s;opacity:1}#nav ul li{margin:0 40px 0 40px;padding:10px 0;border-top-width:1px;border-top-style:solid;border-top-color:#222;transition:opacity .1s ease-out 0s;display:block;opacity:0}#nav ul li:first-child{border-top-color:transparent}#nav.active ul li{transition:opacity .3s ease-in-out .3s;opacity:1}#nav ul li a{margin:0;padding:5px 0 5px 0;font-size:18px;font-weight:300}}#index,#electric_scooters,#how_it_works,#about_us,#specifications,#contact{margin:0;padding:0;width:100%;min-height:104%;text-align:center;display:block;overflow-x:hidden;clear:both}#index div.container,#electric_scooters div.container,#how_it_works div.container,#about_us div.container,#specifications div.container,#contact div.container{margin-top:160px;padding:0;width:100%;vertical-align:text-top;text-align:center;display:inline-block;overflow-x:hidden;clear:both}#index div.container img,#electric_scooters div.container img,#how_it_works div.container img,#about_us div.container img,#specifications div.container img,#contact div.container img{transition:opacity 1s linear 0s;opacity:1}#index.cue div.container img,#electric_scooters.cue div.container img,#how_it_works.cue div.container img,#about_us.cue div.container img,#specifications.cue div.container img,#contact.cue div.container img{opacity:0}#index.action div.container img,#electric_scooters.action div.container img,#how_it_works.action div.container img,#about_us.action div.container img,#specifications.action div.container img,#contact.action div.container img,#index.stoppage div.container img,#electric_scooters.stoppage div.container img,#how_it_works.stoppage div.container img,#about_us.stoppage div.container img,#specifications.stoppage div.container img,#contact.stoppage div.container img{opacity:1}div a.next{margin:40px 0;padding:0;width:66px;height:66px;text-indent:-10000px;background:url('../image/arrow_down.png');background-color:rgba(0,0,0,0.1);background-image:url('../image/arrow_down.svg'),none;background-repeat:no-repeat;background-position:center center;background-size:contain;background-size:70%;border-style:solid;border-color:#FFF;border-width:1px;border-radius:66px;box-shadow:0 0 3px #000;box-shadow:0 0 3px rgba(0,0,0,0.2);display:inline-block;outline-style:none;transition:opacity 1s ease-in-out 5s,background-size .1s ease-in-out 0s;opacity:.3}div.cue a.next{background-size:50%;opacity:.3}div.action a.next,div.stoppage a.next{background-size:50%;opacity:1}div a.next:hover,div a.next:focus{background-size:50%}div a.top{margin:40px 0;padding:0;width:66px;height:66px;text-indent:-10000px;background:url('../image/arrow_up.png');background-color:rgba(0,0,0,0.1);background-image:url('../image/arrow_up.svg'),none;background-repeat:no-repeat;background-position:center center;background-size:contain;background-size:70%;border-style:solid;border-color:#FFF;border-width:1px;border-radius:66px;box-shadow:0 0 3px #000;box-shadow:0 0 3px rgba(0,0,0,0.2);display:inline-block;outline-style:none;transition:opacity 1s ease-in-out 5s,background-size .1s ease-in-out 0s;opacity:.3}div.cue a.top{background-size:50%;opacity:.3}div.action a.top,div.stoppage a.top{background-size:50%;opacity:1}div a.top:hover,div a.top:focus{background-size:50%}div h2{position:relative;left:0;margin:0 60px;padding:0;font-size:38px;font-weight:300;letter-spacing:0;display:block;transition:opacity 1s linear 1s;opacity:1}div.cue h2{opacity:1}div.action h2,div.stoppage h2{opacity:1}div#about_us h2{margin:20px auto;color:rgba(0,0,0,0.6);text-shadow:none}div#about_us.action h2,div#about_us.stoppage h2{opacity:0}div h3{position:relative;margin:20px 50px 30px 50px;padding:0;font-size:18px;font-weight:300;letter-spacing:1px;display:block;transition:opacity 1s linear 0s;opacity:1}div.cue h3{opacity:0}div.action h3,div.stoppage h3{opacity:1}div.cue p{opacity:0}div.action p,div.stoppage p{opacity:1}#index .video{position:absolute;width:100%;height:100vh;overflow:hidden}#index #vid{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover}@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none){#index #vid{height:auto}}@media screen and (orientation:portrait) and (-ms-high-contrast:active) and (-ms-high-contrast:none){#index #vid{height:100vh}}@media screen and (max-width:800px) and (-ms-high-contrast:active) and (-ms-high-contrast:none){#index #vid{height:100vh}}#index #video_menu{position:absolute;bottom:-4%;right:0;width:100%;text-align:left;background-color:rgba(0,0,0,0.05);box-shadow:inset 0 -4vh 0 0 #F8F8F8}#index #video_menu ul{margin:0 0 0 30px;padding:10px 0 0 0}#index #video_menu ul li:first-child{margin-bottom:5px;padding:5px;width:80%;max-width:300px;font-size:24px;color:rgba(0,0,0,0.5);background-color:rgba(255,255,255,0.7);border-radius:2px;display:inline-block;transform:skew(-40deg)}#index #video_menu ul li:first-child>div#vid_name{text-indent:20px;text-shadow:none;transform:skew(40deg)}#index #video_menu ul li+li{padding:5px;display:inline-block}#index #video_menu ul li+li>a{margin:0 5px;padding:10px 15px 50px 15px;color:#FFF;text-shadow:none;background-color:#5DD22D;border-radius:2px;box-shadow:inset 2px 2px 0 0 rgba(255,255,255,0.3),0px 0 0 1px rgba(0,0,0,0.3);display:block;transform:skew(-40deg);cursor:pointer}#index #video_menu ul li+li>a>div{transform:skew(40deg)}@media(max-width:800px){#index #video_menu ul li:first-child{font-size:14px;display:block}#index #video_menu ul li+li>a{padding:10px 15px;font-size:14px}#index #video_menu ul{margin:0 0 20px 30px}}@media(max-width:400px){#index #video_menu ul li:first-child{font-size:14px}#index #video_menu ul li+li>a{padding:10px 15px;font-size:14px}#index #video_menu ul{margin:0 0 0 30px}}#electric_scooters{position:relative;margin:0;padding:0;color:#222;background-color:#F8F8F8;background-repeat:no-repeat;background-position:center center;background-size:cover;display:block}@media(max-width:1000px){#electric_scooters{min-height:0}}#electric_scooters div h2{font-size:30px;font-weight:100}#electric_scooters h3{font-size:16px;font-weight:100}#electric_scooters .container{margin:0!important;padding:100px 0 0 0!important;display:block}#inokim_electric_scooters{margin:0 auto;padding:0;width:90vw;height:20vh;max-width:600px;text-indent:-10000px;background-image:url('../image/inokim_logo.svg');background-repeat:no-repeat;background-position:center;background-size:contain;display:block}#electric_scooters .items{margin:0 0 40px 0;padding:0 0 40px 0;width:100%;text-align:center;background-color:#FFF}#electric_scooters .items .item{position:relative;margin:60px 0 0 0;padding:0 auto;width:100%;max-width:400px;display:inline-block;vertical-align:top;box-shadow:-1px 0 0 0 rgba(0,0,0,0.1)}#electric_scooters .items .item:first-child{box-shadow:0 0 0 0 rgba(0,0,0,0.1)}@media(max-width:2018px){#electric_scooters .items .item:nth-child(6n){box-shadow:0 0 0 0 rgba(0,0,0,0.1)}}@media(max-width:1615px){#electric_scooters .items .item:nth-child(5n){box-shadow:0 0 0 0 rgba(0,0,0,0.1)}}@media(max-width:1208px){#electric_scooters .items .item:nth-child(5n){box-shadow:-1px 0 0 0 rgba(0,0,0,0.1)}#electric_scooters .items .item:nth-child(4n){box-shadow:0 0 0 0 rgba(0,0,0,0.1)}}@media(max-width:804px){#electric_scooters .items .item:nth-child(5n){box-shadow:0 0 0 0 rgba(0,0,0,0.1)}#electric_scooters .items .item{box-shadow:0 0 0 0 rgba(0,0,0,0.1)}}#electric_scooters .items .item .inokim{position:relative;margin:0;padding:0;width:100%;max-width:500px;min-height:520px;text-align:center}#electric_scooters ul.flag{position:absolute;right:0;margin:-4px;padding:0;list-style-type:none;text-align:right;display:inline-block}#electric_scooters ul.flag li{margin:5px 0;padding:0 20px 0 0;height:20px;font-family:sans-serif;font-size:11px;font-weight:bold;line-height:20px;text-align:left;text-transform:uppercase;white-space:nowrap;color:#FFF;background-color:red;display:block;transform-origin:right;transform:scale(1)}@media(max-width:400px){#electric_scooters ul.flag li{transform:scale(0.7)}}#electric_scooters ul.flag li+li{background-color:#555}#electric_scooters ul.flag li::before{position:relative;left:-7px;margin:0 -4px;width:20px;height:20px;content:'';background-color:red;vertical-align:top;transform:skewX(30deg);display:inline-block}#electric_scooters ul.flag li+li::before{background-color:#555}#electric_scooters .items .item .inokim img{width:100%;height:auto;max-width:300px;opacity:1}#electric_scooters .items .item .title{padding:10px 0;font-size:20px;display:block}#electric_scooters .items .item .intro{font-size:12px;color:#4D4D4D;display:block}#electric_scooters .items .item .price{margin:5px auto;padding:10px 5px;font-size:30px;color:#F00;display:block}#electric_scooters .items .item .price .tax{color:#4D4D4D;font-size:12px}#electric_scooters .items .item .buy{margin:5px 10px;padding:7px 16px;color:#F00;background-color:#FFF;text-decoration:none;border-radius:20px;display:inline-block;box-shadow:0 0 0 2px #F00}#electric_scooters .items .item .buy:hover{color:#FFF;background-color:#F00}#electric_scooters .items .item .test{margin:5px 10px;padding:7px 16px;color:#F00;text-decoration:none;border-radius:20px;display:inline-block;box-shadow:0 0 0 2px #F00}#electric_scooters .items .item .test:hover{color:#FFF;background-color:#F00}#electric_scooters .items .item .details{margin:5px 10px;padding:7px 16px;color:#888;background-color:#FFF;text-decoration:none;border-radius:20px;display:inline-block;box-shadow:0 0 0 2px #888}#electric_scooters .items .item .details:hover{color:#FFF;background-color:#888}#electric_scooters .items .item .contact{margin:5px 10px;padding:7px 16px;color:#888;text-decoration:none;border-radius:20px;display:inline-block;box-shadow:0 0 0 2px #888}#electric_scooters .items .item .contact:hover{color:#FFF;background-color:#888}#electric_scooters .items .item ul.specifications{margin:20px 0;padding:5px 0;display:block;list-style-type:none;box-shadow:0 0 0 0 rgba(0,0,0,0.05)}#electric_scooters .items .item ul.specifications li{margin:0;padding:0 10px;width:10vw;max-width:55px;min-height:55px;font-size:14px;color:rgba(0,0,0,0.8);background-color:transparent;text-align:center;vertical-align:top;display:inline-block;box-shadow:-1px 0 0 0 rgba(0,0,0,0.1)}#electric_scooters .items .item ul.specifications li:first-child{box-shadow:0 0 0 0 rgba(0,0,0,0.1)}#electric_scooters .items .item ul.specifications li strong{margin:0;padding:5px 0;font-size:9px;color:#777;display:block}@media(max-width:400px){#electric_scooters .items .item ul.specifications li{font-size:3vw}#electric_scooters .items .item ul.specifications li strong{font-size:2vw}}#electric_scooters .items .item ul.colours{margin:5px 0;padding:0;display:block;list-style-type:none;text-align:center}#electric_scooters .items .item ul.colours li{margin:5px;padding:0;max-width:30px;height:30px;text-indent:30px;border-radius:30px;overflow:hidden;display:inline-block;box-shadow:0 0 0 1px rgba(0,0,0,0.3),0px 0 0 3px #FFF;cursor:pointer}#electric_scooters .items .item ul.colours li a{position:relative;left:-10000px}#electric_scooters .items .item ul.colours li.selected{box-shadow:0 0 0 1px rgba(0,0,0,0.3),0px 0 0 3px #FFF,0px 0 0 5px #F00}#about_us{margin:0;padding:0;color:#FFF;text-shadow:0 1px 2px #000;background-color:#333;background-repeat:no-repeat;background-position:top left;background-image:url('../image/face_1.jpg');background-size:cover;box-shadow:inset 0 0 0 0 rgba(0,0,0,0.5)}#about_us p{opacity:1!important}#about_us div.container{margin:0;padding:90px 0 0 0}#about_us .ecoscooters{margin:0;padding:0;width:100%;color:#FFF;text-shadow:none;text-align:center;background-color:rgba(0,0,0,0.8);vertical-align:top;display:block}#about_us .ecoscooters .ecoscooters_container{margin:0;padding:20px;width:90%;max-width:500px;color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,0.7);text-align:left;display:inline-block}#about_us .ecoscooters .ecoscooters_container a{color:#5DD22D}#about_us .inokim{margin:0;padding:0;width:100%;color:#FFF;text-shadow:none;text-align:center;background-color:rgba(255,0,0,0.6);vertical-align:top;display:block}#about_us .inokim .inokim_container{margin:0;padding:20px;width:90%;max-width:900px;color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,0.5);text-align:left;display:inline-block}#about_us .inokim .inokim_container em{padding:0 20px;font-size:18px}#contact{color:#FFF;text-shadow:0 1px 2px #000;background-color:#FAFBFD;background-repeat:no-repeat;background-position:center center;background-image:url('../image/contact.jpg');background-size:cover}#contact span.telephone{margin:0 auto;padding:10px 20px;font-size:18px;background-color:rgba(0,0,0,0.6);text-shadow:none;border-radius:8px}#contact span.address{margin:0 auto;padding:10px 10px;font-size:14px;background-color:rgba(0,0,0,0.6);text-shadow:none;border-radius:8px}#contact #form{margin:0 auto;padding:10px 20px;font-size:18px;background-color:rgba(0,0,0,0.6);text-shadow:none;border-radius:8px}#contact #form.success h5{color:#56C22A}#contact a{font-size:18px;color:#FFF;text-decoration:none}#contact p{margin:60px auto;padding:0 20px}#contact form{margin:0 auto;padding:25px 8px 0 8px;width:302px;text-align:left;background-color:rgba(0,0,0,0.6);border-radius:8px;opacity:1}#contact.cue form{opacity:0}#contact.action form,#contact.stoppage form{transition:opacity .5s ease-in-out 0s;opacity:1}#contact form h4{margin:0 auto;padding:0;font-size:14px}#contact form div{margin:0;width:302px;padding:10px 0;display:inline-block}#contact form div div:last-child{padding-left:10px;width:230px}#contact form div label{display:none}#contact form div div label{margin:4px 0;font-size:11px;color:#FFF;display:inline-block}#contact form div label small{font-size:10px;color:#FFF}#contact form input[type=text],#contact form input[type=number],#contact form input[type=email],#contact form input[type=tel]{padding:7px 0;width:300px;height:20px;font-size:14px;color:#333;background-color:#FCFDFF;text-indent:10px;border-radius:2px;border-color:#AAA;border-style:solid;border-width:1px;border-radius:3px;box-shadow:none;-webkit-appearance:none;-moz-appearance:textfield}#contact form textarea{padding:7px 0;width:300px;font-size:14px;color:#333;background-color:#FCFDFF;text-indent:10px;border-radius:2px;border-color:#AAA;border-style:solid;border-width:1px;border-radius:3px;box-shadow:none;-webkit-appearance:none;-moz-appearance:textfield}#contact form input[type=text]:required,#contact form input[type=number]:required,#contact form input[type=email]:required,#contact form input[type=tel]:required{box-shadow:none}#contact form input[type=text].required,#contact form input[type=number].required,#contact form input[type=email].required,#contact form input[type=tel].required{border-color:#F00}#contact form input::-webkit-input-placeholder{font-family:sans-serif;color:#111}#contact form input:-moz-placeholder{font-family:sans-serif;color:#111}#contact form input::-moz-placeholder{font-family:sans-serif;color:#111}#contact form input:-ms-input-placeholder{font-family:sans-serif;color:#111}#contact form input:-o-input-placeholder{font-family:sans-serif;color:#111}#contact form textarea::-webkit-input-placeholder{font-family:sans-serif;color:#111}#contact form textarea:-moz-placeholder{font-family:sans-serif;color:#111}#contact form textarea::-moz-placeholder{font-family:sans-serif;color:#111}#contact form textarea:-ms-input-placeholder{font-family:sans-serif;color:#111}#contact form textarea:-o-input-placeholder{font-family:sans-serif;color:#111}#contact form input[type=submit]{margin-top:20px;margin-bottom:30px;padding:10px 30px;font-size:14px;font-weight:600;color:#FFF;letter-spacing:1px;background-color:#5DD22D;border-color:transparent;border-style:none;border-radius:4px;border-width:0;cursor:pointer;transition:background-color .1s ease-in-out 0s;-webkit-appearance:none}#contact form h5,#contact form ul li{font-size:12px}#footer{margin:0;padding:20px 0;width:100%;background-color:#111;z-index:9995;clear:both}#footer ul{margin:0 40px;padding:5px 0;list-style-type:none}#footer ul li{margin:0;padding:5px 0;font-size:12px;color:#CCC;text-align:center;vertical-align:text-top;display:block}#footer p{width:100%;max-width:100%;margin:10px 0;padding:0;text-align:center;clear:both}#footer a{margin:0;padding:0;color:#5DD22D}#footer a img{border:0}
