/***********************************************
Copyright (c) 2007-2022, Wide Web. All Rights Reserved.
http://www.WideWeb.com.au
***********************************************/
#index{margin:0;padding:0;height:100vh;background-color:#000;background-image:url('../video/inokim_au_wb.jpg');background-repeat:no-repeat;background-position:70% 50px;background-size:cover;display:block}#index .container{margin:0;padding:0}#index #vid + h2{position:relative;top:45vh;margin:0;padding:25px;font-size:calc(14px + 4vw);color:#FFF;background-color:rgba(0,0,0,0);mix-blend-mode:none;display:inline-block;pointer-events:none;transition:all .3s ease 0s;opacity:1}#index #vid[data-pause="false"] + h2{opacity:0}#index #vid[data-pause="true"] + h2{opacity:1}#index #vid + h2::before{position:relative;margin:0;padding:0;width:10vh;height:10vh;content:'';background-color:transparent;background-image:url('../image/play_video.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;border-radius:5px;display:block;transition:all .3s ease 0s;opacity:1;pointer-events:none}#index #vid[data-pause="false"] + h2::before{opacity:0}#index #vid[data-pause="true"] + h2::before{opacity:1}#index #vid{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100vh;object-fit:cover;display:block}#index #vid + h2 + a{position:absolute;right:30px;bottom:30px;width:50vw;max-width:200px;height:10vh;min-height:50px;max-height:100px;text-indent:-10000px;background-color:transparent;background-image:url(../image/ox.svg);background-repeat:no-repeat;background-position:center center;background-size:cover}#index #vid + h2 + a::before{position:absolute;width:90px;height:17px;text-indent:-10000px;content:'';background-color:transparent;background-image:url(../image/logo.svg);background-repeat:no-repeat;background-position:center center;background-size:cover;display:block}#models:not([data-slider="true"]) ul#model_nav{margin:0;padding:0;width:100%;background-color:rgba(255,255,255,1);text-align:center;display:block}#models[data-slider="true"] ul#model_nav{position:absolute;margin:calc(80px + 4vh) 0 0 0;padding:0;width:100%;text-align:center;display:block;z-index:1000}#models ul#model_nav li{margin:0;padding:0;display:inline-block}#models ul#model_nav li a{margin:0;padding:0;width:15vw;max-width:200px;height:15vw;max-height:80px;color:transparent;cursor:pointer;background-color:rgba(255,255,255,0);background-repeat:no-repeat;background-position:center center;background-size:contain;border-radius:10px;box-shadow:0 0 0 0 rgba(0,0,0,0);display:inline-block;transition:filter .3s ease-in-out .0s,box-shadow .3s ease-in-out 0s}#models ul#model_nav.dark li a{filter:invert(0%)}#models ul#model_nav.light li a{filter:invert(100%)}#models ul#model_nav li a.highlight{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(-20deg) brightness(104%) contrast(97%)}#models ul#model_nav li a::before{position:absolute;margin:5px 0 0 0;padding:0;width:inherit;max-width:200px;height:inherit;max-height:85px;content:'';background-repeat:no-repeat;background-position:bottom center;background-image:url('../image/models/dot_black.svg');display:block;opacity:0;transition:opacity .0s ease-in-out 0s}#models ul#model_nav li a.highlight::before{opacity:1;transition:opacity .3s ease-in-out .8s}#models ul#model_nav li a[href="#light"]{background-image:url('../image/models/inokim_light_model_emblem_black.svg')}#models ul#model_nav li a[href="#quick"]{background-image:url('../image/models/inokim_quick_model_emblem_black.svg')}#models ul#model_nav li a[href="#ox"]{background-image:url('../image/models/inokim_ox_model_emblem_black.svg')}#models ul#model_nav li a[href="#oxo"]{background-image:url('../image/models/inokim_oxo_model_emblem_black.svg')}#models #carousel_left{margin:0;padding:0;width:7vw;max-width:70px;height:15vw;max-height:80px;color:transparent;text-indent:-10000px;z-index:1100;cursor:pointer;background-color:transparent;background-image:url('../image/models/arrow_left_black.svg'),none;background-repeat:no-repeat;background-position:center center;background-size:40%;transition:filter .3s ease-in-out .0s,opacity .3s ease-in-out 0s;opacity:1}#models #carousel_right{margin:0;padding:0;width:7vw;max-width:70px;height:15vw;max-height:80px;color:transparent;text-indent:-10000px;z-index:1100;cursor:pointer;background-color:transparent;background-image:url('../image/models/arrow_right_black.svg'),none;background-repeat:no-repeat;background-position:center center;background-size:40%;transition:filter .3s ease-in-out .0s,opacity .3s ease-in-out 0s;opacity:1}#models .dark #carousel_left{filter:invert(0%)}#models .dark #carousel_right{filter:invert(0%)}#models .light #carousel_left{filter:invert(100%)}#models .light #carousel_right{filter:invert(100%)}#models #carousel_right:hover,#models #carousel_left:hover{}#models #carousel_right.end,#models #carousel_left.end{}#models{margin:0;padding:0;overflow:hidden;background-color:#282828}#models h2{position:absolute;margin:0;padding:15px 0;width:100%;font-weight:100;font-size:50px;letter-spacing:1vw;color:rgba(127,127,127,0.1);text-align:center;text-shadow:0 2px 0 rgba(255,255,255,0.3);mix-blend-mode:lighten;opacity:1;z-index:800}#models ul#model_slide{margin:0;padding:0;width:100%;height:auto;min-height:100vh;overflow:hidden;list-style-type:none}#models:not([data-slider="true"]) ul#model_slide li{position:static;margin:0;padding:5vh 0;width:100%;height:auto;min-height:90vh;background-color:transparent}#models[data-slider="true"] ul#model_slide li{position:absolute;width:100%;height:auto;min-height:100vh;background-color:transparent;perspective:1000px;overflow:hidden;transition:all 1s ease-in-out 0s;padding:70px 0 0 0}#models ul#model_slide li.slide{}#models ul#model_slide li.slide + li{}#models:not([data-slider="true"]) ul#model_slide li div.container{margin:0 auto 0 auto;padding:0;width:90vw;height:auto;min-height:90vh;background-color:#FFF;background-repeat:no-repeat;background-position:center center;background-size:contain;border-radius:20px;opacity:1;box-shadow:0 20px 50px 0 rgba(0,0,0,0.4)}#models[data-slider="true"] ul#model_slide li div.container{margin:3vh auto 3vh auto;padding:80px 0 0 0;width:90vw;height:auto;min-height:77vh;text-align:center;background-color:#FFF;background-repeat:no-repeat;background-position:center center;background-size:contain;border-radius:20px;transform-style:preserve-3d;transition:transform .3s ease-in-out 0s,opacity .3s ease-in-out 0s;transform:translateX(-67vw) scale(0.5,0.5) rotateY(45deg);opacity:1}#models ul#model_slide li.slide div.container{box-shadow:0 20px 50px 0 rgba(0,0,0,0.4);transform:translateX(0vw) scale(1,1) rotateY(0deg);opacity:1}#models ul#model_slide li.slide + li div.container{transform:translateX(67vw) scale(0.5,0.5) rotateY(-45deg);opacity:1}#models ul#model_slide li.slide ~ li div.container:nth-last-child(1){transform:translateX(67vw) scale(0.5,0.5) rotateY(-45deg);opacity:1}#models ul#model_slide li.slide + li ~ li div.container:nth-last-child(1){transform:translateX(100vw) scale(0.5,0.5) rotateY(-45deg);opacity:1}#models ul#model_slide li div.item{opacity:1;display:inline-block}#models ul#model_slide li div.info{transition:transform .3s ease-in-out .6s,opacity .3s ease-in-out .6s;opacity:1;display:inline-block}#models ul#model_slide li.slide div.item,#models ul#model_slide li.slide div.info{opacity:1}#models ul#model_slide li.slide{z-index:530}#models ul#model_slide li.slide + li{z-index:520}#models ul#model_slide li.slide ~ li{z-index:510}#models ul#model_slide li.slide + li ~ li{z-index:500}#models:not([data-slider="true"]) ul#model_slide li#light{background-color:#8ACAE9}#models ul#model_slide li#light.slide{background-color:#8ACAE9}#models:not([data-slider="true"]) ul#model_slide li#quick{background-color:#3D3D3D}#models ul#model_slide li#quick.slide{background-color:#3D3D3D}#models:not([data-slider="true"]) ul#model_slide li#ox{background-color:#5D5D5D}#models ul#model_slide li#ox.slide{background-color:#5D5D5D}#models:not([data-slider="true"]) ul#model_slide li#oxo{background-color:#5D5D5D}#models ul#model_slide li#oxo.slide{background-color:#5D5D5D}#models ul#model_slide li#light>div.container{background-color:#8ACAE9;background-image:linear-gradient(to top right,#C6EDFF,#8ACAE9)}#models ul#model_slide li#light>div.container::before{position:absolute;width:100%;height:calc(100% - 80px);background-color:transparent;background-image:url('../image/light_max_2.svg');background-repeat:no-repeat;background-position:center 50px;background-size:contain;content:'';pointer-events:none;opacity:.2;display:block;z-index:-1}#models ul#model_slide li#quick>div.container{background-color:#3D3D3D;background-image:linear-gradient(to top right,#6B6B6B,#3D3D3D)}#models ul#model_slide li#quick>div.container::before{position:absolute;width:100%;height:calc(100% - 80px);background-color:transparent;background-image:url('../image/quick_4.svg');background-repeat:no-repeat;background-position:center 50px;background-size:contain;content:'';pointer-events:none;opacity:.05;display:block;z-index:-1}#models ul#model_slide li#ox>div.container{background-color:#5D5D5D;background-image:linear-gradient(to top right,#5D5D5D,#5D5D5D)}#models ul#model_slide li#ox>div.container::before{position:absolute;width:100%;height:calc(100% - 80px);background-color:transparent;background-image:url('../image/ox.svg');background-repeat:no-repeat;background-position:center 50px;background-size:contain;content:'';pointer-events:none;opacity:.05;display:block;z-index:-1}#models ul#model_slide li#oxo>div.container{background-color:#5D5D5D;background-image:linear-gradient(to top right,#5D5D5D,#5D5D5D)}#models ul#model_slide li#oxo>div.container::before{position:absolute;width:100%;height:calc(100% - 80px);background-color:transparent;background-image:url('../image/oxo.svg');background-repeat:no-repeat;background-position:center 50px;background-size:contain;content:'';pointer-events:none;opacity:.05;display:block;z-index:-1}#models ul#model_slide li div.container{color:#000}#models ul#model_slide li[data-nav="light"] div.container{color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.3)}#models ul#model_slide li div.item{margin:0;padding:0;vertical-align:middle}#models ul#model_slide li div.item img{margin:0 0 -20px 0;width:85%;max-width:60vh;height:auto;vertical-align:middle}#models ul#model_slide li div.info{margin:0 0 -20px 0;padding:10px 20px;background-color:transparent;color:inherit;text-align:left;box-shadow:0 0 3px 0 rgba(0,0,0,0);border-radius:10px;vertical-align:middle}#models ul#model_slide li div.info h3{margin:5px 0;padding:5px 0;font-size:calc(2.2vw + 14px)}#models ul#model_slide li div.info p{margin:5px 0;padding:5px 0;font-size:calc(0.5vw + 10px)}#models ul#model_slide li div.info div.price{margin:0;padding:0;font-size:calc(0.5vw + 14px);font-weight:bold;color:inherit;background-color:transparent}#models ul#model_slide li div.info a{margin:5px 10px 5px 0;padding:7px 10px;font-size:calc(0.2vw + 12px);font-weight:bolder;color:#FFF;background-color:#E62429;text-decoration:none;text-shadow:0 0 0 rgba(0,0,0,0);border-radius:5px;box-shadow:0 0 0 1px rgba(255,255,255,0.3);display:inline-block}#models ul#model_slide li div.info a.info{padding:7px 28px 7px 10px;background-image:url(../image/icon_info.svg);background-repeat:no-repeat;background-position:center right;background-size:contain}#models ul#model_slide li div.info a.video{margin:5px 10px 5px 0;padding:0;width:100px;height:56px;font-size:small;color:#000;background-color:transparent;text-decoration:none;border-radius:0;border:0 solid none;box-shadow:none;display:inline-block}#models ul#model_slide li div.info a.video::before{position:absolute;margin:3px 0 0 3px;padding:0;width:20px;height:20px;content:'';background-color:#000;background-image:url(../image/icon_video.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;border-radius:3px;display:block;transition:all .3s ease 0s;opacity:.5;pointer-events:none}#models ul#model_slide li div.info a.video:hover::before{background-color:#D30F00;opacity:.9}#models ul#model_slide li div.info a.video::after{position:absolute;margin:35px 0 0 -100px;padding:3px;max-width:90px;max-height:16px;font-size:x-small;font-weight:normal;color:#FFF;content:attr(title);text-align:right;mix-blend-mode:luminosity;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 rgba(0,0,0,1);opacity:.5}#models ul#model_slide li div.info a.video img{margin:0;padding:0;width:100px;height:56px;border-radius:5px;border:0 solid none;box-shadow:none}#models div.spec{margin:0;padding:10px 10px 20px 10px}#models dl{margin:0;padding:0;font-size:calc(0.2vw + 10px);text-align:center}#models dl dt{display:none}#models dl dt.bat + dd{background-image:url('../image/models/bat.svg')}#models dl dt.moto + dd{background-image:url('../image/models/moto.svg')}#models dl dt.chr + dd{background-image:url('../image/models/chr.svg')}#models dl dt.dis + dd{background-image:url('../image/models/dis.svg')}#models dl dt.max + dd{background-image:url('../image/models/max.svg')}#models dl dt.kg + dd{background-image:url('../image/models/kg.svg')}#models dl dt + dd{margin:15px calc(0.3vw + 5px);padding:5px 5px 5px calc(1.2vw + 40px);display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:left center;background-size:contain;text-align:left;white-space:nowrap}#models dl dt + dd::first-line{font-size:calc(0.5vw + 10px);font-weight:bolder}#models dl dt + dd em{font-size:calc(0.8vw + 10px)}#accessories{margin:0;padding:30px 0 0 0;color:#FFF;min-height:0;text-shadow:0 0 0 #000;background-color:#333;background-repeat:no-repeat;background-position:top left;background-size:cover;box-shadow:inset 0 0 0 0 rgba(0,0,0,0.5);overflow-x:hidden}#accessories h2{margin:0!important;padding:50px 0 0 0;height:35px;color:rgba(0,0,0,0.05)!important;font-size:20px;font-weight:100;letter-spacing:1vw;text-align:center;text-transform:uppercase;text-shadow:0 0 0 rgba(0,0,0,0.1)!important;background-color:#BFBFBF;box-shadow:inset 0 -50px 0 0 rgba(255,255,255,0.5);display:block}#accessories ul{margin:0;padding:0;width:100vw;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}#accessories ul li{margin:0;padding:0;width:calc(100vw / 3);height:calc(100vw / 3);max-height:calc(100vh / 2);text-align:center;display:inline-block;overflow:hidden}#accessories ul li a{width:100%;height:100%;font-size:2vw;font-weight:100;letter-spacing:.2vw;color:#FFF;text-decoration:none;background-repeat:no-repeat;background-position:center center;background-size:cover;display:table;box-shadow:inset 0 0vh 0 0 rgba(0,0,0,0.7),inset -1px -1px 0 0 rgba(0,0,0,0.05);transition:all .3s ease 0s}#accessories ul li a:hover{box-shadow:inset 0 -100vh 0 0 rgba(0,0,0,0.7),inset 0 0 0 0 rgba(0,0,0,0.05)}#accessories ul li a span{margin:0;padding:0;font-size:2vw;font-weight:100;letter-spacing:.2vw;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;display:table-cell;transition:opacity .3s ease 0s;opacity:0}#accessories ul li a:hover span{transition:opacity .3s ease .2s;opacity:1}#accessories ul li a.foldable-lock{background-image:url('../image/accessories/LOCK_3.jpg')}#accessories ul li a.seat{background-image:url('../image/accessories/seat-1.jpg')}#accessories ul li a.scooter-carry-bag{background-image:url('../image/accessories/CARRY-BAG-1.jpg')}#accessories ul li a.handle-strap{background-image:url('../image/accessories/HANDLE-STRAP-3.jpg')}#accessories ul li a.cap{background-image:url('../image/accessories/CAP_2.jpg')}#accessories ul li a.pouch{background-image:url('../image/accessories/front_pouch.jpg')}