:root {
  --body: #000000e6;
  --90-white: #ffffffe6;
  --transparent: #fff0;
  --white: #fff;
  --lsw: #ef763de3;
  --80-white: #fffc;
  --75-black: #000000bf;
  --f-links: 8px;
  --font-family: Poppins, sans-serif;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--body);
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2 {
  color: var(--90-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9vw;
  font-weight: 700;
  line-height: 100%;
}

.menu {
  z-index: 2;
  background-color: var(--transparent);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  padding: 20px 1.86vw;
  display: flex;
  position: relative;
}

.menu-container {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.body {
  background-color: var(--body);
  color: #fff;
  text-align: justify;
  background-image: linear-gradient(#0009, #0009), url('../images/body-bg.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  font-family: Poppins, sans-serif;
  font-size: .9vw;
  line-height: 100%;
}

.menu-logo {
  display: block;
}

.menu-logo.w--current {
  width: 12.5vw;
}

.menu-buttons {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.menu-basic-buttons {
  border: 2px solid var(--90-white);
  background-color: var(--transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--white);
  text-shadow: 0 0 3px #00000080;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 11vw;
  height: 45px;
  min-height: 40px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 1vw;
  font-weight: 600;
  transition: border-color .3s, transform .3s;
  display: flex;
}

.menu-basic-buttons:hover {
  border-color: var(--lsw);
  transform: scale(1.1);
}

.menu-basic-buttons.w--current {
  border-color: var(--lsw);
  color: var(--90-white);
  text-decoration: underline;
}

.menu-basic-buttons.cta {
  background-color: var(--lsw);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--90-white);
  border-width: 0;
  font-weight: 600;
  transition: transform .3s;
  box-shadow: 2px 2px 6px #00000080;
}

.menu-basic-buttons.cta.last {
  margin-right: 0;
}

.menu-basic-buttons.cta.disabled {
  filter: grayscale();
  cursor: not-allowed;
  transition-property: none;
}

.menu-basic-buttons.cta.disabled:hover {
  transform: none;
}

.menu-basic-buttons.submit {
  background-color: var(--lsw);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-width: 0;
  margin-top: 1vw;
  margin-right: 0;
}

.menu-basic-buttons.submit.sc-phone {
  display: none;
}

.menu-basic-buttons.submit.tracking {
  width: 12vw;
  height: 12vh;
  margin-top: 0;
  margin-bottom: 0;
}

.menu-basic-buttons.phone-systems {
  display: none;
}

.menu-basic-buttons.phone-nb, .menu-basic-buttons.phone-nb.w--current {
  display: flex;
}

.carrousel {
  border-bottom: 0px solid var(--80-white);
  background-color: #fff0;
  width: 100%;
  height: 1080px;
  margin-bottom: 90px;
}

.sliders {
  background-image: url('../images/slider-1.png');
  background-position: 0%;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 90px;
}

.sliders._2 {
  background-image: url('../images/slider-2.png');
  background-position: 0%;
  background-size: auto;
  height: 1080px;
}

.container {
  flex-flow: row;
  grid-template: ". Area"
  / 1fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-left: 6.3vw;
  padding-right: 6.3vw;
  display: flex;
}

.container.slider-cont {
  justify-content: flex-end;
  align-items: flex-end;
}

.container.slider-cont.empty {
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
}

.container.services {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  padding-bottom: 80px;
  padding-right: 0;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container.our-team-container {
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
}

.container.tu {
  justify-content: center;
  align-items: flex-start;
}

.container.c-footer {
  flex-flow: column;
}

.container.locker-phone-cont {
  height: auto;
}

.container.contact-us-container {
  justify-content: center;
  align-items: flex-start;
}

.container.full-form {
  justify-content: center;
  align-items: center;
}

.container.temp-locker-cont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.container.tracking {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.form-bg {
  background-color: var(--white);
  color: var(--75-black);
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 41vw;
  padding: 3.8vh 1.86vw;
}

.form-bg.full {
  width: 70vw;
  padding-top: 40px;
  padding-bottom: 40px;
}

.separator {
  background-color: #000;
  height: 1px;
}

.separator.form {
  background-color: var(--lsw);
  border-radius: 5px;
  width: 70%;
  height: 2px;
  margin: 10px auto 20px;
}

.separator.form.full {
  width: 65%;
  margin-bottom: 4vw;
}

.separator.cu-form {
  background-color: var(--lsw);
  border-radius: 5px;
  width: 35%;
  height: 2px;
  margin: 10px auto 20px;
}

.separator.s-footer {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.separator.temp-ls {
  background-color: var(--lsw);
  border-radius: 5px;
  width: 70%;
  height: 2px;
  margin-top: 0;
  margin-bottom: 30px;
}

.separator.tracking-progress {
  z-index: -2;
  background-color: var(--90-white);
  border-radius: 100%;
  width: 90%;
  height: 4px;
  position: absolute;
  inset: 50% auto;
}

.separator.tracking-progress.tracking-bar {
  background-color: var(--lsw);
  width: 1%;
  position: static;
}

.form-heading {
  color: var(--body);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.9vw;
  line-height: 100%;
}

.form-heading.h-full-form {
  font-size: 3vw;
}

.dd-list-text {
  color: var(--white);
  text-align: center;
  text-shadow: 0 0 3px #00000080;
  font-size: .9vw;
  font-weight: 500;
  transition: background-color .2s;
}

.dd-list-text:hover {
  background-color: var(--lsw);
}

.form-desc {
  text-align: center;
  margin-bottom: 25px;
  font-size: .9vw;
  line-height: 2.5svh;
}

.form-desc.t-full-form {
  font-size: 1.3vw;
  line-height: 3svh;
}

.links {
  color: var(--75-black);
  font-weight: 600;
  line-height: 120%;
  transition: letter-spacing .2s ease-in, color .2s;
}

.links:hover {
  color: var(--lsw);
  letter-spacing: 2px;
}

.links.go-to-countries {
  color: var(--90-white);
  cursor: not-allowed;
  font-size: 1.1vw;
  text-decoration: underline;
}

.links.go-to-countries:hover {
  color: var(--lsw);
  letter-spacing: .8px;
}

.links.footer-ws {
  text-decoration: none;
}

.form-inputs {
  grid-column-gap: 3vw;
  grid-row-gap: 3vh;
  grid-template: ". ."
                 ". ."
                 "Area Area"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.form-inputs.tracking {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.input-container {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  font-size: .9vw;
  font-weight: 600;
  line-height: 100%;
}

.input-container.ic-full-form {
  font-size: 1.1vw;
}

.input-container.ci-phone {
  font-size: 1vw;
}

.input {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--75-black);
  color: var(--75-black);
  background-color: #fff0;
  height: 25px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .9vw;
  font-weight: 400;
  transition: border-color .25s ease-in;
}

.input:focus {
  border-color: var(--lsw);
}

.input::placeholder {
  color: #0009;
  font-style: italic;
}

.input.select {
  height: 35px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.input.select:focus {
  background-color: var(--90-white);
  color: var(--75-black);
}

.input.select.s-full-form {
  font-size: 1vw;
}

.input.brithday {
  border-color: var(--75-black);
  color: var(--75-black);
  text-transform: uppercase;
  width: 100%;
  height: 35px;
  padding: 0 5px;
}

.input.brithday:active {
  border-width: 0;
}

.input.brithday.b-full-form {
  font-size: 1vw;
}

.input.cu-input {
  height: 30px;
  font-size: 1vw;
}

.input.cu-input.big-input {
  height: 45px;
}

.input.i-full-form {
  height: 30px;
  font-size: 1vw;
}

.input.i-full-form.bigger-input {
  height: 60px;
}

.input.tracking {
  border-width: 3px;
  border-color: var(--80-white);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--90-white);
  text-transform: uppercase;
  border-radius: 5px;
  height: 12vh;
  padding: 15px 20px;
  font-size: 1.3vw;
}

.input.tracking:focus {
  border-color: var(--lsw);
}

.input.tracking::placeholder {
  color: #fff9;
  text-transform: none;
  font-size: 1.3vw;
  font-style: normal;
}

.form-qs {
  grid-column-gap: 1.2vw;
  grid-row-gap: 1.2vw;
  padding: 0;
}

.required-warning {
  color: #fc0;
}

.hidden-slider-nav {
  display: none;
}

.slider-controls {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 5.5vw;
  height: 6vw;
  padding-left: 5px;
  display: flex;
}

.slider-controls.right {
  padding-left: 0;
  padding-right: 5px;
}

.slider-arrow {
  width: 5.5vw;
  height: 6vw;
  transition: transform .1s;
}

.slider-arrow:hover {
  transform: scale(1.1);
}

.whu-grid {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.whu-reasons {
  grid-column-gap: 1vw;
  grid-row-gap: 16px;
  color: var(--80-white);
  text-align: justify;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 1.2vw;
  font-weight: 800;
  line-height: 3svh;
  display: grid;
}

.whu-title-desc {
  color: var(--90-white);
  text-align: justify;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: .95vw;
  font-weight: 400;
  line-height: 2.8svh;
  display: flex;
}

.heading-base {
  text-align: left;
  letter-spacing: .7px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.95vw;
  font-weight: 800;
  line-height: 100%;
}

.heading-base.services {
  color: var(--90-white);
  margin-bottom: 20px;
  font-size: 8.7vw;
}

.heading-base.services-cards {
  z-index: 2;
  color: #000;
  letter-spacing: 0;
  height: 18px;
  margin-bottom: 0;
  font-size: .9vw;
  font-weight: 700;
}

.heading-base.services-cards.double-line {
  font-size: .75vw;
}

.heading-base.ot {
  color: var(--90-white);
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 4vw;
}

.heading-base.ot.phone {
  display: none;
}

.orange-text {
  color: var(--lsw);
}

.whu-badgets {
  width: 7.5vw;
}

.whu-section {
  margin-top: 230px;
}

.services-section {
  width: 100%;
  height: 152.2vw;
}

.services-section.phone {
  display: none;
}

.horizontal-services {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.services-card {
  cursor: not-allowed;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 15.5vw;
  height: 32vh;
  padding: 1vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.go-to-arrow {
  opacity: .7;
  width: 1.3vw;
  height: 1.3vw;
}

.go-to-bg {
  z-index: 2;
  background-color: #000;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  display: flex;
  position: absolute;
  inset: -1% -1% auto auto;
}

.double-bg-serv-cards {
  z-index: 1;
  background-color: #ef763d;
  border-radius: 15px;
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.services-img {
  z-index: 2;
  width: 11.8vw;
  height: 11.8vw;
  margin-bottom: 15px;
  position: relative;
}

.go-to-bg-unhover {
  z-index: 2;
  background-color: #0000;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 3.1vw;
  height: 3.1vw;
  padding-top: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: 0 0 auto auto;
}

.our-team {
  margin-top: 230px;
  overflow: hidden;
}

.ot-text {
  color: var(--80-white);
  flex-flow: column;
  width: 100%;
  margin-bottom: 80px;
  padding-left: 6.3vw;
  padding-right: 6.3vw;
  font-size: 1.2vw;
}

.ot-gallery {
  width: 200vw;
  display: flex;
  overflow: hidden;
}

.ot-g-img {
  transform-style: preserve-3d;
  border-radius: 15px;
  width: 24vw;
  margin-right: 1vw;
}

.ot-g-img.ot-g-img-tr, .ot-g-img.ot-g-img-ml, .ot-g-img.ot-g-img-mr, .ot-g-img.ot-g-img-bl, .ot-g-img.ot-g-img-br {
  transform-style: preserve-3d;
}

.loop-container {
  flex-flow: row;
  width: 100%;
  display: flex;
}

.content-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.thrust-us {
  margin-top: 230px;
}

.bg-tu {
  grid-column-gap: 1.86vw;
  grid-row-gap: 1.86vw;
  background-color: #fff;
  border-radius: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  padding: 1.24vw;
  display: grid;
}

.tu-business {
  filter: grayscale();
  border: 1px solid #0000004d;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding: 1vw 1.86vw;
  transition: filter .2s, background-color .2s ease-in;
  display: flex;
}

.tu-business:hover {
  background-color: var(--body);
  filter: grayscale(0%);
}

.tu-business.title {
  color: var(--75-black);
  text-align: left;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000004d;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1vw;
  padding-bottom: 1vw;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 3svh;
}

.tu-business.hidden-phone {
  display: none;
}

.tu-business.white-logo {
  padding: .5vw;
}

.contact-us {
  margin-top: 330px;
  margin-bottom: 230px;
}

.contact-us-grid {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.cu-bg {
  color: var(--75-black);
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  padding: 1.2vw 2vw;
  font-size: .9vw;
  line-height: 110%;
  display: flex;
}

.cu-bg.vertical {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
}

.cu-bg.vertical.bottom-left-cu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.cu-bg.vertical.full-right-cu {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 2vw;
  padding-bottom: 2vw;
}

.cu-bg.adress {
  border: 5px solid var(--80-white);
  background-image: url('../images/map-lsw.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 500px;
  margin-top: 80px;
}

.cu-bg.top-left-cu {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.ceo-img {
  border: 2px solid var(--lsw);
  border-radius: 15px;
  width: 13vw;
  height: 13vw;
  margin-right: 1.8vw;
}

.ceo-text {
  width: 100%;
  height: auto;
  font-size: 1.05vw;
  line-height: 2svh;
}

.cu-heading {
  color: var(--body);
  text-align: left;
  margin-bottom: 5px;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 100%;
}

.cu-heading.sub-heading {
  margin-bottom: 25px;
  font-size: 1vw;
  font-weight: 500;
}

.cu-heading-form {
  color: var(--body);
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 110%;
}

.cu-heading-qa {
  color: var(--body);
  margin-bottom: 30px;
  font-size: 2.7vw;
  font-weight: 700;
  line-height: 110%;
}

.cu-heading-adress {
  color: var(--90-white);
  text-align: left;
  text-transform: uppercase;
  font-size: 4vw;
  font-style: italic;
  font-weight: 700;
  line-height: 6svh;
}

.adress-title-small {
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 8svh;
}

.footer {
  background-color: var(--90-white);
  height: 200px;
}

.qa-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-sec {
  justify-content: space-around;
  width: 100%;
  margin-top: 50px;
  display: flex;
}

.footer-sec.fs-bottom {
  margin-top: 0;
}

.menu-footer {
  color: var(--75-black);
  text-transform: uppercase;
  margin-right: auto;
  font-size: 1.4vw;
  font-style: italic;
  font-weight: 700;
}

.menu-footer.right {
  margin-right: 0;
  font-weight: 300;
}

.menu-footer.copyright {
  margin-top: auto;
  margin-right: 0;
  font-size: 1.07vw;
  font-weight: 400;
}

.f-links {
  color: var(--75-black);
  font-family: Poppins, sans-serif;
  text-decoration: none;
  transition: letter-spacing .3s ease-in-out;
}

.f-links:hover {
  color: var(--lsw);
  letter-spacing: 8px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footer-logo {
  width: 18vw;
  height: auto;
  margin-right: auto;
}

.img-holder-phone {
  display: none;
}

.welcome-phone {
  margin-top: 28.5vh;
  display: none;
}

.dropdown-menu {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--white);
  text-shadow: 0 1px 3px #00000080;
  border: 2px solid #fff;
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 11vw;
  height: 45px;
  padding: 5px 10px;
  font-size: 1vw;
  font-weight: 600;
  transition: border-radius .3s, border-color .3s, height .3s;
  display: inline-flex;
}

.dropdown-menu:hover {
  border-color: var(--lsw);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 50px;
}

.dropdown-menu.w--open {
  border-color: var(--lsw);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 65px;
}

.dropdown-menu-top {
  margin-left: 0;
  margin-right: 20px;
}

.dd-list {
  border: 2px solid var(--lsw);
  background-color: #ddd0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.dd-list.w--open {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-top-width: 0;
}

.tu-business-join-us {
  background-color: var(--body);
  filter: grayscale();
  text-align: left;
  border: 1px solid #0000004d;
  border-radius: 15px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 30vh;
  padding: 1.86vw;
  font-size: 1vw;
  font-weight: 700;
  transition: filter .2s, background-color .2s ease-in;
  display: flex;
}

.tu-business-join-us:hover {
  background-color: var(--body);
  filter: grayscale(0%);
}

.tu-white-logo {
  filter: invert();
  width: 100%;
  height: 100%;
}

.tu-white-logo:hover {
  filter: none;
}

.go-to-map {
  color: var(--90-white);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 6svh;
  text-decoration: underline;
  transition: color .2s, letter-spacing .2s;
}

.go-to-map:hover {
  color: var(--lsw);
  letter-spacing: 2px;
}

.adress-text {
  color: var(--90-white);
  letter-spacing: 1.25px;
  margin-top: auto;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 3svh;
}

.full-form-section {
  background-image: linear-gradient(#00000080, #00000080), url('../images/casillero-bg-full.png');
  background-position: 0 0, 88%;
  background-size: auto, cover;
  height: auto;
  padding-top: 200px;
  padding-bottom: 90px;
}

.full-form-section.contact {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/contacto-bg-full.png');
  background-position: 0 0, 78%;
  background-size: auto, cover;
  height: auto;
}

.recaptcha {
  margin-bottom: 0;
}

.nav-logo {
  width: 13vw;
}

.temp-locker {
  background-image: url('../images/temp-info-bg.png');
  background-position: 0 0;
  background-size: cover;
  height: auto;
  padding-top: 200px;
  padding-bottom: 90px;
}

.temp-headings {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 5svh;
}

.temp-headings-orange {
  color: var(--lsw);
  text-transform: uppercase;
  font-size: 5vw;
  font-weight: 700;
  line-height: 5svh;
}

.temp-locker-info {
  margin-bottom: 20px;
  font-size: 1.2vw;
}

.temp-info-orange {
  color: var(--lsw);
}

.planets {
  width: 60%;
  margin-top: 20px;
}

.load-screen {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#000c, #000c);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
}

.div-block {
  background-color: var(--white);
  width: 10%;
  height: 50%;
}

.load-screen-img {
  width: 50vw;
}

.tracking-section {
  margin-top: 180px;
  margin-bottom: 180px;
}

.tr-heading {
  text-align: center;
  text-transform: none;
  width: 100%;
  font-size: 3.2vw;
  font-style: italic;
  font-weight: 500;
  line-height: 3vh;
}

.tr-heading.tr-h-phone {
  display: none;
}

.tr-description {
  font-size: 1.34vw;
  font-weight: 400;
}

.orange-span {
  color: var(--lsw);
}

.form-input-alone {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

.tracking-visual {
  grid-column-gap: 9.5vw;
  grid-row-gap: 9.5vw;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.image {
  background-color: var(--90-white);
  border-radius: 80%;
  width: 15vw;
  max-width: none;
  padding: 23px 23px 23px 0;
}

.tr-visuals-holder {
  background-color: var(--white);
  border-radius: 100%;
  width: 10vw;
  padding: 25px;
  transition: background-color .2s;
}

.tr-visuals-holder.done {
  border: 3px solid var(--lsw);
}

.tr-visuals-holder.actual {
  border: 3px solid var(--90-white);
  background-color: #ef763d;
}

.bg-tr-info {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start center;
  width: 100%;
  padding: 2vw 2.5vw;
  display: flex;
}

.tr-status {
  color: #0000008a;
  margin-bottom: 10px;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 100%;
}

.tr-status.tr-s-title {
  color: var(--body);
  margin-bottom: 20px;
  font-size: 3vw;
  font-weight: 600;
  line-height: 100%;
}

.tr-status.tr-s-heading {
  color: var(--body);
  margin: 5px;
  font-size: 1.3vw;
  font-weight: 600;
}

.tr-status.description {
  font-size: 1.2vw;
}

.tr-status.tr-s-description {
  color: #0000008a;
  margin: 5px;
  font-size: 1.3vw;
  font-weight: 400;
}

.tr-status.tr-s-footer {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.1vw;
}

.tr-status-table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: .25fr 1fr;
  width: 100%;
}

.tr-s-link {
  color: var(--lsw);
  text-transform: uppercase;
  font-weight: 700;
  transition: letter-spacing .3s ease-in-out;
}

.tr-s-link:hover {
  letter-spacing: 6px;
}

@media screen and (max-width: 991px) {
  .menu {
    padding-top: 50px;
    padding-bottom: 15px;
  }

  .menu-container {
    margin-bottom: 20px;
  }

  .menu-basic-buttons {
    width: 10vw;
    height: 40px;
  }

  .menu-basic-buttons.w--current {
    width: 11vw;
    height: 40px;
    font-size: 1.1vw;
  }

  .menu-basic-buttons.cta.qa {
    width: 12vw;
    height: 40px;
    font-size: 1.2vw;
    line-height: 110%;
  }

  .menu-basic-buttons.cta.disabled {
    font-size: 1.1vw;
  }

  .menu-basic-buttons.cta.disabled:hover {
    height: 40px;
    font-size: 1.1vw;
  }

  .menu-basic-buttons.submit {
    width: 16vw;
    font-size: 1.4vw;
  }

  .menu-basic-buttons.submit.tracking {
    font-size: 1.3vw;
  }

  .carrousel {
    height: 650px;
    display: none;
  }

  .sliders {
    padding-top: 180px;
    padding-bottom: 90px;
  }

  .container {
    max-width: 100%;
    padding-left: 3.15vw;
    padding-right: 3.15vw;
  }

  .container.slider-cont {
    justify-content: flex-end;
    align-items: center;
    padding-right: 10.3vw;
    display: none;
  }

  .container.services {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding-right: 3.15vw;
  }

  .container.our-team-container {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container.tu {
    height: auto;
  }

  .container.locker-phone-cont {
    width: 100%;
    max-width: 100%;
  }

  .form-bg {
    background-color: var(--transparent);
    width: 100%;
  }

  .form-bg.full {
    background-color: var(--white);
    width: 80vw;
  }

  .separator.form {
    width: 65%;
    margin-top: 5px;
    margin-bottom: 8px;
  }

  .separator.cu-form {
    width: 55%;
  }

  .separator.temp-ls {
    width: 55%;
    margin-top: 5px;
    margin-bottom: 16px;
  }

  .form-heading {
    color: var(--white);
    font-size: 5vw;
  }

  .form-heading.h-full-form {
    color: var(--75-black);
    font-size: 4.2vw;
  }

  .form-desc {
    color: var(--90-white);
    font-size: 1.9vw;
    line-height: 3svw;
  }

  .form-desc.t-full-form {
    color: var(--75-black);
    font-size: 1.6vw;
    line-height: 2svw;
  }

  .links {
    color: var(--75-black);
  }

  .links.go-to-countries {
    font-size: 1.6vw;
  }

  .links.lf-phone {
    color: var(--90-white);
  }

  .links.lf-phone:hover {
    color: var(--lsw);
  }

  .form-inputs.tracking {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .input-container {
    color: var(--90-white);
    font-size: 1.6vw;
  }

  .input-container.ic-full-form {
    color: var(--75-black);
    font-size: 1.4vw;
  }

  .input-container.ci-phone {
    color: var(--body);
    font-size: 1.4vw;
  }

  .input-container.id-phone {
    margin-bottom: 1.2vw;
  }

  .input {
    border-bottom-color: var(--white);
    border-left-width: 1px;
    border-left-color: var(--90-white);
    color: var(--90-white);
    height: 30px;
    padding-left: 5px;
    font-size: 1.4vw;
    transition: padding .4s, border-width .2s, border-color .25s ease-in;
  }

  .input:active {
    padding-left: 7px;
  }

  .input:focus {
    border-left-width: 0;
  }

  .input::placeholder {
    color: var(--80-white);
  }

  .input.select.select-cu {
    border-bottom-color: var(--75-black);
    border-left-color: var(--75-black);
    color: var(--75-black);
    height: 40px;
    padding-left: 5px;
    font-size: 1.3vw;
  }

  .input.select.s-full-form {
    color: var(--75-black);
    font-size: 1.4vw;
  }

  .input.brithday {
    border-width: 0 0 1px 1px;
    border-color: var(--white);
    color: var(--90-white);
  }

  .input.brithday.b-full-form {
    border-bottom-color: var(--75-black);
    color: var(--75-black);
    font-size: 1.4vw;
  }

  .input.cu-input {
    border-bottom-color: var(--75-black);
    border-left-color: var(--75-black);
    color: var(--75-black);
    padding-left: 8px;
    font-size: 1.2vw;
  }

  .input.cu-input:focus {
    border-bottom-color: var(--lsw);
    border-left-color: var(--lsw);
  }

  .input.cu-input::placeholder {
    color: var(--75-black);
  }

  .input.cu-input.big-input {
    height: 40px;
  }

  .input.i-full-form {
    border-bottom-color: var(--75-black);
    color: var(--75-black);
    font-size: 1.2vw;
  }

  .input.i-full-form::placeholder {
    color: var(--75-black);
    font-size: 1.4vw;
  }

  .input.tracking, .input.tracking::placeholder {
    font-size: 1.5vw;
  }

  .form-qs {
    grid-column-gap: 1.5vw;
    grid-row-gap: 1.5vw;
  }

  .slider-controls, .slider-controls.right {
    width: 7vw;
  }

  .slider-arrow {
    width: 4.5vw;
  }

  .whu-grid {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .whu-reasons {
    grid-column-gap: 3vw;
    grid-template-columns: 11vw 1fr;
    grid-template-areas: ".";
    font-size: 2vw;
    line-height: 3vw;
  }

  .whu-title-desc {
    font-size: 1.45vw;
    line-height: 2.4vw;
  }

  .heading-base {
    margin-bottom: 15px;
    font-size: 4vw;
  }

  .heading-base.services {
    margin-bottom: 30px;
  }

  .heading-base.services-cards {
    font-size: 1.4vw;
  }

  .heading-base.services-cards.double-line {
    height: 20px;
    font-size: 1.2vw;
    line-height: 1.5vw;
  }

  .heading-base.ot {
    margin-bottom: 10px;
    font-size: 4.5vw;
  }

  .whu-badgets {
    width: 11vw;
  }

  .whu-section {
    margin-top: 160px;
  }

  .services-section {
    display: none;
  }

  .services-section.phone {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 160px;
    display: flex;
  }

  .horizontal-services {
    grid-column-gap: 2.2vw;
    grid-row-gap: 2.2vw;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: auto;
    display: grid;
  }

  .services-card {
    width: 100%;
    height: auto;
    padding: 2vw;
  }

  .go-to-arrow {
    width: 2vw;
    height: 2vw;
  }

  .services-img {
    width: 14.8vw;
    height: 14.8vw;
    margin-bottom: 5px;
  }

  .go-to-bg-unhover {
    width: 4.1vw;
    height: 4.1vw;
  }

  .our-team {
    margin-top: 80px;
  }

  .ot-text {
    margin-bottom: 45px;
    padding-left: 3.15vw;
    padding-right: 3.15vw;
    font-size: 1.6vw;
    line-height: 100%;
  }

  .ot-gallery {
    height: auto;
  }

  .ot-g-img {
    width: 31.3vw;
    height: 145px;
    margin-right: 2vw;
  }

  .ot-g-img.hidden-phone {
    display: none;
  }

  .loop-container, .content-holder {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .thrust-us {
    margin-top: 190px;
  }

  .bg-tu {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .tu-business {
    height: 120px;
  }

  .tu-business.title {
    height: 120px;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    font-size: 1.7vw;
    line-height: 2.5vw;
  }

  .tu-business.hidden-phone {
    display: flex;
  }

  .contact-us {
    margin-top: 240px;
  }

  .contact-us-grid {
    grid-template-rows: auto auto auto auto;
  }

  .cu-bg {
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
  }

  .cu-bg.vertical {
    justify-content: center;
    align-items: stretch;
  }

  .cu-bg.vertical.bottom-left-cu {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .cu-bg.vertical.full-right-cu {
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .cu-bg.adress {
    height: 400px;
  }

  .cu-bg.top-left-cu {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .ceo-img {
    border: 1.5px solid var(--lsw);
    border-radius: 15px;
    width: 22vw;
    height: 22vw;
    margin-bottom: 25px;
  }

  .ceo-text {
    height: auto;
    font-size: 1.3vw;
  }

  .cu-heading {
    font-size: 3.7vw;
  }

  .cu-heading.sub-heading {
    font-size: 1.7vw;
  }

  .cu-heading-form {
    font-size: 4vw;
  }

  .cu-heading-qa {
    font-size: 3.7vw;
  }

  .cu-heading-adress {
    font-size: 4.8vw;
    line-height: 5vw;
  }

  .adress-title-small {
    font-size: 3.8vw;
  }

  .footer {
    height: 100%;
    padding-bottom: 40px;
  }

  .menu-footer {
    font-size: 1.8vw;
  }

  .menu-footer.copyright {
    font-size: 1.4vw;
  }

  .footer-logo {
    width: 22vw;
    height: auto;
  }

  .welcome-phone {
    border-bottom: 2px solid var(--90-white);
    background-image: url('../images/slider-1.png');
    background-position: 0 0;
    background-size: auto;
    margin-top: 0;
    padding-top: 160px;
    padding-bottom: 80px;
    display: flex;
  }

  .dropdown-menu {
    height: 40px;
  }

  .dropdown-menu:hover, .dropdown-menu.w--open {
    height: 45px;
  }

  .dd-list.w--open {
    width: 11vw;
  }

  .tu-business-join-us {
    height: 120px;
    font-size: 1.5vw;
  }

  .go-to-map {
    line-height: 5svh;
  }

  .adress-text {
    font-size: 1.7vw;
    line-height: 2svw;
  }

  .nav-logo {
    width: 13vw;
  }

  .temp-headings {
    margin-bottom: 10px;
    line-height: 3svh;
  }

  .temp-locker-info {
    font-size: 1.4vw;
  }

  .tracking-section {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .tr-heading {
    line-height: 2.3vh;
  }

  .tr-description {
    font-size: 1.4vw;
  }

  .form-input-alone {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .tracking-visual {
    grid-column-gap: 7.8vw;
    grid-row-gap: 7.8vw;
    margin-bottom: 30px;
  }

  .tr-visuals-holder {
    width: 12.5vw;
    padding: 15px;
  }

  .bg-tr-info {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 3vw 3.5vw 3vw 2vw;
  }

  .tr-status {
    font-size: 1.8vw;
  }

  .tr-status.tr-s-title {
    font-size: 3vw;
  }

  .tr-status.tr-s-heading, .tr-status.tr-s-description {
    font-size: 1.5vw;
  }

  .tr-status.tr-s-footer {
    font-size: 1.3vw;
  }
}

@media screen and (max-width: 767px) {
  .menu {
    justify-content: center;
    align-items: center;
    padding-top: 25px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .menu-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }

  .menu-logo {
    justify-content: center;
    align-items: center;
    width: 20vw;
    padding-left: 0;
    display: flex;
  }

  .menu-logo.w--current {
    justify-content: center;
    align-items: center;
    width: auto;
    padding-left: 0;
  }

  .menu-buttons {
    z-index: 2;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #000000b3;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 40%;
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .menu-basic-buttons {
    border-color: var(--lsw);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    text-shadow: none;
    border-left-width: 0;
    border-right-width: 1px;
    border-radius: 0 5px 5px 0;
    width: 95%;
    height: 20px;
    min-height: 20px;
    margin-bottom: 5px;
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: background-color .3s, font-size .3s ease-in-out, height .3s ease-in-out, width .3s ease-in-out;
  }

  .menu-basic-buttons:hover {
    background-color: var(--lsw);
    color: var(--90-white);
    width: 100%;
    height: 25px;
    font-size: 1.3vw;
    transform: none;
  }

  .menu-basic-buttons.w--current {
    width: 100%;
    height: 35px;
    font-size: 2vw;
  }

  .menu-basic-buttons.cta.last {
    margin-bottom: 0;
    font-size: 2vw;
    line-height: 100%;
    transition: font-size .3s, height .3s, width .3s, background-color .3s;
  }

  .menu-basic-buttons.cta.last:hover {
    font-size: 2vw;
  }

  .menu-basic-buttons.cta.qa {
    border-radius: 5px;
    font-size: 1.1vw;
  }

  .menu-basic-buttons.cta.qa.disabled {
    background-color: var(--lsw);
    border-width: 0;
    font-size: 1.1vw;
  }

  .menu-basic-buttons.cta.qa.disabled:hover {
    font-size: 1.1vw;
  }

  .menu-basic-buttons.cta.qa.disabled.last {
    margin-bottom: 5px;
  }

  .menu-basic-buttons.cta.disabled {
    text-align: center;
    background-color: #0000;
    border-width: 2px 1px 2px 0;
    border-color: #c6c6c6e3;
    font-size: 2vw;
    line-height: 100%;
  }

  .menu-basic-buttons.cta.disabled:hover {
    width: 95%;
    height: 20px;
    font-size: 2vw;
  }

  .menu-basic-buttons.submit {
    border-radius: 5px;
    width: 20vw;
    height: 40px;
    font-size: 1.8vw;
    transition: transform .3s;
  }

  .menu-basic-buttons.submit:hover {
    transform: scale(1.1);
  }

  .menu-basic-buttons.submit.sc-phone {
    margin-top: 3vw;
    display: inline-flex;
  }

  .menu-basic-buttons.phone-systems, .menu-basic-buttons.phone-nb {
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    transition: background-color .3s, font-size .3s ease-in-out, height .3s ease-in-out, width .3s ease-in-out;
    display: flex;
  }

  .sliders {
    background-image: url('../images/slider-1-phone-.png');
    background-position: 50%;
  }

  .form-bg.full {
    width: 90vw;
  }

  .separator.form {
    margin-bottom: 10px;
  }

  .separator.form.full {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .separator.temp-ls {
    margin-bottom: 20px;
  }

  .form-heading {
    font-size: 5vw;
  }

  .form-heading.h-full-form {
    font-size: 4.5vw;
  }

  .form-desc {
    font-size: 2vw;
  }

  .form-desc.t-full-form {
    font-size: 1.5vw;
  }

  .input-container, .input-container.ic-full-form, .input {
    font-size: 1.8vw;
  }

  .input.select.s-full-form {
    border-bottom-color: var(--75-black);
    font-size: 1.8vw;
  }

  .input.brithday {
    color: var(--90-white);
  }

  .input.brithday.b-full-form, .input.i-full-form, .input.i-full-form::placeholder {
    font-size: 1.8vw;
  }

  .slider-controls {
    width: 8.5vw;
    height: 8vw;
  }

  .slider-controls.right {
    width: 8.5vw;
  }

  .slider-arrow {
    width: 8.5vw;
    height: 8vw;
  }

  .whu-reasons {
    grid-row-gap: 16px;
    grid-template-columns: 15vw 1fr;
    font-size: 2.3vw;
  }

  .whu-title-desc {
    font-size: 1.6vw;
  }

  .heading-base {
    font-size: 4.2vw;
  }

  .heading-base.services-cards {
    font-size: 1.6vw;
  }

  .heading-base.services-cards.double-line {
    font-size: 1.5vw;
  }

  .whu-badgets {
    width: 15vw;
  }

  .services-img {
    width: 17.8vw;
    height: 17.8vw;
  }

  .ot-text {
    font-size: 2vw;
  }

  .ot-gallery {
    width: 100vw;
    padding-left: 3.15vw;
    padding-right: 3.15vw;
  }

  .ot-g-img {
    z-index: 1;
    cursor: pointer;
    border-radius: 0;
    width: 100%;
    height: 100%;
    transition: z-index .4s ease-in-out, transform .4s ease-in-out;
  }

  .ot-g-img:hover {
    z-index: 2;
    position: relative;
    transform: translate(50%, 100%)scale3d(2, 3, 1);
  }

  .ot-g-img.ot-g-img-tr:hover {
    transform: translate(-50%, 100%)scale3d(2, 3, 1);
  }

  .ot-g-img.ot-g-img-ml:hover {
    transform: translate(50%)scale3d(2, 3, 1);
  }

  .ot-g-img.ot-g-img-mr:hover {
    transform: translate(-50%)scale3d(2, 3, 1);
  }

  .ot-g-img.ot-g-img-bl:hover {
    transform: translate(50%, -100%)scale3d(2, 3, 1);
  }

  .ot-g-img.ot-g-img-br:hover {
    transform: translate(-50%, -100%)scale3d(2, 3, 1);
  }

  .loop-container {
    display: none;
  }

  .tu-business.title {
    font-size: 2vw;
  }

  .contact-us-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cu-bg.vertical.bottom-left-cu, .cu-bg.vertical.full-right-cu {
    display: none;
  }

  .cu-bg.adress {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .cu-bg.top-left-cu {
    border-radius: 15px;
    padding: 25px 3vw;
  }

  .ceo-img {
    width: 34vw;
    height: auto;
    margin-bottom: 10px;
  }

  .ceo-text {
    font-size: 2vw;
  }

  .cu-heading {
    font-size: 5.5vw;
  }

  .cu-heading.sub-heading {
    font-size: 2.4vw;
  }

  .cu-heading-adress {
    font-size: 6.2vw;
  }

  .adress-title-small {
    font-size: 4.2vw;
    line-height: 8svh;
  }

  .footer {
    margin-top: 0;
  }

  .menu-footer.copyright {
    font-size: 1.6vw;
  }

  .footer-logo {
    height: auto;
  }

  .img-holder-phone {
    z-index: 0;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    background-image: linear-gradient(to bottom, var(--body), var(--body));
    border-radius: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    transition: border-radius .4s ease-out;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .img-holder-phone:hover {
    border-radius: 8px;
  }

  .phone-menu-dropdown {
    background-color: #ef763d99;
    border-radius: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding: 10px;
    transition: transform .15s;
    display: flex;
  }

  .phone-menu-dropdown:active {
    transform: scale(1.1);
  }

  .phone-menu-dropdown.w--open {
    background-color: var(--lsw);
    transform: scale(1.1);
  }

  .welcome-phone {
    padding-top: 125px;
    padding-bottom: 60px;
  }

  .dropdown-menu-top {
    display: none;
  }

  .tu-business-join-us {
    font-size: 1.8vw;
  }

  .go-to-map {
    line-height: 10svh;
  }

  .adress-text {
    font-size: 2vw;
  }

  .full-form-section {
    background-image: linear-gradient(#00000080, #00000080), url('../images/casillero-bg-full.png');
    background-position: 0 0, 94%;
  }

  .dd-phone-icon {
    width: 6vw;
  }

  .nav-logo {
    width: 20vw;
  }

  .paragraph {
    font-size: 1.9vw;
  }

  .temp-headings {
    margin-bottom: 15px;
  }

  .temp-locker-info {
    font-size: 1.6vw;
  }

  .planets {
    width: 55%;
  }

  .bold-text {
    line-height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .menu-basic-buttons {
    height: 30px;
    font-size: 3vw;
  }

  .menu-basic-buttons:hover {
    font-size: 3vw;
  }

  .menu-basic-buttons.w--current {
    width: 98%;
    height: 20px;
    font-size: 3vw;
  }

  .menu-basic-buttons.cta.last, .menu-basic-buttons.cta.last:hover {
    font-size: 3vw;
  }

  .menu-basic-buttons.cta.last.w--current {
    width: 98%;
  }

  .menu-basic-buttons.cta.disabled, .menu-basic-buttons.cta.disabled:hover {
    font-size: 3vw;
  }

  .menu-basic-buttons.cta.disabled:active {
    font-size: 2.2vw;
  }

  .menu-basic-buttons.submit {
    border-radius: 5px;
    width: 30vw;
    font-size: 2.5vw;
  }

  .menu-basic-buttons.submit.sc-phone {
    margin-top: 20px;
    display: inline-flex;
  }

  .menu-basic-buttons.submit.tracking {
    width: 100%;
    height: 6vh;
    padding: 10px;
    font-size: 3vw;
  }

  .menu-basic-buttons.submit.tracking:hover {
    transform: scale(1.03);
  }

  .menu-basic-buttons.phone-systems, .menu-basic-buttons.phone-nb {
    font-size: 3vw;
  }

  .sliders {
    background-image: url('../images/slider-1-phone-_1.png');
    background-repeat: no-repeat;
    background-size: 960px;
  }

  .container.locker-phone-cont {
    flex-flow: column;
  }

  .form-bg {
    background-color: #fff0;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .form-bg.full {
    padding: 20px 4vw;
  }

  .separator.form {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .separator.s-footer {
    margin-top: 2vw;
    margin-bottom: 5vw;
  }

  .separator.temp-ls {
    width: 80%;
    margin-top: 5px;
    margin-bottom: 20px;
  }

  .form-heading {
    color: var(--90-white);
    font-size: 5.3vw;
  }

  .form-heading.h-full-form {
    font-size: 4.1vw;
  }

  .form-desc {
    color: var(--90-white);
    font-size: 2.4vw;
  }

  .form-desc.t-full-form {
    font-size: 2.1vw;
  }

  .links.go-to-countries {
    font-size: 2vw;
  }

  .form-inputs.tracking {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .input-container {
    color: var(--90-white);
    margin-bottom: 5px;
    font-size: 2vw;
  }

  .input-container.ic-full-form {
    font-size: 2.1vw;
  }

  .input {
    border-width: 0 0 1px 1px;
    border-color: var(--90-white);
    color: var(--90-white);
    padding-left: 5px;
    font-size: 2vw;
  }

  .input::placeholder {
    color: #fff9;
    font-size: 2vw;
  }

  .input.select {
    color: var(--90-white);
    font-size: 2vw;
  }

  .input.select.s-full-form {
    height: 30px;
    padding-left: 0;
    font-size: 2vw;
  }

  .input.brithday {
    border-width: 0 0 1px 1px;
    border-color: var(--90-white);
    color: var(--90-white);
    font-size: 2vw;
  }

  .input.brithday.b-full-form {
    height: 30px;
    font-size: 2vw;
  }

  .input.i-full-form {
    height: 20px;
    padding-left: 0;
    font-size: 3vw;
  }

  .input.i-full-form::placeholder {
    font-size: 2vw;
  }

  .input.i-full-form.bigger-input {
    height: 40px;
  }

  .input.tracking {
    height: 8vh;
    padding: 10px;
    font-size: 3vw;
  }

  .input.tracking:focus {
    border-width: 2px;
  }

  .input.tracking::placeholder {
    font-size: 3vw;
  }

  .form-qs {
    width: 100%;
  }

  .slider-controls, .slider-controls.right {
    width: 11vw;
  }

  .slider-arrow {
    width: 7vw;
  }

  .whu-reasons {
    grid-template-columns: 15vw 1fr;
    grid-template-areas: ".";
    font-size: 3vw;
    line-height: 4vw;
  }

  .whu-title-desc {
    font-size: 2vw;
  }

  .heading-base {
    font-size: 4.25vw;
  }

  .heading-base.services {
    margin-bottom: 15px;
    font-size: 14.7vw;
  }

  .heading-base.services-cards {
    font-size: 2vw;
  }

  .heading-base.services-cards.double-line {
    font-size: 2vw;
    line-height: 120%;
  }

  .heading-base.ot {
    font-size: 6vw;
    display: none;
  }

  .heading-base.ot.phone {
    font-size: 7vw;
    display: block;
  }

  .whu-badgets {
    width: 15vw;
  }

  .whu-section, .services-section.phone {
    margin-top: 80px;
  }

  .horizontal-services {
    grid-template-columns: 1fr 1fr;
  }

  .services-card {
    padding: 3vw;
  }

  .go-to-arrow {
    width: 3vw;
    height: 3vw;
  }

  .services-img {
    width: 18.8vw;
    height: 18.8vw;
  }

  .go-to-bg-unhover {
    width: 9vw;
    height: 9vw;
  }

  .ot-text {
    margin-bottom: 25px;
    font-size: 2.5vw;
    line-height: 4svw;
  }

  .ot-gallery {
    width: 100vw;
    padding-left: 3.15vw;
    padding-right: 3.15vw;
  }

  .ot-g-img {
    border-radius: 0;
    width: 100%;
    height: 100%;
  }

  .loop-container {
    display: none;
  }

  .thrust-us {
    margin-top: 280px;
  }

  .bg-tu {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 3.5vw 2.5vw;
  }

  .tu-business {
    height: 80px;
  }

  .tu-business.title {
    height: 80px;
    padding: 4vw 2vw;
    font-size: 2.4vw;
  }

  .contact-us {
    margin-top: 280px;
    margin-bottom: 60px;
  }

  .contact-us-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cu-bg {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.8vw;
  }

  .cu-bg.vertical {
    display: none;
  }

  .cu-bg.adress {
    background-position: 100%;
    height: 300px;
    margin-top: 20px;
    padding: 2px 4vw 20px;
  }

  .cu-bg.top-left-cu {
    border-radius: 15px;
    padding: 10px 4vw 20px;
  }

  .ceo-img {
    border: 3px solid var(--lsw);
    border-radius: 15px;
    width: 50%;
    height: auto;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .ceo-text {
    text-align: left;
    font-size: 3vw;
    line-height: 4svw;
  }

  .cu-heading {
    font-size: 8.6vw;
  }

  .cu-heading.sub-heading {
    margin-bottom: 10px;
    font-size: 4vw;
  }

  .cu-heading-adress {
    font-size: 5.1vw;
    line-height: 0;
  }

  .adress-title-small {
    font-size: 4.1vw;
    line-height: 9svw;
  }

  .footer {
    padding-bottom: 20px;
  }

  .footer-sec {
    margin-top: 20px;
  }

  .menu-footer {
    font-size: 2.3vw;
  }

  .menu-footer.copyright {
    font-size: 1.5vw;
    line-height: 1svh;
  }

  .f-links {
    font-size: 2.8vw;
  }

  .footer-logo {
    width: 32vw;
    height: auto;
  }

  .img-holder-phone {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    background-color: #000000e6;
    border-radius: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    overflow: hidden;
  }

  .welcome-phone {
    display: block;
  }

  .tu-business-join-us {
    height: 80px;
    padding: 4vw 3vw;
    font-size: 2.5vw;
  }

  .go-to-map {
    line-height: 0;
  }

  .adress-text {
    color: var(--90-white);
    text-align: justify;
    font-size: 2vw;
    line-height: 3svw;
  }

  .full-form-section {
    background-position: 100%;
  }

  .recaptcha {
    margin-bottom: 5px;
  }

  .nav-logo {
    width: 20vw;
  }

  .paragraph {
    font-size: 2.1vw;
  }

  .temp-locker {
    background-position: 100%;
    padding-top: 140px;
  }

  .temp-headings {
    margin-bottom: 0;
    font-size: 3.5vw;
  }

  .temp-headings-orange {
    font-size: 7vw;
  }

  .temp-locker-info {
    font-size: 2.2vw;
  }

  .planets {
    width: 80%;
    margin-top: 5px;
  }

  .load-screen {
    display: none;
  }

  .tracking-section {
    margin-top: 0;
    margin-bottom: 50px;
  }

  .tr-heading {
    font-size: 5.4vw;
    line-height: 100%;
    display: none;
  }

  .tr-heading.tr-h-phone {
    letter-spacing: -1px;
    font-size: 5.6vw;
    line-height: 100%;
    display: block;
  }

  .tr-description {
    font-size: 3vw;
    line-height: 0%;
  }

  .tracking-visual {
    display: none;
  }

  .bg-tr-info {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 5.5vw 3vw;
  }

  .tr-status {
    font-size: 3vw;
  }

  .tr-status.tr-s-title {
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-size: 4.05vw;
  }

  .tr-status.tr-s-heading, .tr-status.tr-s-description {
    font-size: 2vw;
  }

  .tr-status.tr-s-footer {
    margin-top: 10px;
    font-size: 1.8vw;
    line-height: 140%;
  }
}

#w-node-_6bf3496b-29cc-fd89-9666-10237d1d975d-5a2787e9 {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6bf3496b-29cc-fd89-9666-10237d1d977a-5a2787e9, #w-node-_6bf3496b-29cc-fd89-9666-10237d1d978f-5a2787e9, #w-node-_6bf3496b-29cc-fd89-9666-10237d1d9794-5a2787e9 {
  grid-column: span 2 / span 2;
}

#w-node-_79f73d85-8555-1c0c-dfef-59eef4f03c81-5a2787e9 {
  place-self: start;
}

#w-node-d7370587-5f55-62fd-b5a8-e73816a3c477-5a2787e9 {
  align-self: center;
}

#w-node-f25c05da-362d-de38-6448-b5034fe88201-5a2787e9 {
  place-self: center;
}

#w-node-_8a2dce52-5917-971a-a521-f1d2e4b3f24b-5a2787e9 {
  align-self: center;
}

#w-node-_77ed2bf2-4542-5f3f-ddaf-5103fc9d0e0a-5a2787e9 {
  place-self: center;
}

#w-node-_66c0446d-e44f-33c7-7697-25835afe7153-5a2787e9 {
  align-self: center;
}

#w-node-e0c8992b-49dd-4269-60d5-8497e7d0c690-5a2787e9 {
  place-self: center;
}

#w-node-e09a3cdd-8519-53b5-a1e3-9d761b862db0-5a2787e9 {
  align-self: center;
}

#w-node-e9d738b2-92e0-9c4e-5358-eba8069c7974-5a2787e9 {
  place-self: center;
}

#w-node-eee49568-705e-80b8-b668-7cc200e34add-5a2787e9 {
  align-self: center;
}

#w-node-c31f34be-40af-c9e6-06bf-48af4d6c0a5e-5a2787e9 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ac88a365-d052-bbce-f275-2a98d1559b78-5a2787e9 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ac88a365-d052-bbce-f275-2a98d1559b95-5a2787e9, #w-node-ac88a365-d052-bbce-f275-2a98d1559ba8-5a2787e9 {
  grid-column: span 2 / span 2;
}

#w-node-_31f89164-c347-16b5-9ebf-c4e989333b46-5a2787e9 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_1eec012b-d8af-83b6-db57-436da5473569-a5473567 {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1eec012b-d8af-83b6-db57-436da5473578-a5473567, #w-node-_1eec012b-d8af-83b6-db57-436da547358d-a5473567, #w-node-_1eec012b-d8af-83b6-db57-436da54735a2-a5473567, #w-node-_1eec012b-d8af-83b6-db57-436da54735a7-a5473567 {
  grid-column: span 2 / span 2;
}

#w-node-_70d3d90a-f30e-a757-ebbb-db4357afc9d3-2bb037fe {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_70d3d90a-f30e-a757-ebbb-db4357afc9e2-2bb037fe, #w-node-_70d3d90a-f30e-a757-ebbb-db4357afc9f7-2bb037fe, #w-node-_70d3d90a-f30e-a757-ebbb-db4357afca0a-2bb037fe, #w-node-af010002-e58a-ab73-47e2-d2ea638755d2-2bb037fe {
  grid-column: span 2 / span 2;
}

#w-node-_6035502d-72e8-e550-1713-cd3d59c6d388-e685ea46 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6035502d-72e8-e550-1713-cd3d59c6d3a5-e685ea46, #w-node-_6035502d-72e8-e550-1713-cd3d59c6d3bf-e685ea46 {
  grid-column: span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-f25c05da-362d-de38-6448-b5034fe88201-5a2787e9, #w-node-_77ed2bf2-4542-5f3f-ddaf-5103fc9d0e0a-5a2787e9, #w-node-e0c8992b-49dd-4269-60d5-8497e7d0c690-5a2787e9, #w-node-e9d738b2-92e0-9c4e-5358-eba8069c7974-5a2787e9 {
    justify-self: start;
  }

  #w-node-_802f1f88-e29d-257c-21b2-b005263776d2-5a2787e9 {
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6bf3496b-29cc-fd89-9666-10237d1d975d-5a2787e9 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_6bf3496b-29cc-fd89-9666-10237d1d977a-5a2787e9, #w-node-_6bf3496b-29cc-fd89-9666-10237d1d978f-5a2787e9, #w-node-_6bf3496b-29cc-fd89-9666-10237d1d9794-5a2787e9 {
    grid-column: span 2 / span 2;
  }

  #w-node-d0f541a3-6430-4d04-5d8d-b7b35626c898-5a2787e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d0f541a3-6430-4d04-5d8d-b7b35626c898-5a2787e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_70d3d90a-f30e-a757-ebbb-db4357afc9d3-2bb037fe {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
}


