/*$orange: #d6a121;*/
#header {
  background-color: #ffffff;
  position: relative;
  border-bottom: 1px solid #cfcfd0;
  /*.header-btn {
    padding: 6px 12px;
    text-transform: uppercase;
  }*/ }
  #header .header-btn {
    display: inline-block;
    padding: 0 13.5px; }
  #header img {
    max-height: 85px; }
  #header #menu {
    text-align: right; }
  #header #menu-simple-phone {
    display: none; }
  #header .menu-list {
    display: none;
    -webkit-transition: opacity 1s ease-out; }
    #header .menu-list li {
      font-size: 12px;
      padding-left: 0;
      display: block;
      background: none;
      margin-top: 20px;
      margin-bottom: 5px;
      color: #ffffff;
      cursor: pointer; }
  #header #menu-my-account {
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    background-color: #e49149;
    color: #ffffff;
    width: 137px;
    font-family: "freight-sans-pro",sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 8px;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    height: 34px;
    z-index: 100;
    font-size: 14px;
    transition: all 0.6s; }
    #header #menu-my-account ul {
      padding: 6px 12px; }
    #header #menu-my-account div {
      padding: 7px 12px;
      cursor: pointer; }
    #header #menu-my-account a {
      color: #ffffff; }
    #header #menu-my-account a:hover {
      text-decoration: none; }
    #header #menu-my-account .menu-list li:first-child {
      margin-top: 5px; }
  #header .orange-button:hover .menu-list li a {
    color: #e49149; }
  #header .orange-button:hover .menu-list li a:hover {
    text-decoration: underline; }
  #header .orange-button.active {
    background-color: #ffffff;
    color: #e49149;
    border: solid 1px #e49149;
    height: auto;
    position: absolute; }
    #header .orange-button.active .menu-list li a {
      color: #e49149; }
    #header .orange-button.active .menu-list li a:hover {
      text-decoration: underline !important; }
  #header .orange-button.active {
    z-index: 200; }
    #header .orange-button.active .menu-list {
      opacity: 1;
      height: auto;
      display: block; }
      #header .orange-button.active .menu-list li {
        list-style: none; }
  #header #menu-simple, #header #menu-simple-phone {
    border: 1px solid #4c4b4f;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    background-color: #ffffff;
    font-family: "freight-sans-pro",sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 8px;
    display: none;
    position: absolute;
    right: 344px;
    top: 0;
    z-index: 100;
    font-size: 14px; }
    #header #menu-simple ul, #header #menu-simple-phone ul {
      padding: 6px 12px; }
    #header #menu-simple div, #header #menu-simple-phone div {
      padding: 6px 12px;
      cursor: pointer; }
    #header #menu-simple .menu-list li, #header #menu-simple-phone .menu-list li {
      font-size: 15px;
      font-weight: normal;
      padding-left: 0;
      display: block;
      background: none;
      margin-top: 20px;
      margin-bottom: 5px;
      color: #615d5d;
      cursor: pointer; }
    #header #menu-simple a, #header #menu-simple-phone a {
      color: #615d5d; }
    #header #menu-simple .menu-list li:first-child, #header #menu-simple-phone .menu-list li:first-child {
      margin-top: 5px; }
  #header #menu-extended {
    font-size: 15px;
    text-transform: uppercase;
    font-family: "freight-sans-pro",sans-serif;
    font-style: normal;
    display: inline-block; }
    #header #menu-extended li {
      background: none;
      padding-left: 0;
      margin-left: 0;
      margin-right: 10px;
      display: inline;
      cursor: pointer;
      color: #565154; }
      #header #menu-extended li a {
        color: #565154 !important; }
      #header #menu-extended li a:hover {
        text-decoration: none; }
  #header #all-projects {
    margin-left: 8px;
    padding: 6px 10px;
    width: auto;
    text-transform: uppercase;
    margin-right: 15px; }
  #header #all-projects.all-projects-logged {
    margin-right: 0px; }
  #header #menu-mobile {
    display: none; }
    #header #menu-mobile .side-nav .divider {
      margin: 0; }
  #header #menu-desktop #loginSuccess {
    padding-top: 17px;
    line-height: 1em; }
    #header #menu-desktop #loginSuccess .account-name {
      color: #565154; }

