/* ====---- NAV 001 ----==== */
nav .navbar-default{background-color:#152029}
nav .navbar{border:0}
nav .navbar-right{float:right !important;margin-right:0}
nav .navbar-nav{margin-top:15px}

nav .navbar-default .navbar-nav li a{background:transparent;color:#ddd;padding:15px 8px;font-size:16px;font-weight:500;/*letter-spacing:0.025px;*/text-decoration:none}
nav .navbar-default .navbar-nav li a:hover, 
nav .navbar-default .navbar-nav li a:active, 
nav .navbar-default .navbar-nav li a:focus
{color:#FF7E00}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
{color:#FF7E00;background-color:transparent;border-bottom:2px solid #FF7E00}

nav .icontext1{display:none}
nav .icontext2{display:inline-block}
nav .navTel{display:none}
nav .logo-mobil{display:none}
nav .logo-desktop{display:block}

nav .navbar-brand{max-width:240px;margin-top:8px}

@media screen and (max-width:1199px){
nav .navbar-default .navbar-nav li a{padding:15px 8px}
nav .icontext1{display:inline-block}
nav .icontext2{display:none}
}

@media screen and (max-width:991px){
nav .navbar-default .navbar-nav li a{padding:15px 8px;font-size:15px}
nav .navbar-brand img{max-width:120px;margin-top:5px}
nav .logo-mobil{display:block}
nav .logo-desktop{display:none}
}

@media screen and (max-width:899px){
nav .navbar-default .navbar-nav li a{padding:15px 6px;font-size:14px}
}

/******** RESPONSIVE ********/
@media screen and (max-width:991px){
nav .container{width:100%}
}

@media screen and (max-width:767px){
nav .navbar-right{width:100%}
nav .navbar-nav{margin:0}
nav .icontext1{display:none}
nav .icontext2{display:inline-block}
nav .navIcon{display:none}
nav .navTel{display:inline-block}

nav .navbar-default .navbar-nav li a{margin:0 -15px;padding:18px 20px;font-size:18px;background:#152029;color:#fff;border-bottom:1px solid #FF7E00;text-align:center}

nav .navbar-collapse{background:#D76B00}

nav .navbar-default .navbar-nav li a:hover, 
nav .navbar-default .navbar-nav li a:active, 
nav .navbar-default .navbar-nav li a:focus,
nav .navbar-default .navbar-nav > .active > a,
nav .navbar-default .navbar-nav > .active > a:hover
{color:#fff}

.navbar-default .navbar-toggle .icon-bar{background:#fff}

nav .toggle-color{background:#152029}

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

nav .icon-icon{vertical-align:inherit;margin-right:0px}