.bg-black{background:rgba(255,255,255,.7) !important;transition:.3s;box-shadow:0 10px 20px rgba(0,0,0,.2);backdrop-filter:blur(8px)}@media screen and (max-width: 766px){.bg-black{backdrop-filter:initial;background:#fff !important}}.d-flex{display:flex}@media screen and (max-width: 766px){.align-items-center{align-items:initial !important}}header .navbar-light .nav-link.active{color:#00bfff !important;font-weight:bold}@media screen and (max-width: 766px){header .navbar-light .nav-link.active{color:#00bfff !important}}header .navbar-light .navbar-nav .nav-link{color:#fff;font-size:14px}header .navbar-light .navbar-nav .nav-link:hover{color:#00bfff}@media screen and (max-width: 766px){header .navbar-light .navbar-nav .nav-link{color:#fff;font-size:1.45rem}}.navbar-dark i{color:#000}@media screen and (max-width: 766px){.navbar-collapse{background:rgba(0,0,0,.8) !important;backdrop-filter:blur(12px)}}@media screen and (max-width: 766px){.sosmed{margin-bottom:8px}}.sosmed i{font-size:28px;margin:0 8px;color:gray;transition:.3s}@media screen and (max-width: 766px){.sosmed i{float:left}}.sosmed .fa-facebook-square:hover{color:#4267b2}.sosmed .fa-instagram:hover{color:#fb3958}.sosmed .fa-whatsapp:hover{color:#25d366}.logo-header{position:absolute}.navbar-brand{position:fixed;width:100px;overflow:hidden;height:auto;top:0}@media screen and (max-width: 766px){.navbar-brand{width:78px;right:0}}header{position:fixed;right:0;left:0;top:0;z-index:999}header .form-control{background-color:transparent;border-bottom:1px solid #fff}header .form-control:focus{background-color:transparent;color:#fff}header .btn-search{background-color:orange;color:#fff;font-size:14px}header .btn-search:focus,header .btn-search:hover{color:#fff}.bg-blur{position:absolute;width:100%;height:100%;z-index:-1;background:rgba(5,55,92,.8);backdrop-filter:blur(4px)}@media screen and (max-width: 766px){.bg-blur{top:0}}.navbar-collapse{top:86px}.ismobile{display:none !important}@media screen and (max-width: 766px){.ismobile{display:block !important}}.isdekstop{display:block !important}@media screen and (max-width: 766px){.isdekstop{display:none !important}}.bg-dark{background-color:transparent !important}@media screen and (max-width: 766px){.bg-dark{background:transparent}}.bg-scroll{background:rgba(0,0,0,.3);transition:.5s}.disable-flag{filter:grayscale(100%)}.flag{width:30px;height:30px;margin:0 8px;border-radius:50%;box-shadow:0 3px 6px #bbb}.flag img{width:100%;border-radius:50%;height:100%;object-fit:cover}.test{background:#000;position:absolute;top:50px;z-index:999;bottom:0}@media(max-width: 776px){.navbar-nav{margin-bottom:16px}.navbar-collapse{position:fixed;z-index:9999;top:50px;left:0;padding-left:15px;padding-right:15px;padding-bottom:15px;width:100%;height:100%;top:56px}.navbar-collapse.collapsing{left:-100%;transition:height 0s ease}.navbar-collapse.show{left:0;transition:left 300ms ease-in-out}.navbar-toggler.collapsed~.navbar-collapse{transition:left 500ms ease-in-out}}.logo{width:100px;height:auto;margin-right:16px}@media screen and (max-width: 766px){.logo.bottom{margin-right:auto;margin:0 auto;display:block}}.logo img{width:100%;height:100%;object-fit:contain}.w-top{width:240px}@media screen and (max-width: 766px){.w-top{width:auto;padding-left:16px}}.pointer.search i{color:#4a4a4a !important;cursor:pointer;transition:.3s}.pointer.search i:hover{color:#000 !important}.search-wrap{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);display:none}.search-wrap .size{position:absolute;z-index:99999;width:60%;transform:translate(-50%, -50%);top:50%;left:50%}@media screen and (max-width: 766px){.search-wrap .size{width:90%}}.search-wrap .size .form-control-search{padding:0 72px 0 24px;font-size:40px;font-family:"Avenir";box-shadow:none;border:1px solid #4a4a4a}@media screen and (max-width: 766px){.search-wrap .size .form-control-search{font-size:32px;padding:0 60px 0 16px}}.search-wrap .search-click{position:absolute;right:16px;top:8px;font-size:40px;cursor:pointer}@media screen and (max-width: 766px){.search-wrap .search-click{top:0}}.search-wrap .close-click{position:absolute;right:48px;top:16px;font-size:40px;cursor:pointer}@media screen and (max-width: 766px){.search-wrap .close-click{right:16px}}.mobile-search.ismobile{position:absolute;right:13%}header .initial_{margin-left:120px}@media screen and (max-width: 766px){header .initial_{justify-content:initial !important;padding:24px;margin-left:16px}}.bottom-copy{display:none}@media screen and (max-width: 766px){.bottom-copy{display:block}}/*# sourceMappingURL=header.css.map */
