@font-face{font-family:muli;src:url(../fonts/muli/muli.eot);src:url(../fonts/muli/muli.eot?#iefix) format('embedded-opentype'),url(../fonts/muli/muli.svg#muli) format('svg'),url(../fonts/muli/muli.woff) format('woff'),url(../fonts/muli/muli.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:yekan;src:url(../fonts/yekan/yekan.eot);src:url(../fonts/yekan/yekan.eot?#iefix) format('embedded-opentype'),url(../fonts/yekan/yekan.svg#yekan) format('svg'),url(../fonts/yekan/yekan.woff) format('woff'),url(../fonts/yekan/yekan.ttf) format('truetype');font-weight:400;font-style:normal}body{font-family:yekan,muli;font-size:calc(.75rem + .7vh + .5vmin)}a{color:#fff;text-decoration:none}a:hover{color:#ffc107}.bg-dark{background-color:#00113c!important}.cover-container{max-width:100%}.section{max-width:100%;width:100vw;height:56.25vw;background-repeat:no-repeat;background-size:100% auto;background-position:center;margin-top:-16px;padding-top:50%;box-shadow:inset 0 0 0 100vh rgba(0,0,0,.3)}.lazy{background-image:none!important}#unified{background-image:url(../img/s1-unified-fa.webp)}#positioning{background-image:url(../img/s2-pos.webp)}#communication{background-image:url(../img/s3-com.webp)}#alert{background-image:url(../img/s4-tel.webp)}#shock-sensor{background-image:url(../img/s5-acs.webp)}#secure{background-image:url(../img/s6-sec.webp)}#wireless{background-image:url(../img/s7-wrl.webp)}#smart{background-image:url(../img/s8-smr.webp)}#app{background-image:url(../img/s9-app.webp)}#power-supply{background-image:url(../img/s10-bat.webp)}#reliable{background-image:url(../img/s11-tmp.webp)}#buy{background-image:url(../img/s12-ctn.webp);background-attachment:fixed;background-size:cover}@media (max-width:767px){.section{height:100vh;background-size:cover}#unified{background-image:url(../img/s1-unified.webp);background-position:90% 0}#positioning{background-position:76% 0}#communication{background-position:25% 0}#alert{background-position:75% 0}#shock-sensor{background-position:20% 0}#secure{background-position:80% 0}#wireless{background-position:17% 0}#smart{background-position:75% 0}#app{background-position:50% 0}#power-supply{background-position:70% 0}#reliable{background-position:12% 0}#buy{background-position:80% 0}.intro{text-align:center!important}}.footer{background-color:#00113c}.navbar-brand{padding-top:.75rem!important;margin-left:0!important}.img-brand{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 1s linear;transition:all 1s linear;display:block;margin:0 auto 1rem auto}.img-brand:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#footer-b,.brand,.img-brand{display:block}.navbar-nav{width:100%}.nav-item{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:transparent;color:#ffc107!important}#navbar-header{width:1rem;height:100vh;background-color:transparent;padding-top:10vh;padding-bottom:10vh}.nav-link{padding:0 0;margin:0 0}.navbar-expand-lg .navbar-nav .nav-link{padding:.5vw 0;margin:0 1vw}.nav-link:hover{color:#ffc107!important}.navbar-toggler{border-radius:0}.navbar-toggler:focus{box-shadow:0 0}@-webkit-keyframes slide-up{from{bottom:0;opacity:0}to{bottom:1rem;opacity:.7}}@keyframes slide-up{from{bottom:0;opacity:0}to{bottom:1rem;opacity:.7}}#scrolltop-wrap{display:none;position:fixed;width:3rem;height:3rem;bottom:1rem;right:1rem;z-index:99;border:none;outline:0;background-color:#000;cursor:pointer;text-align:center;border-radius:50%;-webkit-animation-name:slide-up;animation-name:slide-up;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#scrolltop-wrap a{display:inline-block;color:#fff;width:3rem;height:3rem;padding:.75rem;text-shadow:-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c}#scrolltop-wrap a:hover{color:#ffc107!important}.move-down{-webkit-animation-name:move-down;animation-name:move-down;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;cursor:pointer;position:relative;margin-top:-5rem;text-shadow:-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c;z-index:1000}.move-down a:hover{color:#ffc107}@-webkit-keyframes move-down{from{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}75%{-webkit-transform:translate(0,1rem);transform:translate(0,1rem);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}}@keyframes move-down{from{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}75%{-webkit-transform:translate(0,1rem);transform:translate(0,1rem);opacity:0}to{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}}.ti-control-record{font-size:calc(.5rem + .5vh + .5vmin)!important}.intro{max-width:100%;width:100vw;height:100vh;margin:-50% auto 0;padding-top:7.5%;padding-left:5.5vw;padding-right:5.5vw;overflow:hidden}.intro .specification-description,.intro .specification-title,.intro h1,.intro h2,.intro h3,.intro p{color:#fff;text-shadow:-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c}.intro span{font-size:calc(.5rem + .5vh + .5vmin);margin-bottom:.5vh}.intro p{font-size:calc(.5rem + .5vh + .5vmin);margin-bottom:.5vh}.intro h3{font-size:calc(.75rem + .75vh + .5vmin);margin-bottom:.75vh}.intro h1,.intro h2{margin-bottom:1.5vw;color:#ffc107;font-size:calc(1rem + 1vh + .5vmin);margin-bottom:1rem}.p-btn{border-radius:.25rem;color:#fff;padding-left:calc(1.5rem + 1.5vh + .5vmin);padding-right:calc(1.5rem + 1.5vh + .5vmin);padding-top:calc(.5rem + .5vh + .5vmin);padding-bottom:calc(.5rem + .5vh + .5vmin);box-shadow:0 0 .1rem #00113c;text-shadow:-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c;font-size:calc(.5rem + .5vh + .5vmin);margin-left:calc(.5rem + .5vh + .5vmin)}.p-btn:hover{color:#fff;box-shadow:0 0 .75rem #00113c;margin-top:calc(.5rem + .5vh + .5vmin);margin-bottom:calc(.5rem + .5vh + .5vmin);margin-right:calc(.5rem + .5vh + .5vmin);margin-left:calc(.5rem + .5vh + .5vmin)}.specification-container{padding-top:4vw}.specification span{display:inline-block;vertical-align:middle}span.specification:not(:first-child){margin-right:2vw}.specification-title{padding:0 0 0 .25vw}.specification-description{padding:0 .5vw 0 0}.float-btn{position:fixed;width:3rem;height:3rem;padding:.75rem;bottom:1rem;left:1rem;background-color:#ffc107;color:#fff;text-align:center;box-shadow:0 0 .1rem #00113c;color:#000;border-radius:50%}.float-btn:hover{color:#fff;text-shadow:-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c;box-shadow:0 0 .5rem #00113c}.float-btn-top{position:fixed;width:13rem;height:1.7rem;padding:.1rem;left:-6rem;font-size:17px;top:40%;background-color:#ffc107;color:#fff;text-align:center;box-shadow:0 0 .1rem #00113c;color:#000;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;transform:rotate(270deg)}.float-btn-top:hover{color:#fff;text-shadow:-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c;box-shadow:0 0 .5rem #00113c;outline:0}.modal-close{cursor:pointer}.modal-footer button:hover{color:#fff;text-shadow:-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c,-1px 1px 2px #00113c;box-shadow:0 0 .5rem #00113c;outline:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.particles{position:relative;grid-area:1/1/2/2;float:left;margin-left:calc(-.5rem + -.5vh + -.5vmin)}.particles-canvas{position:absolute;pointer-events:none;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.particles-wrapper{position:relative;display:inline-block;overflow:hidden;will-change:transform}.particles-button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:5px;border-radius:var(--radius-button);background:var(--color-button-bg);color:var(--color-button-text);border:0;border:var(--border-button);margin:0;padding:1.5rem 3rem;padding:var(--button-padding);will-change:transform}.particles-button:focus{outline:0}.no-js .particles-button{grid-area:1/1/2/2}@-webkit-keyframes border-transform{0%,100%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}@keyframes border-transform{0%,100%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}.progress-wrap{position:fixed;width:3rem;height:3rem;bottom:1rem;right:1rem;cursor:pointer;display:block;z-index:-1;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all .2s linear;transition:all .2s linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap svg path{fill:none}.progress-wrap svg path{stroke:#fff;stroke-width:4;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear}.btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.btn--shockwave.is-active{-webkit-animation:shockwaveJump 1s ease-out infinite;animation:shockwaveJump 1s ease-out infinite}.btn--shockwave.is-active:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:shockwave 1s .65s ease-out infinite;animation:shockwave 1s .65s ease-out infinite}.btn--shockwave.is-active:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:shockwave 1s .5s ease-out infinite;animation:shockwave 1s .5s ease-out infinite}@-webkit-keyframes shockwaveJump{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1.08);transform:scale(1.08)}50%{-webkit-transform:scale(.98);transform:scale(.98)}55%{-webkit-transform:scale(1.02);transform:scale(1.02)}60%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes shockwaveJump{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1.08);transform:scale(1.08)}50%{-webkit-transform:scale(.98);transform:scale(.98)}55%{-webkit-transform:scale(1.02);transform:scale(1.02)}60%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shockwave{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 2px rgba(255,193,7,.25),inset 0 0 1px rgba(255,193,7,.25)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{-webkit-transform:scale(2.25);transform:scale(2.25)}}@keyframes shockwave{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 2px rgba(255,193,7,.25),inset 0 0 1px rgba(255,193,7,.25)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{-webkit-transform:scale(2.25);transform:scale(2.25)}}.btn--jump.is-active{-webkit-animation:.4s jump ease infinite alternate;animation:.4s jump ease infinite alternate}@-webkit-keyframes jump{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 1px 2px rgba(255,193,7,.25)}100%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 4px 20px rgba(255,193,7,.1)}}@keyframes jump{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 1px 2px rgba(255,193,7,.25)}100%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 4px 20px rgba(255,193,7,.1)}}