.header-wrap{left:0;position:fixed;top:0;width:100%;z-index:199}.header-wrap.dark .search-wrap{border:1px solid #fff}.header-wrap.dark .search-wrap .search-input{color:#fff}.header-wrap.dark .search-wrap .search-btn{background:#fff;color:#181e25}@media (min-width:500px){.header-wrap.dark{mix-blend-mode:difference}}.header-wrap.light .search-wrap{border:1px solid #181e25}.header-wrap.light .search-wrap .search-input{color:#181e25}.header-wrap.light .search-wrap .search-btn{background:#181e25;color:#fff}.header-wrap.dark .burger__line{background:#fff}.header-wrap.light .burger__line{background:#000}.header-wrap.light .head-right{color:#000}.header-wrap.dark .menu-item{color:#fff}.header-wrap.light .menu-item{color:#000}.header-wrap.dark .header-content{background-color:transparent}.header-wrap.light .header-content{background-color:#fff}.header-wrap.dark .logo{background:url(https://image.offroadskyline.com/website/logo-w.png?x-oss-process=image/format,webp) no-repeat 50%/contain}.header-wrap.light .logo{background:url(https://image.offroadskyline.com/website/logo-b.png?x-oss-process=image/format,webp) no-repeat 50%/contain}.header-wrap .header-content{align-items:center;background:transparent;display:flex;flex-wrap:wrap;gap:20px;padding:36px 48px}@media (max-width:500px){.header-wrap .header-content{padding:10px}}.header-wrap .header-content .logo{cursor:pointer;flex:0 0 auto;height:24px;padding-bottom:3px;padding-top:3px;width:205px}.header-wrap .header-content .menu-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:35px;margin-left:auto}@media (max-width:500px){.header-wrap .header-content .menu-wrap{display:none}}.header-wrap .header-content .menu-wrap .menu-item{align-items:center;cursor:pointer;display:flex;font-family:Barlow;height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-wrap .header-content .menu-wrap .menu-item .gray{color:#ccc}.header-wrap .header-content .menu-wrap .menu-item .search-wrapper{align-items:center;display:flex;height:100%;height:48px;position:relative;transition:all .3s}.header-wrap .header-content .menu-wrap .menu-item .search-wrapper .search-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:48px;justify-content:center;overflow:hidden;padding:12px;position:absolute;right:0;width:0}.header-wrap .header-content .menu-wrap .menu-item .search-wrapper .search-wrap .search-input{background:transparent;border:0;font-family:Barlow;font-size:16px;font-style:normal;font-weight:500;line-height:24px;outline:none;width:260px}.header-wrap .header-content .menu-wrap .menu-item .search-wrapper .search-wrap .search-btn{align-items:center;cursor:pointer;display:flex;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;gap:10px;height:24px;justify-content:center;padding:4px 8px;width:60px}.header-wrap .header-content .menu-wrap .menu-item .search-wrapper .search-wrap .search-btn span{transform:translateY(-2px)}.header-wrap .head-right .burger__line{transform:rotate(0)}.header-wrap .burger{cursor:pointer;height:10px;margin:10px;position:relative;transition:.5s ease-out;width:18px}.header-wrap .open-planshet{display:inline-block!important}.header-wrap .burger .line1{top:0}.header-wrap .burger__line{display:block;height:2px;left:0;opacity:1;position:absolute;transition:.25s ease-out;width:100%}.header-wrap .burger,.header-wrap .burger__line{transform:rotate(0)}.header-wrap .burger .line2,.header-wrap .burger .line3{top:5px}.header-wrap .burger .line4{top:10px}.header-wrap .open-mobile .line1{left:50%;top:5px;width:0}.header-wrap .burger.open-mobile .line2{transform:rotate(45deg)}.header-wrap .burger.open-mobile .line3{transform:rotate(-45deg)}.header-wrap .burger.open-mobile .line4{left:50%;top:5px;width:0}.header-wrap .head-right{color:#fff;display:flex;gap:5px;margin-left:auto}.header-wrap .head-right>div{align-items:center;display:flex;font-size:14px}@media (min-width:500px){.header-wrap .head-right{display:none}}.header-wrap .head-right .menu{cursor:pointer;margin-right:20px;width:17px}.header-wrap .head-right .menu div{background-color:#fff;height:3px}.header-wrap .head-right .menu>div:nth-child(2){margin:3px 0}.header-wrap .head-menu li.active a{color:#2775ff;font-weight:600}.header-wrap .head-menu{background:#fff;box-sizing:border-box;height:calc(100vh - 50px);left:0;mix-blend-mode:normal;padding:0 30px;position:fixed;top:50px;width:100vw;z-index:100}.header-wrap .head-menu ul{margin:0;padding:0}.header-wrap .head-menu ul li{line-height:45px;list-style:none}.header-wrap .head-menu ul li:not(:last-child){border-bottom:1px solid #f7f7f7}.header-wrap .head-menu ul li a{color:#111;display:block;font-size:15px;padding:8px 10px;text-decoration:none}.footer-wrap{background:#000;color:#fff}.footer-wrap .footer-content{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin:0 auto;max-width:1400px;padding:100px 20px}.footer-wrap .footer-content .footer-left{display:flex;flex:1;flex-direction:column}@media (max-width:500px){.footer-wrap .footer-content .footer-left{align-items:center}}.footer-wrap .footer-content .footer-left .logo{background:url(https://image.offroadskyline.com/website/logo-w.png) no-repeat 50%/contain;height:24px;padding-bottom:3px;padding-top:3px;width:205px}.footer-wrap .footer-content .footer-left .social-media{display:flex;gap:24px;padding-top:24px}.footer-wrap .footer-content .footer-left .social-media .item{font-size:20px;height:24px;width:24px}.footer-wrap .footer-content .footer-right{display:flex;flex:1;justify-content:center}.footer-wrap .footer-content .footer-right .menu-wrap{display:flex;gap:120px}.footer-wrap .footer-content .footer-right .menu-wrap .product .title,.footer-wrap .footer-content .footer-right .menu-wrap .service .title{color:#eaecef;font-family:Chakra Petch;font-size:20px;font-style:italic;font-weight:700;line-height:28px;margin-bottom:16px}.footer-wrap .footer-content .footer-right .menu-wrap .product .items .item,.footer-wrap .footer-content .footer-right .menu-wrap .service .items .item{color:#848e9c;cursor:pointer;font-family:Barlow;font-size:14px;font-weight:400;line-height:20px}.footer-wrap .footer-content .footer-right .menu-wrap .product .items .item:not(:last-child),.footer-wrap .footer-content .footer-right .menu-wrap .service .items .item:not(:last-child){margin-bottom:14px}.footer-wrap .footer-bottom{background:#000;margin:0 auto;max-width:1400px;text-align:center}.footer-wrap .footer-bottom .content{border-top:1px solid #333b47;color:#4f5867;font-family:Roboto;font-size:12px;font-weight:400;line-height:16px;padding:24px 0;text-align:center}