/* ====---- NAV 003 ----==== */
nav{position:absolute;top:30px;z-index:12;width:100%;text-align:right}
@media screen and (max-width:767px){nav{top:0}}

#nav003 .navbar-default{top:0px;background-color:transparent}
#nav003.sticky .navbar-default{--alpha:0.75;background:rgba(0,0,0, var(--alpha))}

#nav003 li a{background:transparent;color:#f4f4f4;padding:5px 7px;margin:0;font-size:13px;font-weight:500;border-top:1px solid transparent;border-bottom:1px solid transparent;border-right:0px solid #f4f4f4;letter-spacing:-.25px;text-decoration:none}
#nav003 li a:hover, 
#nav003 li a:active, 
#nav003 li a:focus, 
#nav003.sticky li a:hover, 
#nav003.sticky li a:active, 
#nav003.sticky li a:focus, 
#nav003 .navbar-default .navbar-nav > .active > a, 
#nav003 .navbar-default .navbar-nav > .active > a:hover, 
#nav003 .navbar-default .navbar-nav > .active > a:focus, 
#nav003 .navbar-default .navbar-nav > .active > a:active
{background:transparent;color:#fff;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4}

#nav003 .border-left{border-left:0px solid #f4f4f4}
.icontext1{display:none}
.icontext2{display:inline-block}
.navTel{display:none}
#nav003 .logo-mobil{display:none}

@media screen and (max-width:1199px){
#nav003 .icontext1{display:inline-block}.icontext2{display:none}
}

#nav003 .fa{font-size:13px}

#nav003 .navbar{margin:0 0px;border:0}
#nav003 .navbar-right{float:right !important;margin:0}
#nav003 .navbar-brand{display:none}

/******** NAV STICKY ********/
#nav003.sticky nav{background:#fff}
#nav003.sticky .navbar-right{float:right !important;margin-right:0}

#nav003.sticky{position:fixed;z-index:1003;top:0px;width:100%;--alpha2:0.3;box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2));}
#nav003.sticky .nav{opacity:1}
#nav003.sticky li a{font-size:13px;margin-top:8px;font-weight:500;letter-spacing:-.5px}

#nav003.sticky .navbar-brand{display:block;padding:0 15px 0 15px}
#nav003.sticky .navbar-brand > img{max-height:45px;padding-top:5px}
@media screen and (max-width:991px){
#nav003.sticky .navbar-brand{display:none}
}

/******** RESPONSIVE ********/
@media screen and (max-width:767px){
#nav003 .navbar-default .navbar-toggle .icon-bar{background-color:#fff}
#nav003 .navbar-collapse{margin-right:-25px;margin-left: -25px}
#nav003 .navbar-header{margin-right:-25px;margin-left: -25px}

#nav003 .navbar-right{width:100%}
#nav003 .navbar-nav{margin:0}
#nav003 .icontext1{display:none}

.line2{border:0}
#nav003 .border-left{border:0}
#nav003 li a{border-right:0;letter-spacing:0}

#nav003 .logo-mobil{display:inline-block;width:100%}
#nav003 .logo-mobil:hover a, 
#nav003.sticky .logo-mobil:hover a
{background:#1a2833}
#nav003 img{max-width:200px;max-height:150px;margin:auto}

#nav003 .navIcon{display:none}
#nav003 .navTel{display:inline-block}
#nav003 .icontext2{display:inline-block}

#nav003 li a, 
#nav003.sticky li a
{margin:0 15px;padding:20px 20px;font-size:20px;background:#1a2833;color:#fff;border-bottom:1px solid #81868c;text-align:center}
/*#nav003 li a, #nav003.sticky li a{margin:0}*/ /*underline full*/

#nav003 .navbar-collapse{background:#1a2833}

.toggle-color{background:#1a2833}

.navbar-toggle{border:none;background:transparent !important}
.navbar-toggle:hover{background:transparent !important}
.navbar-toggle .icon-bar{width:22px;transition:all .75s}
.navbar-toggle .top-bar{transform:rotate(45deg);transform-origin:10% 10%}
.navbar-toggle .middle-bar{opacity:0}
.navbar-toggle .bottom-bar{transform:rotate(-45deg);transform-origin:10% 90%}
.navbar-toggle.collapsed .top-bar{transform:rotate(0)}
.navbar-toggle.collapsed .middle-bar{opacity:1}
.navbar-toggle.collapsed .bottom-bar{transform:rotate(0)}
}

/******** RESPONSIVE SCROLL ********/
.navbar-nav{height:90vh}
.navbar-collapse.in{overflow-x:hidden;padding-right:17px}
@media (min-width:768px){.navbar-nav{height:auto}}