@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);@font-face{font-family:'Raleway',sans-serif;src:url(../fonts/Raleway-Regular.ttf) format('truetype')}@font-face{font-family:'RalewayMedium',sans-serif;src:url(../fonts/Raleway-Medium.ttf) format('truetype')}@font-face{font-family:'RalewaySemi',sans-serif;src:url(../fonts/Raleway-SemiBold.ttf) format('truetype')}@font-face{font-family:'RalewayBold',sans-serif;src:url(../fonts/Raleway-Bold.ttf) format('truetype')}@font-face{font-family:'Japan';src:url(../fonts/hiraganatfb.ttf) format('truetype')}body{font-family:'Raleway',sans-serif}.img-responsive{display:inline-block}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background:#f6dd00}.navbar>.container .navbar-brand{padding:18px 15px!important}.navbar-default .navbar-nav>li>a{height:65px;padding:23px 15px}.header-screen .navbar-collapse.in a:hover{background:none}.ribbon{position:absolute;top:25px;right:-9px}.top-bar{width:100%;height:90px;background:#1d4286;float:left}.top-bar .language{font-size:14px;letter-spacing:1px;padding:33px 15px;color:#fff;text-transform:uppercase;font-family:'Montserrat',sans-serif}form label{display:inline-block;position:relative;cursor:pointer}.form-radio{display:none}.form-radio+label{padding-left:25px;padding-right:15px}.form-radio+label::before{content:"";position:absolute;left:0;display:inline-block;width:15px;height:15px;background:none;top:2px;margin-right:5px;border:2px solid #ddd;border-radius:50%;-moz-border-radius:50%;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-khtml-transition:.3s}.form-radio:checked+label::before{background:#f6dd00;border:2px solid #fff;width:15px;height:15px}.top-bar .search-bar{text-align:right;padding:25px 15px}.top-bar .search-bar input[type="text"]{width:250px;padding:8px;letter-spacing:1px}.top-bar .search-bar button{padding:8px;margin-left:-36px;background:none;outline:none;border:none}.top-bar .search-bar ::-webkit-input-placeholder{text-transform:uppercase;color:#404040;font-weight:600;padding-top:2px;font-size:13px}header{width:100%;height:65px;background:#fff;float:left}header nav{width:100%;height:65px}.navbar-default{background:none}nav .navbar-brand{padding-top:10px}.navbar-default .navbar-nav>li>a{color:#181818;font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase}.slide{width:100%;min-height:300px;float:left;text-align:center}.flexslider{border:none!important;position:relative!important;margin:0!important}.flexslider .slides li{position:relative}.flex-control-nav{bottom:20px!important}.flex-control-paging li a.flex-active{background:#373737!important}.flex-control-paging li a{background:silver!important}.flex-caption{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.text-japan{font-family:'Japan',serif}.slide-desc{font-size:18px}.slide-menu{width:100%;min-height:220px;float:left;padding:30px 15px;text-align:center}.slide-menu .title{padding:45px 15px}.slide-menu h3{display:inline-block;font-weight:700}.blue-box{width:100%;min-height:350px;float:left;background-color:#0062b2;background:#0062b2 url(http://www.inoac.co.id/id/images/xgambarmiring.png.pagespeed.ic.1GhbCmKNtf.png) no-repeat right center;background-blend-mode:soft-light;color:#fff}.icon-blue{margin-top:-22px;color:#fff}.blue-box .title h2{font-weight:600}.blue-box .menu-1{list-style:none;margin:40px 0 0 0;padding:0;height:70px;float:left}.blue-box .menu-1 li{float:left}.blue-box .menu-1 li a{color:#fff;display:block;padding:10px 20px;font-weight:500;text-decoration:none;text-align:left;font-size:16px}.blue-box .menu-1 li a:hover{border-bottom:3px solid #f6dd00}.blue-box .menu-2{list-style:none;margin:20px 0 0 0;padding:0;float:left}.blue-box .menu-2 li{float:left}.blue-box .menu-2 li a{color:#fff;display:block;padding:10px 20px;font-weight:500;text-decoration:none;text-align:left;font-size:16px}.blue-box .menu-2 li a:hover{border-bottom:3px solid #f6dd00}.news-box{width:100%;min-height:500px;float:left;background:#eee;padding:50px 15px;padding-bottom:40px}.news-box .title{padding-bottom:30px}.news-box .title h2{text-transform:uppercase;text-align:center;font-weight:700}.box-news .box{width:100%;min-height:170px;float:left;background:#fff;margin:15px 0;box-shadow:1px 2px rgba(0,0,0,.13)}@media (min-width:1200px){.box-news .box .img-box{width:212.63px}}.box-news .box .img-box{height:170px}.box-news .box .col-sm-5{padding-left:0}.box-news .box .desc{padding:35px 15px 5px 0}.box-news .box .desc h4{font-weight:600}.box-news .box .desc span{font-weight:500}.foot-news{width:100%;float:left;padding-top:40px}.news-box .blue-button{padding:1em 5em;background:#0062b2;border:none;color:#fff;margin-top:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;border-radius:5px}.maps-box{width:100%;height:400px;background:#fff;float:left}.maps-box .maps{height:400px;background:url(http://www.inoac.co.id/id/images/xmap.png.pagespeed.ic.MOuVy8cIIZ.jpg) center center;background-size:cover}.maps-box .head-office{height:400px;padding:25px 30px}.maps-box .head-office h1{font-size:22px;font-weight:bold;text-transform:uppercase}.maps-box .head-office p{margin-top:-10px;font-weight:600}.head-office .foot button{padding:1em 5em;margin-top:20px;background:#fbcb33;font-weight:bold;border-radius:5px;border:none;box-shadow:0 3px #dd9f18}footer{width:100%;min-height:300px;float:left;background:url(http://www.inoac.co.id/id/images/xfooter.png.pagespeed.ic.k2mw3-8fC_.png) center center;background-size:cover;color:#fff;padding:30px 0}footer ul{margin:0;padding:0;list-style:none}footer ul li{padding:5px 0}footer ul li a{color:#fff;display:block;text-decoration:none!important;font-weight:500}footer ul li a:hover{color:#fff;display:block}footer h4{font-weight:600;text-decoration:underline}.footer-text{width:100%;min-height:70px;float:left;background:#015494;text-align:center;color:#fff;padding:15px 0 5px 0}.footer-text a{color:#fff;padding:0 15px}.footer-text p{font-weight:600;margin-top:10px;font-size:13px}.product_text{width:100%;min-height:250px;float:left;background:#fbfbfb;padding:30px 0}.breadcrumb{background:none;padding:8px 0;margin:0}.breadcrumb>li+li:before{content:">"}.product_text h4{text-transform:uppercase;font-weight:700;color:#0c3086}.product_text p{color:#0c3086;font-weight:600;line-height:26px;padding-top:10px}.product_text .content{padding:20px 0}.product_text .content h4{text-transform:none;color:#555}.x-header{width:100%;min-height:250px;float:left;background:url(http://www.inoac.co.id/id/images/xcloud.png.pagespeed.ic.42sl9IQ4M1.png) center center;background-size:cover;padding:150px 15px 50px 15px;color:#fff}.sidebar-menu{width:100%;min-height:100px;margin-top:55px;border:1px solid #bbb}.sidebar-menu .title{width:100%;height:70px;background:#1163b0;text-align:center}.sidebar-menu .title p{color:#fff}.sidebar-menu .menu{margin:0;padding:0;list-style:none;width:100%}.sidebar-menu .menu li{padding:15px;border-bottom:1px solid #bbb;min-height:50px}.sidebar-menu .menu li a{color:#555;font-weight:700}.coretech{width:100%;min-height:300px;float:left;padding:30px 0}.coretech h4{font-weight:bold;font-size:20px}.flag-section{width:100%;min-height:300px;float:left;background:#efefef;padding:30px 0 50px 0}.flag-section .title{padding-bottom:30px}.flag-section h4{font-weight:bold;font-size:20px}.flag-section .box-wrap .box{width:100%;min-height:360px;background:#fff;border-radius:5px;padding-bottom:10px}.major{width:100%;min-height:200px;float:left;padding:30px 0}.major h4{font-weight:bold;font-size:20px;padding-bottom:20px}.tech-dev{width:100%;min-height:300px;float:left;background:#eee;padding:40px 0}.tech-dev .box{width:100%;min-height:200px;background:#fff;margin:15px 0;border:1px solid #ccc;border-radius:3px}.tech-dev .box-text{width:100%;min-height:100px;background:#fff;margin:15px 0;border:1px solid #ccc;border-radius:3px}.tech-dev .box-text h4{font-weight:700;color:#1d4286}.tech-dev .box-text .text{padding:15px 15px}.tech-dev .box-text .text p{color:#1d4286;font-weight:500}.tech-dev .box .images{padding-right:0;text-align:right}.tech-dev .box .images img{height:200px}.tech-dev .box .text{padding:30px 15px}.tech-dev .box h4{font-weight:700;color:#1d4286}.tech-dev .box .text img{position:relative;top:-2px}.tech-dev .box .text p{padding-left:20px;color:#1d4286;font-weight:500}.commitment{width:100%;min-height:200px;float:left;padding:50px 0;background:#fff}.commitment .box{width:100%;min-height:200px;background:#f7f7f7;border:1px solid #ccc;text-align:center;padding:20px}.commitment .box h4{font-weight:bold}.commitment .box p{font-weight:500}.commitment .box button{padding:.8em 4em;margin-top:20px;background:#fbcb33;font-weight:bold;border-radius:5px;border:none;box-shadow:0 3px #dd9f18}.box-wrap .box .title-box{width:100%;height:80px;background:#297fd0;color:#fff}.box-wrap .box .title-box h4{margin:0}.box-wrap .box .title-box p{text-transform:uppercase}.box-wrap .box .title-box .desc{padding:10px 15px 0 15px}.title-box .flag{padding:25px 15px}.box-wrap .content-box{width:100%;min-height:80px;padding-top:10px}.box-wrap .content-box p{margin-top:10px;padding-left:40px;padding-right:40px;font-weight:600}.office-box{width:100%;min-height:300px;background:#fff;float:left;padding:40px 0}.office-box .box{width:100%;min-height:260px;border:1px solid #ccc;margin:15px 0}.office-box .box .title{width:100%;min-height:70px;float:left;color:#fff;text-transform:uppercase;font-weight:700;text-align:center;padding:25px 40px 10px 40px;font-size:16px}.office-box .box .title small{display:block;font-weight:normal;font-size:12px}.office-box .box .content{width:100%;min-height:100px;float:left;padding:25px 5px;text-align:center}.office-box .box .content p{padding-top:15px;font-weight:600}.corporate{width:100%;min-height:300px;float:left;background:#fff;padding:50px 0}.corporate .box{width:100%;min-height:320px;float:left;border:1px solid #ccc;margin-top:15px;margin-bottom:15px;border-radius:5px;color:#333}.corporate .box .title{width:100%;min-height:80px;float:left;background:#297fd1;text-align:center;text-transform:uppercase;color:#fff;padding:30px 15px;font-size:18px;font-weight:700}.corporate .box .content{width:100%;min-height:100px;float:left;padding:20px;text-align:center}.corporate .box .content p{padding-top:20px;font-weight:600}.corporate-2{width:100%;min-height:300px;float:left;background:#eee;padding:50px 0}.corporate-2 .box{width:100%;min-height:320px;float:left;border:1px solid #ccc;margin-top:15px;margin-bottom:15px;border-radius:5px;color:#333}.corporate-2 .box .content{width:100%;min-height:100px;float:left;padding:15px 10px;text-align:center}.corporate-2 .box .content p{padding-top:20px;font-weight:600}.corporate-2 .box .content a{font-weight:600;text-decoration:underline}.corporate-2 .box .title{width:100%;min-height:80px;float:left;background:#f6dd00;text-align:center;text-transform:uppercase;color:#333;padding:15px 15px;font-size:18px;font-weight:700}.env{position:relative}.env .title{padding:0 15px;font-weight:700}.env .menu li{background:#fff}.sidebar-menu .menu li.active{background:#eee}.sidebar-menu .menu li a{text-decoration:none}.sidebar-menu .menu li a i{padding-right:10px}.environment{width:100%;min-height:300px;float:left;background:#fff;padding:50px 0}.environment .title,.environment .content{padding:0}.environment .content p{padding-top:10px}.philoshophy{width:100%;min-height:200px;float:left;background:#fafafa;padding:50px 0}.philoshophy h4{margin-bottom:40px}.environment ol li{line-height:24px!important;padding:5px 10px}.box-env{width:100%;min-height:200px;float:left;padding:10px 0 40px 0}.box-env .box{width:100%;min-height:270px;margin-top:20px;background-size:cover}.box-cover{width:150px;height:150px;margin-top:10px;background:url(http://www.inoac.co.id/id/images/xcover-box.png.pagespeed.ic.jFLexzKo5i.png) center center;background-size:cover}.other-ol li{line-height:10px!important}.green-box{width:100%;min-height:250px;float:left;padding:50px 0 0 0}.green-box .box{width:100%;min-height:225px;background:#5aa41f}.green-box .box img{text-align:right;float:right}.green-box .box .content{padding:15px 30px;color:#fff}.green-box .box .content ul{margin:0;padding:0;list-style:none;padding-top:10px}.green-box .box .content ul li{margin-bottom:10px}.green-box .box .content ul li a{color:#fff;text-decoration:none;font-weight:600}.green-box .box .content ul li:hover{border-bottom:4px solid #f6dd00}.green-box .box h4{font-weight:700}.eco-product{width:100%;min-height:200px;float:left;padding:40px 0}.eco-product .title h4{font-weight:700;margin-bottom:20px}.eco-product .title h5{font-weight:600}.eco-product .content .box{width:100%;min-height:300px;float:left;background:#fbfafa;padding:15px}.eco-product .content .box-1 .images{padding:60px 15px}.eco-product .content .box h4{font-weight:700;display:inline-block}.eco-product .content .box p{padding-left:25px;line-height:24px}.eco-product .content .box-1{width:100%;min-height:300px;float:left;background:#f3f3f3;padding:15px}.eco-product .content .box-1 h4{font-weight:700;display:inline-block}.eco-product .content .box-1 p{padding-left:25px;line-height:24px}.summary{width:100%;min-height:300px;float:left;padding:20px 0 50px 0}.summary .text{line-height:24px}.summary .title{font-weight:600}.bot-10{margin-bottom:10px}.tab-nav{width:100%;height:120px;float:left;margin:20px 0;border:1px solid #ccc}.tab-nav .title{width:100%;height:60px;background:#e3e3e3;float:left;text-align:center;padding:10px 0}.tab-nav .title h4{color:#595959}.tab-nav .content{width:100%;min-height:50px;float:left;padding:8px 20px;display:block;text-align:center}.tab-nav .nav-left{float:left;padding-top:5px;font-weight:bold;font-size:18px}.tab-nav .nav-right{float:right;padding-top:5px;font-weight:bold;font-size:18px}.tab-nav .nav-right a,.tab-nav .nav-left a{color:#333}.product_text .content h4{display:inline;position:relative;top:8px}.masonry-grid{width:100%;min-height:300px;float:left;background:#fff;text-align:center}.masonry-grid h4{font-weight:bold}.grid{width:220px;height:350px;float:left;border:1px solid #ccc;background:#fff;padding:10px}.grid-1{width:220px;height:350px;float:left;border:1px solid #ccc;background:#eee}.grid2{width:220px;height:250px;background:#eee}.grid3{width:220px;height:250px;background:#fff}.grid4{width:220px;height:300px;background:#eee}.grid5{width:220px;height:400px;background:#eee}.grid6{width:220px;height:500px;background:#fff}.grid7{width:220px;height:180px;background:#eee}.grid8{width:220px;height:180px;background:#fff}.grid9{width:220px;height:200px;background:#fff}.grid10{width:220px;height:220px;background:#eee}@media screen and (max-width:1199px){header{min-height:100px}.navbar-header{width:100%}.navbar-brand{width:100%;text-align:center}.navbar-brand>img{display:inline-block}.navbar-right{margin-right:50px}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#f6dd00;background:none}.navbar>.container .navbar-brand{padding:18px 15px!important}.navbar-default .navbar-nav>li>a{height:10px;padding:23px 15px}.box-news .image{padding-right:0}.box-news .desc{padding-left:30px!important;padding-right:30px!important;padding-top:15px!important}.box-news .image,.box-news .desc{width:100%}.box-news .img-box{width:100%;height:250px!important}}@media screen and (max-width:1198px){header{min-height:100px}.navbar-header{width:100%}.navbar-brand{width:100%;text-align:center}.navbar-brand>img{display:inline-block}.navbar-right{margin-right:50px}}@media screen and (max-width:992px){header{height:150px}.slide-menu .image,.slide-menu .title{width:100%}.slide-menu .centered{text-align:center!important}.maps-box .maps{width:100%;float:left}.maps-box .head-office{width:100%;min-height:400px;float:left}.maps-box{height:auto}}@media screen and (max-width:990px){.box-wrap .box .title-box{min-height:80px;height:auto}.title-box .flag{text-align:center;padding:20px 15px 10px}.box-wrap .box .title-box .desc{padding:10px 15px;text-align:center}.box-wrap .box{margin-top:30px}.sidebar-menu{display:none}.product_text{height:auto!important}.environment{padding:20px 0 20px 0}}@media screen and (max-width:767px){.top-20{margin-top:50px}.timelinebedding{width:100%!important}.summary .title{font-weight:600;text-align:right}.top-bar{display:none}.box-news .img-box{height:auto!important}.ribbon{display:none}.flex-caption{display:none}header{height:250px}nav{display:none}.header-screen{padding:40px 0 0 0}.header-screen .logo{text-align:center;margin-bottom:30px}.header-screen .title{text-align:center}.header-screen .menu{padding-top:30px}.header-screen .menu .navbar-header{border:1px solid #dcdcdc;background:#fafafa;cursor:pointer;width:100%}.header-screen .menu .navbar-toggle{border-left:1px solid #dcdcdc;padding:15px;margin:0;display:block}.header-screen .menu .navbar-toggle .icon-bar{background:#cdcdcd;height:3px}.header-screen .menu .menu-title{font-weight:600;font-family:'Montserat',sans-serif;position:relative;top:15px;left:20px}.header-screen .navbar-collapse.in{position:relative;background:#fafafa;z-index:9999;border:1px solid #dcdcdc;border-top:0}.header-screen .navbar-collapse.in a{color:#090909!important}.slide-menu .title{padding:15px}.blue-box .menu-1 li{float:none!important}.blue-box .menu-2 li{float:none!important}.blue-box .title{display:none}.blue-box .menu-1,.blue-box .menu-2{margin:0}.blue-box{background:#0062b2}.backtotop{text-align:center!important;width:100%}.backtotop img{width:100px}.maps-box{float:none}.maps-box .maps{width:100%;float:left}.maps-box .head-office{width:100%;height:auto;float:left}.foot{text-align:center}footer{min-height:250px}.footer-text{}footer .menu-sm{text-align:center}footer .menu-sm li a{padding:10px 15px}.slide-menu .title{text-align:left}.slide-menu h3{margin:0}.slide-menu h5{display:none}.slide-menu .title{color:#333!important;text-align:center!important;padding:45px 15px}.slide-menu h3{display:inline-block;font-weight:700}}@media (width:768px){.header-screen{display:none!important}}@media (min-width:768px){.header-screen .navbar-collapse.in{position:absolute;background:#fafafa;z-index:9999;border:1px solid #dcdcdc;border-top:0}}@media (min-width:769px){.header-screen{display:none!important}}