.navigation-bar {
  height: 62px;
  background-color: #ff7600;  
  position: relative;
}

.navigation-bar--orange {  
  background-color: #ff7600;    
}

.navigation-bar--blue{
  background-color: #00a1d1;
}

.navigation-bar--purple{
  background-color: #903aaa;
}

.navigation-bar__logo {
  text-indent: -99999px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;  
  height: 35px;
  position: relative;
  top: 13px;  
  left: 22px;  
  float: left;
}

.navigation-bar__links {
  list-style: none;
  position: fixed;    
  display: none;
  clear: both;
  height: 100%;
  width: 75%;
  right: 0;
  padding-top: 62px;
  padding-left: 20px;
  background-color: #f57529;
  z-index: 9999999999;
}

.navigation-bar__links--blue {  
  background-color: #00a1d1;  
}

.navigation-bar__links--purple {  
  background-color: #903aaa;  
}

.navigation-bar__option {
  display: block;  
  border-bottom: 2px solid white;
}

.navigation-bar__option a {  
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: 1px;
  color: white;
  height: 100%;
  width: 100%;
  display: block;
  padding-left: 5px;
}

.navigation-bar__option--user{
  display: none;
}

.navigation-bar__option--user a {
  text-transform: unset;
}

.navigation-bar__option--user-sidebar {
  padding-bottom: 15px;
  border-bottom: unset;  
}

.navigation-bar__option--user-sidebar a{  
  font-size: 16px;
}

.navigation-bar__separator {
  float: right;
  height: 50%;
  width: 1px;
  position: relative;
  background-color: #ffffff75;
  top: 25%;
  margin-right: 23px;
  margin-left: 23px;  
  display: none;
}

.navigation-bar__auth {
  float: right;
  padding-left: 0;
  display: none;
}

.navigation-bar__user-name {
  text-transform: uppercase;
}

.navigation-bar__button{
  position: absolute;  
  top: 21px;
}

.navigation-bar__button > svg{
  font-size: 25px;
  color: white;
}

.navigation-bar__button--back{
  position: absolute;  
  left: 10%;
}

.navigation-bar__button--menu{
  right: 40px;
}

.navigation-bar__button--menu-close{
  right: 40px;
}


@media (min-width: 576px) {}


@media (min-width: 768px) {}


@media (min-width: 992px) {
  .navigation-bar{
    padding: 0 5%;
  }

  .navigation-bar__logo{
    float: left;
    margin: unset;    
    top: 7px;  
    width: 200px;
    height: 50px;
  }

  .navigation-bar__option a {
    padding: 0px 13px;    
    line-height: 62px;
  }

  .navigation-bar__separator {      
    display: block;
  }

  .navigation-bar__option--user-sidebar{
    display: none;
  }

  .navigation-bar__links{
    display: flex!important;
    list-style: none;
    float: right;
    height: 100%;
    margin: 0;    
    align-items: center;
    position: static;
    clear: unset;
    padding: 0;
    width: auto;    
  }

  .navigation-bar__option{
    float: right;
    height: 100%;
    border: unset;
  }

  .navigation-bar__auth{
    display: block;
  }

  .navigation-bar__button{
    display: none;
  }
}


@media (min-width: 1300px) {
  .navigation-bar{
    padding: 0 10%;
  }

  .navigation-bar__option--user {
    display: block;
  }
}