/* Mixins.less
 * Snippets of reusable CSS to develop faster and keep code readable
 * ----------------------------------------------------------------- */
.wrap-header {
  width: unset;
}
.wrap-header #header {
  height: unset;
  max-width: 1220px;
}
.wrap-header .search-box input {
  max-width: 200px;
}
.wrap-header .search-box.focused input {
  max-width: 300px;
}
#offcanvas-menu .content {
  width: 100%;
  height: 100%;
}
#offcanvas-menu .content input {
  max-width: calc(100vw) !important;
}
#offcanvas-menu .content .offcanvas-searchbox .icon-magni-glass {
  display: unset;
}
.container {
  padding-top: 12px;
}
.day .sky .day-night::before {
  opacity: 0;
}
.day .sky .day-night::after {
  opacity: 1;
}
.night .sky img.star {
  opacity: 1;
}
.night .sky .cloud-wrapper img {
  opacity: 0.6;
}
.night .sky .day-night::before {
  opacity: 1;
}
.night .sky .day-night::after {
  opacity: 0;
}
.skip .sky .day-night::before,
.skip .sky .day-night::after {
  transition: none;
}
.sky {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
  width: 100vw;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.sky .cloud-wrapper {
  position: absolute;
  top: 0;
  left: auto;
  right: auto;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
}
.sky .cloud-wrapper .row-cloud {
  width: 100%;
  height: 920px;
}
@media (max-width: 767px) {
  .sky .cloud-wrapper .row-cloud {
    width: 100%;
    height: 40%;
  }
}
.sky .cloud-wrapper .row-cloud img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
.sky .cloud-wrapper .row-cloud img:nth-child(2) {
  left: -100%;
}
.sky .day-night {
  position: relative;
  width: 100%;
  height: 100%;
}
.sky .day-night .star {
  z-index: 3;
  height: 100%;
  max-height: 660px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .sky .day-night .star {
    max-height: 500px;
  }
}
.sky .day-night::before,
.sky .day-night::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2.5s ease-out;
}
.sky .day-night::before {
  background: linear-gradient(90.33deg, #3E7AA9 3.52%, #DBF6FF 102.42%);
}
.sky .day-night::after {
  background: linear-gradient(90.33deg, #3E7AA9 3.52%, #DBF6FF 102.42%);
}
.sky img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .sky .cloud-wrapper img {
    width: 50%;
  }
}
.img-building {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 863px;
  width: 100%;
  height: calc(603 / 1294 * 100%);
  z-index: 4;
}
.img-building .building {
  padding-top: 100%;
  width: 100%;
}
.img-building .building img {
  position: absolute;
  width: calc(861 / 1280 * 100%);
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  height: auto;
}