.clear-sidr {
  display: none; }

@media only screen and (max-width: 1230px) {
  #header #menu-my-account {
    display: block; }
  #header #menu-simple.menu-simple-logged, #header #menu-simple-phone.menu-simple-logged {
    right: 348px; }
  #header #menu-simple.active, #header #menu-simple-phone.active {
    z-index: 200; }
    #header #menu-simple.active .menu-list, #header #menu-simple-phone.active .menu-list {
      display: block; }
      #header #menu-simple.active .menu-list li, #header #menu-simple-phone.active .menu-list li {
        list-style: none; }
  #header #menu-simple-phone {
    display: none; } }
@media only screen and (max-width: 797px) {
  #menu-simple, #menu-simple-phone {
    display: block;
    right: 450px; }
    #menu-simple .menu-list, #menu-simple-phone .menu-list {
      display: none; }

  #menu-simple, #menu-simple-phone {
    display: inline;
    right: 564px; } }
@media only screen and (max-width: 1200px) {
  #header {
    text-align: center;
    padding: 5px 0 5px 0;
    position: fixed !important;
    z-index: 500;
    width: 100%;
    height: 55px;
    /*
        #auth {
          right: 105px;
        }*/ }
    #header #all-projects {
      margin-left: 103px; }
    #header .logo-menu {
      height: 63px; }
    #header #menu {
      margin-top: 0 !important;
      text-align: center; }
      #header #menu ul#menu-extended {
        margin: 0; }
    #header #menu-my-account {
      display: inline;
      right: 105px; }
    #header #menu-simple.menu-simple-logged, #header #menu-simple-phone.menu-simple-logged {
      right: 444px; }
    #header .orange-button, #header .orange-button:focus {
      right: 94px; }
    #header #menu-simple-phone {
      display: none; }
    #header img {
      height: auto;
      max-width: 100%;
      max-height: 39px; }
    #header #menu-desktop {
      display: none; }
    #header #menu-mobile {
      display: block; }
      #header #menu-mobile #loginSuccess {
        text-align: left;
        padding: 30px 10px 40px 15px;
        color: #fff;
        line-height: 1em; }
    #header .burger {
      float: left;
      margin-top: -3px;
      margin-left: 10px; }
      #header .burger i {
        font-size: 40px; }

  .clear-sidr {
    display: block;
    padding-top: 55px; } }
@media only screen and (min-width: 797px) {
  .no-touch body.floating-menu #header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.9); } }
@media only screen and (max-width: 797px) {
  #header {
    padding: 20px 0 40px;
    text-align: center;
    /*.header-btn {
      display: block;
      width: 200px;
      margin: 0 auto;
      margin-top: 11px;
    }*/ }
    #header .header-btn {
      margin: 0 auto 5px;
      display: block; }
    #header #my-account {
      /*left: 50%;
      width: 200px;
      margin-left: -100px;
      top: 80px;*/
      position: relative; }
    #header #menu {
      padding: 0;
      position: relative; }
    #header #all-projects {
      display: block;
      width: 200px;
      margin: 0 auto; }
    #header #all-projects.all-projects-logged {
      margin-right: auto; }
    #header #header .orange-button {
      position: relative; }
      #header #header .orange-button.active {
        position: relative; }
    #header #menu-simple, #header #menu-simple-phone {
      left: 50%;
      width: 200px;
      margin-left: -100px;
      top: 0px; }
    #header #menu-my-account {
      left: 50%;
      width: 200px;
      margin-left: -100px;
      top: 90px; } }
@media only screen and (min-width: 993px) {
  #header #my-account #loginSuccess {
    text-align: right; }
    #header #my-account #loginSuccess .my-amount {
      color: #1BA2C2; } }
@media only screen and (min-width: 1201px) {
  .log-menu {
    text-align: right; }

  .logo-menu {
    height: 84px; }

  .no-touch body.floating-menu {
    margin-top: 95px; } }

/*# sourceMappingURL=header.css.map */