ul {
  list-style: none !important;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 2000;
  font-size: 1rem;
}

.sidebar__container {
  position: relative;
  width: 3.385vw;
  height: 100%;
}

.sidebar__buttons {
  width: 3.385vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

.sidebar__button-collapse {
  width: 100%;
  height: 3.385vw;
  background-color: #d29723;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar__button-collapse img {
  width: 60%;
}

.sidebar__button-collapse--open img {
  width: 45%;
}

.sidebar__button-join-us {
  width: 100%;
  background-color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: #d29723;
  font-size: 0.56em;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  padding-bottom: 0.5vh;
  margin-bottom: 1vh;
  letter-spacing: 0.1em;
}

.sidebar__button-join-us img {
  width: 60%;
}

.sidebar__button-join-us span {
  line-height: 1.3em;
}

.sidebar__button-join-us:hover {
  color: #d29723 !important;
  text-decoration: underline;
}

.sidebar__button-fr {
  width: 100%;
  font-weight: 500;
  color: #d29723;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 1.8em;
}

.sidebar__button-en,
.sidebar__button-pt {
  width: 100%;
  font-weight: 500;
  color: #111;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 1.8em;
}

.sidebar__button-fr:hover,
.sidebar__button-en:hover,
.sidebar__button-pt:hover {
  text-decoration: underline;
}

.sidebar__menu {
  height: 100%;
  width: 16.49vw;
  background-color: #fff;
  padding-left: 3.385vw;
  box-shadow: none;
  padding-top: 1.2vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateX(-100%);
  transition: 500ms ease;
}

.sidebar__menu--open {
  transform: translateX(0);
  box-shadow: 10px 0 100px 0 rgba(0, 0, 0, 0.15);
}

.sidebar__menu--bottom--desktop {
  display: block;
}

.sidebar__menu--bottom--mobile {
  display: none;
}

.sidebar__brand {
  width: 100%;
  padding-left: 1.92vw;
  margin-bottom: 1.5vh;
  display: block;
}

.sidebar__brand img {
  width: 6.98vw;
}

.sidebar__navigation__item {
  width: 100%;
  /*height: 4.07vh;*/
  padding-left: 1.92vw;
  padding-right: 1vw;
  font-size: 1.33em;
  font-weight: 500;
  /*display: flex;*/
  align-items: center;
}

.sidebar__navigation__item:not(:last-child) {
  margin-bottom: 0.6vh;
}

.sidebar__navigation__item a {
  text-decoration: none;
  color: #111;
  width: 100%;
}

.sidebar__navigation__item a img {
  width: 0.7vw;
  height: 0.7vw;
}

.sidebar__navigation__item:hover {
  background-color: #f6f6f6;
  font-weight: 700;
}

.sidebar__navigation__item:hover .nested--desktop {
  display: block;
}

.sidebar__navigation__item--active {
  font-weight: 700;
}

.sidebar__navigation__item--active a {
  color: #d29723;
}

.sidebar__navigation .nested--mobile {
  display: none;
  height: auto;
}

.sidebar__nested-navigation {
  display: none;
  width: 16.45vw;
  height: 100vh;
  box-shadow: 100px 0 100px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 0.9em;
}

.sidebar__nested-navigation__item {
  width: 100%;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  position: relative;
}

.sidebar__nested-navigation__item a {
  width: 100%;
  align-items: center;
  /*height: 4.07vh;*/
  padding-left: 1.92vw;
  padding-right: 1vw;
}

.sidebar__nested-navigation__item a img {
  width: 0.7vw;
  height: 0.7vw;
}

.sidebar__nested-navigation__item:hover {
  background-color: #f6f6f6;
  font-weight: 700;
}

.sidebar__nested-navigation__item:hover .sidebar__sub-navigation {
  display: block;
}

.sidebar__sub-navigation {
  display: none;
  background-color: #fff;
  font-size: 0.88em;
}

.sidebar__sub-navigation__item {
  width: 100%;
  font-weight: 300;
}

.sidebar__sub-navigation__item:hover {
  background: rgba(210, 151, 35, 0.2);
  font-weight: 500;
}

.sidebar__sub-navigation__item a {
  width: 100%;
  /*height: 4.07vh;*/
  padding-left: 2vw;
}

.sidebar__other-links {
  padding-bottom: 2vh;
}

.sidebar__other-links__item {
  padding-left: 1.4vw;
  font-size: 0.93em;
  /*font-size: 500;*/
  line-height: 1.5em;
}

.sidebar__other-links__item a {
  color: #c4c4c4;
  text-decoration: none;
}

.sidebar__other-links__item:hover {
  font-weight: 700;
}

.sidebar__headquarter {
  padding-left: 1.4vw;
  font-size: 0.93em;
  line-height: 1.5em;
  padding-bottom: 2vh;
}

.sidebar__offices {
  padding-left: 1.4vw;
  font-size: 0.93em;
  line-height: 1.5em;
  padding-bottom: 2vh;
}

.sidebar__social-networks {
  padding-left: 1.4vw;
  display: flex;
  margin-bottom: 1.3vh;
}

.sidebar__social-network {
  width: 1.62vw;
  height: 1.62vw;
  background-color: #111;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.sidebar__social-network img {
  width: 50%;
}

.sidebar__social-network:not(:last-child) {
  margin-right: 0.41vw;
}

.sidebar__social-network:hover {
  background-color: #d29723;
}

.sidebar__copyright {
  font-weight: 300;
  font-size: 0.66em;
  padding-left: 1.4vw;
  margin-bottom: 0.8vh;
  line-height: 1.5;
}

.sidebar__brochure {
  width: 100%;
  height: 5.65vh;
  color: #fff;
  background-color: #d29723;
  padding-top: 0.74vh;
  padding-bottom: 1.5vh;
  padding-left: 1vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  line-height: 1em;
  display: block !important;
  text-decoration: none;
}

.sidebar__brochure:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.sidebar__brochure__title {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 300;
  letter-spacing: 0.1em;
  margin-bottom: 0.5vh;
}

.sidebar__brochure__download {
  display: flex;
  align-items: center;
  font-size: 0.93em;
  font-weight: 400;
}

.sidebar__brochure__download img {
  width: 0.837vw;
  margin-right: 0.5vw;
}

.show {
  display: block !important;
}

.link--desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.link--mobile {
  width: 100%;
  justify-content: space-between;
  display: none;
}

.link--mobile a {
  text-decoration: none;
  color: #111;
  width: auto;
}

.link--mobile img {
  width: 1vw;
}

@media only screen and (max-width: 1366px) {
  .sidebar {
    font-size: 0.71rem;
  }
}

@media only screen and (max-width: 1280px) {
  .sidebar {
    font-size: 0.66rem;
  }
}

@media only screen and (max-width: 1024px) {
  .sidebar {
    font-size: 0.53rem;
  }
  .sidebar__container {
    width: 7vw;
    height: 100vh;
  }
  .sidebar__container--open {
    width: 100vw;
  }
  .sidebar__menu {
    height: 90%;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    padding-left: 0;
    padding-top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 200ms ease;
    border-radius: 0.5em;
    overflow: hidden;
    box-shadow: none;
  }
  .sidebar__menu--open {
    transform: translate3d(-50%, -50%, 0);
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.1);
    opacity: 1;
    visibility: visible;
  }
  .sidebar__menu--top {
    /*display: flex;*/
  }
  .sidebar__menu--bottom--desktop {
    display: none;
  }
  .sidebar__menu--bottom--mobile {
    display: block;
  }
  .sidebar__menu__row {
    width: 100%;
    /*display: flex;*/
    justify-content: space-around;
    align-items: center;
  }
  .sidebar__brand {
    width: 15%;
    padding-left: 1.92vw;
    margin-bottom: 0;
    display: block;
    margin-top: 2vh;
    height: auto;
  }
  .sidebar__brand img {
    width: 15vw;
  }
  .sidebar__navigation {
    margin-top: 10vh;
    padding-left: 10vw;
    width: 65%;
  }
  .sidebar__navigation__item {
    width: 100%;
    /*height: 4.07vh;*/
    padding-left: 1vw;
    padding-right: 1vw;
    /*display: flex;*/
    align-items: center;
  }
  .sidebar__navigation__item:not(:last-child) {
    margin-bottom: 0.6vh;
  }
  .sidebar__navigation__item a img {
    width: 1vw;
  }
  .sidebar__navigation__item:hover .nested--desktop {
    display: none;
  }
  .sidebar__navigation__item .nested--desktop {
    display: none;
  }
  .sidebar__nested-navigation {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    position: static;
  }
  .sidebar__nested-navigation__item {
    width: 100%;
  }
  .sidebar__nested-navigation__item a img {
    width: 1vw;
  }
  .sidebar__social-network {
    width: 5vw;
    height: 5vw;
  }
  .sidebar__social-network:not(:last-child) {
    margin-right: 1vw;
  }
  .sidebar__copyright {
    line-height: 1em;
    align-self: flex-end;
  }
  .sidebar__brochure {
    width: 40%;
    margin-bottom: 15px;
  }
  .sidebar__brochure__download {
    line-height: 2em;
  }
  .sidebar__brochure__download img {
    width: 2.5vw;
    margin-right: 1vw;
  }
  .link--desktop {
    display: none !important;
  }
  .link--mobile {
    width: 100%;
    justify-content: space-between;
    display: block;
  }
  .link--mobile img {
    margin-left: 2vw;
  }
}

@media only screen and (max-width: 768px) {
  .sidebar {
    font-size: 1rem;
  }
  .sidebar__buttons {
    width: 7vw;
  }
  .sidebar__button-collapse {
    height: 7vw;
  }
  .sidebar__navigation {
    margin-top: 0vh;
  }
  .link--mobile img {
    width: 2.5vw;
    height: 2.5vw;
  }
}

@media only screen and (max-width: 420px) {
  .sidebar {
    font-size: 0.55rem;
  }
}

/* iPhone Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .link--mobile {
    width: 100%;
    justify-content: space-between;
    display: block;
  }
  .link--mobile img {
    width: 2.5vw;
    height: 2.5vw;
    margin-left: 2vw;
  }
  .sidebar__navigation {
    margin-top: 0vh;
  }
}