@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,600,700,900,italic&display=swap);
@import url(https://fonts.googleapis.com/css?family=Baskervville:regular&display=swap);
@font-face {
  font-family: icons;
  font-display: swap;
  src: url(../fonts/icons.woff2) format("woff2"),url(../fonts/icons.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
[class*=_icon-]:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
[class*=_icon-]:before {
  display: block
}
._icon-play:before {
  content: "\e906"
}
._icon-mail:before {
  content: "\e905"
}
._icon-arrow-left:before {
  content: "\e907"
}
._icon-arrow-down-alt1:before {
  content: "\e908"
}
._icon-download:before {
  content: "\e908"
}
._icon-phone:before {
  content: "\e902"
}
._icon-location:before {
  content: "\e903"
}
._icon-arrow-down-2:before {
  content: "\e904"
}
._icon-anchor:before {
  content: "\e900"
}
._icon-ship:before {
  content: "\e901"
}
* {
  padding: 0;
  margin: 0;
  border: 0
}
*,
*::after,
*::before {
  box-sizing: border-box
}
*::after,
*::before {
  display: inline-block
}
body,
html {
  height: 100%;
  min-width: 320px
}
body {
  color: #153648;
  line-height: 1;
  font-family: Montserrat;
  font-size: .9375rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
textarea {
  font-family: Montserrat;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent
}
input,
textarea {
  width: 100%
}
button,
option,
select {
  cursor: pointer
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
ul li {
  list-style: none
}
img {
  vertical-align: top
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit
}
.lock body {
  overflow: hidden;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}
@supports (overflow:clip) {
  .wrapper {
    overflow: clip
  }
}
.wrapper > main {
  flex: 1 1 auto
}
.wrapper > * {
  min-width: 0
}
[class*=__container] {
  max-width: 89.375rem;
  margin: 0 auto;
  padding: 0 .9375rem
}
.select {
  min-width: 0;
  position: relative
}
.select__body {
  position: relative
}
.select__title {
  color: #666;
  text-align: left;
  border: 1px solid #8c8c8c;
  background-color: #faf8e3;
  cursor: pointer;
  width: 100%;
  border-radius: 0
}



.select__value {
  display: flex;
  min-width: 0;
  align-items: center;
  height: 3.4375rem;
  padding: 0 .9375rem;
  gap: .625rem
}
.select__value > * {
  flex: 1 1 auto
}
.select__value:after {
  content: "";
  align-self: stretch;
  flex: 0 0 10px;
  position: absolute;
  transition: all .3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center
}
._select-open .select__value:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.select__value._select-pseudo-label::before {
  content: attr(data-pseudo-label);
  opacity: .5
}
.select__content {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000
}
.select__text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #153648
}
.select__input {
  width: 100%;
  background-color: transparent;
  height: 100%
}
.select__options {
  color: #000;
  position: absolute;
  top: calc(100% - .0625rem);
  border-radius: 0 0 4px 4px;
  min-width: 100%;
  left: 0;
  background-color: #faf8e3;
  border-top: 0;
  border: 1px solid #d9d9d9;
  border-top: 0;
  padding: 10px 0 5px 0
}
.select__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 12.5rem
}
.select__option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 5px 15px;
  color: #153648
}
.select__option._select-selected {
  background-color: #eee
}
.select__row {
  display: inline-flex;
  align-items: center
}
.select--show-top .select__options {
  top: auto;
  bottom: calc(100% - .0625rem);
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 5px 0 10px 0
}
._select-tag {
  cursor: pointer
}


.menu__link {
  font-weight: 600;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-menu {
  display: none
}
body::after {
  content: "";
  background-color: rgba(0,0,0,.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .8s ease 0s;
  pointer-events: none;
  z-index: 149
}
.popup-show body::after {
  opacity: 1
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  transition: visibility .8s ease 0s;
  visibility: hidden;
  pointer-events: none
}
.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.popup__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
  background-color: #faf8e3;
  padding: 20px;
  width: 100%;
  max-width: 900px;
  border-radius: 20px
}
.lock .popup__content {
  visibility: visible
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.ibg--top {
  -o-object-position: top;
  object-position: top
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom
}
.ibg--left {
  -o-object-position: left;
  object-position: left
}
.ibg--right {
  -o-object-position: right;
  object-position: right
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain
}
.button--popup {
  padding: .625rem 1.25rem;
  color: #fefefe;
  background-color: #2f8098;
  border-radius: 2.1875rem;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}
.button--form-offices-intro-bottom {
  padding: .625rem 1.25rem;
  color: #fefefe;
  line-height: 1;
  background-color: #2f8098;
  border-radius: 2.1875rem;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s
}
.popup {
  background-color: rgba(255,255,255,.45)
}
.popup__content {
  max-width: 36.25rem;
  padding: 1.25rem;
  border: .1875rem solid #2f8098;
  border-radius: 1
}
.popup__header-body {
  display: flex;
  justify-content: space-between
}
.popup__header-body:not(:last-child) {
  margin-bottom: 1rem
}
.popup__title {
  font-size: 2rem;
  line-height: 1.125;
  color: #000
}
.popup__button-body-top {
  background-color: #2f8098
}
.popup__close-body {
  font-size: .75rem;
  color: #fff;
  padding: .875rem .5rem;
  text-transform: uppercase
}
.popup__form {
  color: #8c8c8c;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.625rem
}
.popup__name-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.popup__name-body .form__error {
  font-weight: 600;
  color: red
}
.popup__name span {
  color: red
}
.popup__name-inputs {
  gap: 1.25rem;
  display: flex
}
.popup__first-name,
.popup__last-name {
  height: 55px;
  padding: .6875rem;
  border: .0625rem solid #8c8c8c
}
.popup__first-name::-webkit-input-placeholder,
.popup__last-name::-webkit-input-placeholder {
  color: #666
}
.popup__first-name:-ms-input-placeholder,
.popup__last-name:-ms-input-placeholder {
  color: #666
}
.popup__first-name::-ms-input-placeholder,
.popup__last-name::-ms-input-placeholder {
  color: #666
}
.popup__first-name::placeholder,
.popup__last-name::placeholder {
  color: #666
}
.popup__departament-body {
  background-color: rgba(255,255,255,.45)
}
.popup__departament-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.popup__departament-name span {
  color: red
}
.popup__select-departament {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c;
  font-size: 1rem;
  background-color: rgba(255,255,255,.45);
  color: #8c8c8c
}
.popup__select-departament::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem;
  background-color: rgba(255,255,255,.45)
}
.popup__select-departament:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem;
  background-color: rgba(255,255,255,.45)
}
.popup__select-departament::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem;
  background-color: rgba(255,255,255,.45)
}
.popup__select-departament::placeholder {
  color: #666;
  font-size: .9375rem;
  background-color: rgba(255,255,255,.45)
}
.popup__departament-option {
  background-color: rgba(255,255,255,.45);
  color: #153648
}
.popup__mail-body {
  color: #666
}
.popup__mail-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.popup__mail-body .form__error {
  font-weight: 600;
  color: red
}
.popup__mail-name span {
  color: red
}
.popup__mail-input {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c
}
.popup__mail-input::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__mail-input:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__mail-input::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__mail-input::placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__phone-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.popup__phone-body .form__error {
  font-weight: 600;
  color: red
}
.popup__phone-name span {
  color: red
}
.popup__phone-input {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c
}
.popup__phone-input::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__phone-input:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__phone-input::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__phone-input::placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__subject-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.popup__subject-body .form__error {
  font-weight: 600;
  color: red
}
.popup__subject-name span {
  color: red
}
.popup__subject-input {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c
}
.popup__subject-input::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__subject-input:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__subject-input::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__subject-input::placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__subject-explanation {
  font-size: .875rem;
  margin-top: .3125rem
}
.popup__message-body:not(:last-child) {
  margin-bottom: 1.25rem
}
.popup__message-name span {
  color: red
}
.popup__message-textarea {
  padding: .6875rem;
  height: 7.5rem;
  border: .0625rem solid #8c8c8c
}
.popup__message-textarea::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__message-textarea:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__message-textarea::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__message-textarea::placeholder {
  color: #666;
  font-size: .9375rem
}
.popup__button-send {
  padding: .625rem 1.25rem;
  border-radius: 1.875rem;
  color: #fff;
  background-color: #2f8098
}
.select__value {
  background-color: rgba(255,255,255,.45);
  color: rgba(255,255,255,.45);
  position: relative
}
.select__value::after {
  content: "";
  position: absolute;
  top: 50%;
  right: .625rem;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  border-top: .625rem solid #153648
}
.header {
  left: 0;
  top: 0;
  position: relative;
  z-index: 50
}
.header__container {
  min-height: 5rem;
  display: grid;
  grid-template-columns: 10.625rem 1fr 10.625rem;
  gap: 1.25rem;
  align-items: center
}
.header__logo {
  transition: all .3s
}
.header__logo-image {
  max-width: 10rem
  -webkit-transform: scale(1.15);
  transform: scale(1.15)
}
.header__logo-img-ibg {
  aspect-ratio: 420/124
}
.header__button-block {
  display: grid;
  justify-content: end
}

.service__button-block {
  display: grid;
  justify-content: center
}

.menu {
  display: grid;
  align-items: center;
  padding: .9375rem 0
}
.menu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  row-gap: .9375rem;
  height:100%
}
.menu__link {
  color: rgba(255,255,255,.62);
  transition: all .3s
}
.active-page {
  color: #fff
}
.footer {
  background-color: #153648;
  padding-top: 2.5rem;
  z-index: 50
}
.top-footer__body {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1.25rem;
  padding-bottom: 2.8125rem;
  line-height: 2;
  align-items: center
}
.top-footer__address-body {
  display: grid;
  justify-content: center;
  text-align: center
}
.top-footer__title {
  font-size: 1.1875rem;
  font-weight: 700;
  color: #fff
}
.top-footer__title:not(:last-child) {
  padding-bottom: .375rem
}
.top-footer__address {
  line-height: 1.875;
  color: #e4e4e4
}
.top-footer__address:not(:last-child) {
  padding-bottom: .625rem
}
.top-footer__fax {
  line-height: 1.875;
  color: #e4e4e4
}
.top-footer__mail:not(:last-child) {
  padding-bottom: .625rem
}
.top-footer__mail-link {
  color: #e4e4e4
}
.top-footer__mail-link span {
  color: #dcc08c
}
.top-footer__page-links {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center
}
.top-footer__link {
  font-size: 1.0625rem;
  color: rgba(255,255,255,.62)
}
.bottom-footer {
  font-size: 1rem;
  padding: 1.875rem 0;
  display: grid;
  align-items: center;
  justify-content: center
}
.bottom-footer__copiright {
  color: #39879d
}
.hero {
  height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5rem
}
.hero::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #58bef5;
  z-index: -2
}
.hero__image {
  z-index: -1;
  position: fixed;
  background-attachment: fixed;
  width: 100%;
  height: 100%
}
.hero__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5)
}
.hero__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.hero__container {
  display: grid;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 10
}
.hero__label-body:not(:last-child) {
  margin-bottom: 2.8125rem
}
.hero__label {
  font-family: Baskervville;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: .3125rem;
  color: #fff;
  text-shadow: 0 0 .4375rem #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 4s
}
._watcher-view .hero__label {
  opacity: 1;
  visibility: visible
}
.hero__title-body:not(:last-child) {
  margin-bottom: 2.1875rem
}
.hero__title {
  font-family: Baskervville;
  font-weight: 900;
  line-height: 1.3958333333;
  letter-spacing: .3125rem;
  color: #fff;
  opacity: 0;
  transition: all 6s
}
._watcher-view .hero__title {
  opacity: 1
}
.hero__button-link-block {
  width: 11.25rem;
  height: 3rem;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: rgba(2,68,112,.80);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  transition: all 8s
}
._watcher-view .hero__button-link-block {
  opacity: 1
}
.hero__pseudo-button {
  color: #fff;
  font-size: 1rem;
  text-align: center
}
.hero__button {
  position: absolute;
  text-align: center;
  display: grid;
  align-items: center;
  width: 11.25rem;
  height: 3rem;
  background-color: #fff;
  opacity: 0;
  -webkit-transform: translate(0,-100%);
  transform: translate(0,-100%);
  transition: all .8s ease .2s
}
.hero__link {
  font-size: 1rem;
  font-weight: 900;
  color: #7986cb
}
.hero-about {
  height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5rem
}
.hero-about::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #58bef5;
  z-index: -2
}
.hero-about__image {
  z-index: -1;
  position: fixed;
  background-attachment: fixed;
  width: 100%;
  height: 100%
}
.hero-about__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5)
}
.hero-about__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top
}
.hero-about__container {
  display: grid;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 10
}
.hero-about__title-body {
  margin: 0 auto;
  display: grid;
  justify-content: center;
  align-items: center
}
.hero-about__title-body:not(:last-child) {
  margin-bottom: 1.25rem
}
.hero-about__title {
  font-size: 3.4375rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3958333333;
  letter-spacing: .3125rem;
  color: #fff
}
.hero-about__button-body {
  margin: 0 auto
}
.hero-about__button {
  color: #fff;
  font-size: 3.125rem;
  transition: all .5s
}
.numbers-about {
  background-color: #faf8e3;
  position: relative
}
.numbers-about__container {
  max-width: 56.25rem;
  margin: 0 auto
}
.numbers-about__head {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: .3125rem;
  padding: 0 .625rem
}
.numbers-about__head:not(:last-child) {
  margin-bottom: 4.375rem
}
.numbers-about__title-body {
  display: grid;
  justify-content: center;
  align-items: start;
  text-align: center
}
.numbers-about__title {
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 1.3939393939;
  color: #3a3a3a
}
.numbers-about__numbers-body {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: .3125rem;
  align-items: start
}
.numbers-about__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
.numbers-about__number-value-body {
  display: flex;
  gap: .9375rem;
  justify-content: center
}
.numbers-about__number-value {
  font-size: 4.375rem;
  font-weight: 600;
  text-align: center
}
.numbers-about__satisfaction {
  font-size: 4.375rem;
  font-weight: 600;
  display: grid;
  align-items: center
}
.numbers-about__number-label {
  font-size: 1.1875rem;
  line-height: 2.4736842105;
  display: grid;
  justify-content: center;
  margin: 0 auto;
  text-align: center
}
.numbers-about__body-text {
  line-height: 2;
  text-align: justify
}
.numbers-about__body-text p:not(:last-child) {
  margin-bottom: 1.5rem
}
.hero-mission {
  height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5rem
}
.hero-mission::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #58bef5;
  z-index: -2
}
.hero-mission__image {
  z-index: -1;
  position: fixed;
  background-attachment: fixed;
  width: 100%;
  height: 100%
}
.hero-mission__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5)
}
.hero-mission__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.hero-mission__container {
  display: grid;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 10
}
.hero-mission__title-body {
  margin: 0 auto;
  display: grid;
  justify-content: center;
  align-items: center
}
.hero-mission__title-body:not(:last-child) {
  margin-bottom: 1.25rem
}
.hero-mission__title {
  font-size: 3.4375rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3958333333;
  letter-spacing: .3125rem;
  color: #fff
}
.hero-mission__button-body {
  margin: 0 auto
}
.hero-mission__button {
  color: #fff;
  font-size: 3.125rem;
  transition: all .5s
}
.list-mission {
  background-color: #faf8e3;
  position: relative
}
.list-mission__item {
  max-width: 71.25rem;
  display: grid;
  justify-content: start;
  border-bottom: .0625rem solid #153648
}
.list-mission__item:not(:last-child) {
  margin-bottom: 2.5rem
}
.list-mission__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.3823529412;
  color: #54595f
}
.list-mission__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.list-mission__label span {
  font-weight: 700;
  line-height: 2;
  color: #54595f
}
.list-mission__label:not(:last-child) {
  margin-bottom: 1.5rem
}
.list-mission__text {
  line-height: 2;
  padding-bottom: 1.25rem
}
.list-mission__list {
  line-height: 2;
  padding-bottom: 3.75rem
}
.list-mission__li {
  padding-left: 3.125rem;
  position: relative
}
.list-mission__li::before {
  content: "";
  position: absolute;
  width: .4375rem;
  height: .4375rem;
  top: 50%;
  left: 1.5625rem;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  border-radius: 50%;
  background-color: #153648
}
.hero-service {
  height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5rem
}
.hero-service::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #58bef5;
  z-index: -2
}
.hero-service__image {
  z-index: -1;
  position: fixed;
  background-attachment: fixed;
  width: 100%;
  height: 100%
}
.hero-service__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5)
}
.hero-service__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.hero-service__container {
  display: grid;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 10
}
.hero-service__title-body {
  margin: 0 auto;
  display: grid;
  justify-content: center;
  max-width: 66.7rem;
  align-items: center
}
.hero-service__title-body:not(:last-child) {
  margin-bottom: 1.25rem
}
.hero-service__title {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3958333333;
  letter-spacing: .3125rem;
  color: #fff
}
.hero-service__button-body {
  margin: 0 auto
}
.hero-service__button {
  color: #fff;
  font-size: 3.125rem;
  transition: all .5s
}
.services-services {
  background-color: #faf8e3;
  position: relative
}
.services-services__container {
  padding-top: 3.125rem
}
.services-services__info-body {
  padding-bottom: 4.375rem
}
.services-services__info {
  line-height: 2;
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: start;
}
.services-services__info p:not(:last-child) {
  margin-bottom: 1.5rem
}
.services-services__items-body {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: .9375rem;
  -moz-column-gap: .9375rem;
  column-gap: .9375rem;
  row-gap: 1.5625rem;
  justify-content: center;
  margin: 0 auto
}
.services-services__item {
  justify-self: center;
  align-items: center;
  margin: 0 auto
}
.item-service {
  /* height: 62.5rem; */
  padding-top: 20px;
  padding-bottom: 550px;
  position: relative
}
.front-item-service {
  background-color: #153648;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  border-radius: .3125rem;
  transition: all 1s ease;
  -webkit-transform: rotateY(0);
  transform: rotateY(0)
}
.front-item-service__title {
  font-weight: 700;
  line-height: 1.5217391304;
  color: #fff;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto
}
.front-item-service__title:not(:last-child) {
  margin-bottom: 3.75rem
}
.front-item-service__images {
  display: grid;
  gap: 3.125rem
}
.front-item-service__img-abg {
  aspect-ratio: 300/200
}
.back-item-service {
  transition: all 1s ease;
  padding: 3.4375rem 1.875rem 2.1875rem;
  background-color: #faf8e3;
  border: .125rem solid #2f8098;
  border-radius: .3125rem;
  transition: all 1s ease;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}
.back-item-service__text {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3529411765;
  color: #54595f;
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  text-align: center;
}
.back-item-service__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.back-item-service td,
.back-item-service th {
  border: .0625rem solid #54595f
}
.back-item-service__table {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-collapse: collapse
}
.back-item-service__table-td-name {
  width: 6.125rem
}
.back-item-service__table-td-value {
  width: 11.4375rem
}
.back-item-service__table-td-name,
.back-item-service__table-td-value {
  color: #54595f;
  padding: .5rem .5rem;
  line-height: 2
}
.back-item-service__table-td-name--plus,
.back-item-service__table-td-value--plus {
  line-height: 1.2;
  font-size: .875rem
}
.back-item-service,
.front-item-service {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute
}
.hero-contact {
  height: 100svh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5rem
}
.hero-contact::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #58bef5;
  z-index: -2
}
.hero-contact__image {
  z-index: -2;
  position: fixed;
  background-attachment: fixed;
  width: 100%;
  height: 100%
}
.hero-contact__image::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5)
}
.hero-contact__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}
.hero-contact__container {
  display: grid;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 10
}
.hero-contact__title-body {
  margin: 0 auto;
  display: grid;
  justify-content: center;
  align-items: center
}
.hero-contact__title-body:not(:last-child) {
  margin-bottom: 1.25rem
}
.hero-contact__title {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3958333333;
  letter-spacing: .3125rem;
  color: #fff
}
.hero-contact__button-body {
  margin: 0 auto
}
.hero-contact__button {
  color: #fff;
  font-size: 3.125rem;
  transition: all .5s
}
.offices-contacts {
  background-color: #faf8e3;
  position: relative
}
.offices-contacts__container {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  -webkit-column-gap: .9375rem;
  -moz-column-gap: .9375rem;
  column-gap: .9375rem;
  background-color: #faf8e3
}
.offices-contacts__body-office {
  padding-top: 3.125rem
}
.dubai-office {
  line-height: 2
}
.dubai-office:not(:last-child) {
  margin-bottom: 6.25rem
}
.dubai-office__title {
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1.3823529412;
  color: #3a3a3a
}
.dubai-office__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.dubai-office__body {
  display: flex;
  flex-direction: column;
  gap: .625rem
}
.dubai-office__location-body {
  color: #2f8098
}
.dubai-office__location-link {
  display: flex;
  color: #2f8098;
  position: relative;
  padding-left: 1.875rem;
  text-transform: capitalize;
  transition: all .3s
}
.dubai-office__location-link::before {
  position: absolute;
  width: .6875rem;
  height: .9375rem;
  top: .4375rem;
  left: 0
}
.dubai-office__mail-link {
  display: flex;
  color: #2f8098;
  position: relative;
  padding-left: 1.875rem;
  transition: all .3s
}
.dubai-office__mail-link::before {
  position: absolute;
  width: .6875rem;
  height: .9375rem;
  top: .4375rem;
  left: 0
}
.dubai-office__phone-link {
  display: flex;
  color: #2f8098;
  position: relative;
  padding-left: 1.875rem;
  transition: all .3s
}
.dubai-office__phone-link::before {
  position: absolute;
  width: .6875rem;
  height: .9375rem;
  top: .4375rem;
  left: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.dubai-office__link {
  display: flex;
  position: relative;
  padding-left: 1.875rem;
  text-transform: capitalize
}
.dubai-office__link::before {
  position: absolute;
  width: .6875rem;
  height: .9375rem;
  top: .4375rem;
  left: 0
}
.dubai-office__mail-link-blue {
  display: flex;
  color: #2f8098;
  position: relative;
  padding-left: 1.875rem;
  transition: all .3s
}
.dubai-office__mail-link-blue::before {
  position: absolute;
  width: 1rem;
  height: .9375rem;
  top: .5rem;
  left: 0;
  color: #fff;
  background-color: #2f8098
}
.dubai-office__anchor {
  display: flex;
  position: relative;
  padding-left: 1.875rem;
  text-transform: capitalize
}
.dubai-office__anchor::before {
  position: absolute;
  width: 1.125rem;
  height: .9375rem;
  top: .4375rem;
  left: 0
}
.malta-office {
  line-height: 2
}
.malta-office__title {
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1.3823529412;
  color: #3a3a3a
}
.malta-office__title:not(:last-child) {
  margin-bottom: 1.25rem
}
.malta-office__location-body {
  max-width: 29.375rem;
  line-height: 2
}
.malta-office__location-link {
  display: flex;
  color: #2f8098;
  position: relative;
  padding-left: 1.875rem;
  transition: all .3s
}
.malta-office__location-link::before {
  position: absolute;
  width: .6875rem;
  height: .9375rem;
  top: 30%;
  left: 0
}
.malta-office__mail-link {
  display: flex;
  color: #2f8098;
  position: relative;
  padding-left: 1.875rem;
  transition: all .3s
}
.malta-office__mail-link::before {
  position: absolute;
  width: .6875rem;
  height: .9375rem;
  top: .375rem;
  left: 0
}
.malta-office__phone-link {
  display: flex;
  color: #2f8098;
  position: relative;
  padding-left: 1.875rem;
  transition: all .3s
}
.malta-office__phone-link::before {
  position: absolute;
  width: .6875rem;
  height: .9375rem;
  top: .4375rem;
  left: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.form-offices {
  color: #153648;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 1.625rem
}
.form-offices__name-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.form-offices__name-body span {
  color: red
}
.form-offices__name-inputs {
  gap: 1.25rem;
  display: flex
}
.form-offices__name-body-inputs .form__error {
  font-weight: 600;
  color: red
}
.form-offices__first-name,
.form-offices__last-name {
  height: 55px;
  padding: .6875rem;
  border: .0625rem solid #8c8c8c
}
.form-offices__first-name::-webkit-input-placeholder,
.form-offices__last-name::-webkit-input-placeholder {
  color: #666
}
.form-offices__first-name:-ms-input-placeholder,
.form-offices__last-name:-ms-input-placeholder {
  color: #666
}
.form-offices__first-name::-ms-input-placeholder,
.form-offices__last-name::-ms-input-placeholder {
  color: #666
}
.form-offices__first-name::placeholder,
.form-offices__last-name::placeholder {
  color: #666
}
.form-offices__departament-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.form-offices__departament-name span {
  color: red
}
.form-offices__departament-select {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c;
  font-size: 1rem;
  color: #8c8c8c
}
.form-offices__departament-select::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__departament-select:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__departament-select::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__departament-select::placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__mail-body {
  color: #666
}
.form-offices__mail-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.form-offices__mail-body .form__error {
  font-weight: 600;
  color: red
}
.form-offices__mail-name span {
  color: red
}
.form-offices__mail-input {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c
}
.form-offices__mail-input::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__mail-input:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__mail-input::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__mail-input::placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__phone-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.form-offices__phone-body .form__error {
  font-weight: 600;
  color: red
}
.form-offices__phone-name span {
  color: red
}
.form-offices__phone-input {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c
}
.form-offices__phone-input::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__phone-input:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__phone-input::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__phone-input::placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__subject-body:not(:last-child) {
  margin-bottom: 1.375rem
}
.form-offices__subject-body .form__error {
  font-weight: 600;
  color: red
}
.form-offices__subject-name span {
  color: red
}
.form-offices__subject-input {
  padding: .6875rem;
  height: 3.4375rem;
  border: .0625rem solid #8c8c8c
}
.form-offices__subject-input::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__subject-input:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__subject-input::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__subject-input::placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__subject-explanation {
  font-size: .875rem;
  margin-top: .3125rem
}
.form-offices__message-body:not(:last-child) {
  margin-bottom: 1.25rem
}
.form-offices__message-name span {
  color: red
}
.form-offices__message-textarea {
  padding: .6875rem;
  height: 7.5rem;
  border: .0625rem solid #8c8c8c
}
.form-offices__message-textarea::-webkit-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__message-textarea:-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__message-textarea::-ms-input-placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__message-textarea::placeholder {
  color: #666;
  font-size: .9375rem
}
.form-offices__button-send {
  padding: .625rem 1.25rem;
  border-radius: 1.875rem;
  color: #fff;
  background-color: #2f8098
}
.map-page {
  position: relative
}
.map-page__body {
  background-color: #fff
}
.map-page__container-body {
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: #faf8e3
}
.map-page__title {
  font-weight: 700;
  line-height: 1.3823529412;
  color: #3a3a3a;
  margin-bottom: 1.25rem
}
.map-page__office-map {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
.map-page__map-location {
  width: 100%
}
@media (min-width:61.99875em) and (min-width:89.375em) {
  .item-service {
    width: 23.125rem
  }
  .form-offices__departament-body {
    width: 21.875rem
  }
  .form-offices__mail-body {
    width: 21.875rem
  }
}
@media (min-width:89.375em) {
  .popup__first-name,
  .popup__last-name {
    width: 9.375rem
  }
  .popup__departament-body {
    max-width: 20rem
  }
  .popup__select-departament {
    max-width: 20rem
  }
  .popup__mail-input {
    width: 20rem
  }
  .popup__phone-input {
    width: 20rem
  }
  .popup__subject-input {
    width: 20rem
  }
  .popup__message-textarea {
    width: 20rem
  }
  .hero__container {
    padding-top: 34.375rem
  }
  .hero__container {
    padding-bottom: 31.25rem
  }
  .hero__label {
    font-size: 1.875rem
  }
  .hero__title {
    font-size: 3rem
  }
  .hero-about__container {
    padding-top: 21.875rem
  }
  .hero-about__container {
    padding-bottom: 25rem
  }
  .numbers-about__container {
    padding-top: 6.25rem
  }
  .numbers-about__container {
    padding-bottom: 6.25rem
  }
  .numbers-about__body-text {
    padding-left: 5.3125rem
  }
  .numbers-about__body-text {
    padding-right: 5.3125rem
  }
  .hero-mission__container {
    padding-top: 23.75rem
  }
  .hero-mission__container {
    padding-bottom: 25rem
  }
  .list-mission__container {
    padding-top: 9.375rem
  }
  .list-mission__container {
    padding-bottom: 9.375rem
  }
  .list-mission__container {
    padding-left: 9.375rem
  }
  .list-mission__container {
    padding-right: 9.375rem
  }
  .hero-commercial__container {
    padding-top: 20rem
  }
  .hero-commercial__container {
    padding-bottom: 25rem
  }
  .hero-commercial__title {
    font-size: 3.4375rem
  }
  .hero-service__container {
    padding-top: 20rem
  }
  .hero-service__container {
    padding-bottom: 25rem
  }
  .hero-service__title {
    font-size: 3.4375rem
  }
  .services-services__container {
    padding-left: 6.25rem;
    background-color: #faf8e3;
  }
  .services-services__container {
    padding-right: 6.25rem
  }
  .services-services__container {
    padding-bottom: 9.375rem
  }
  .services-services__info-body {
    padding-left: 6.25rem
  }
  .services-services__info-body {
    padding-right: 6.25rem
  }
  .item-service {
    width: 23.125rem
  }
  .front-item-service {
    padding-left: 1.5rem
  }
  .front-item-service {
    padding-right: 1.5rem
  }
  .front-item-service__title {
    font-size: 1.4375rem
  }
  .back-item-service__title {
    font-size: 2.1875rem
  }
  .hero-contact__container {
    padding-top: 20rem
  }
  .hero-contact__container {
    padding-bottom: 25rem
  }
  .hero-contact__title {
    font-size: 3.4375rem
  }
  .offices-contacts__container {
    padding-top: 9.375rem
  }
  .offices-contacts__container {
    padding-bottom: 9.375rem
  }
  .offices-contacts__container {
    padding-left: 9.375rem
  }
  .offices-contacts__container {
    padding-right: 9.375rem
  }
  .form-offices__first-name,
  .form-offices__last-name {
    width: 10.3125rem
  }
  .form-offices__phone-input {
    width: 21.875rem
  }
  .form-offices__subject-input {
    width: 21.875rem
  }
  .form-offices__message-textarea {
    width: 34.6875rem
  }
  .map-page__title {
    font-size: 2.125rem
  }
  .map-page__map-location {
    height: 30rem
  }
}
@media (max-width:20em) {
  .popup__first-name,
  .popup__last-name {
    width: 6.25rem
  }
  .popup__departament-body {
    max-width: 15.625rem
  }
  .popup__select-departament {
    max-width: 15.625rem
  }
  .popup__mail-input {
    width: 15.625rem
  }
  .popup__phone-input {
    width: 15.625rem
  }
  .popup__subject-input {
    width: 15.625rem
  }
  .popup__message-textarea {
    width: 15.625rem
  }
  .hero__container {
    padding-top: 9.375rem
  }
  .hero__container {
    padding-bottom: 1.25rem
  }
  .hero__label {
    font-size: 1.5625rem
  }
  .hero__title {
    font-size: 2.625rem
  }
  .hero-about__container {
    padding-top: 4.375rem
  }
  .hero-about__container {
    padding-bottom: 6.25rem
  }
  .numbers-about__container {
    padding-top: 4.6875rem
  }
  .numbers-about__container {
    padding-bottom: 4.6875rem
  }
  .numbers-about__body-text {
    padding-left: .9375rem
  }
  .numbers-about__body-text {
    padding-right: .9375rem
  }
  .hero-mission__container {
    padding-top: 4.375rem
  }
  .hero-mission__container {
    padding-bottom: 6.25rem
  }
  .list-mission__container {
    padding-top: 4.6875rem
  }
  .list-mission__container {
    padding-bottom: 4.6875rem
  }
  .list-mission__container {
    padding-left: 1.25rem
  }
  .list-mission__container {
    padding-right: 1.25rem
  }
  .hero-commercial__container {
    padding-top: 4.375rem
  }
  .hero-commercial__container {
    padding-bottom: 6.25rem
  }
  .hero-commercial__title {
    font-size: 1.875rem
  }
  .hero-service__container {
    padding-top: 4.375rem
  }
  .hero-service__container {
    padding-bottom: 6.25rem
  }
  .hero-service__title {
    font-size: 1.875rem
  }
  .services-services__container {
    padding-left: .625rem
  }
  .services-services__container {
    padding-right: .625rem
  }
  .services-services__container {
    padding-bottom: 4.375rem
  }
  .services-services__info-body {
    padding-left: .0000000625rem
  }
  .services-services__info-body {
    padding-right: .0000000625rem
  }
  .item-service {
    width: 18.125rem
  }
  .front-item-service {
    padding-left: 1.25rem
  }
  .front-item-service {
    padding-right: 1.25rem
  }
  .front-item-service__title {
    font-size: 1.25rem
  }
  .back-item-service__title {
    font-size: 1.5625rem
  }
  .hero-contact__container {
    padding-top: 4.375rem
  }
  .hero-contact__container {
    padding-bottom: 6.25rem
  }
  .hero-contact__title {
    font-size: 1.875rem
  }
  .offices-contacts__container {
    padding-top: 4.375rem
  }
  .offices-contacts__container {
    padding-bottom: 4.375rem
  }
  .offices-contacts__container {
    padding-left: 1.25rem
  }
  .offices-contacts__container {
    padding-right: 1.25rem
  }
  .form-offices__first-name,
  .form-offices__last-name {
    width: 6.25rem
  }
  .form-offices__phone-input {
    width: 15.625rem
  }
  .form-offices__subject-input {
    width: 15.625rem
  }
  .form-offices__message-textarea {
    width: 15.625rem
  }
  .map-page__title {
    font-size: 1.5625rem
  }
  .map-page__map-location {
    height: 23.75rem
  }
}
@media (max-width:61.99875em) {
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    overflow: auto;
    padding: 5rem .9375rem .9375rem 1.875rem;
    transition: left .3s
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 0.375rem;
    left: -100%;
    top: 0;
    transition: left .3s;
    z-index: 2
  }
  .menu-open .menu__body {
    left: 0
  }
  .menu-open .menu__body::before {
    left: 0
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 1.25rem;
    height: 1.125rem;
    z-index: 5
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    transition: all .3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: .125rem;
    background-color: #2f8098
  }
  .icon-menu::before {
    top: 0
  }
  .icon-menu::after {
    bottom: 0
  }
  .icon-menu span {
    top: calc(50% - .0625rem)
  }
  .menu-open .icon-menu span {
    width: 0
  }
  .menu-open .icon-menu::before {
    top: calc(50% - .0625rem);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - .0625rem);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .header__container {
    grid-template-columns: 10.625rem 1fr
  }
  .header__button-block {
    display: none
  }
  .menu {
    display: grid;
    justify-content: end
  }
  .menu__body {
    width: 100%;
    padding: 0rem 0
  }
  .menu__list {
    background-color: #faf8e3;
    text-align: center;
  }
  .menu__item {
    /* border-bottom: .0625rem solid rgba(1,22,40,.76); */
    width: 100%;
    height: 15%;
    padding: .625rem 0 .625rem 1.25rem;
    background-color: #faf8e3;
  }
  .menu__link {
    color: rgba(1,22,40,.76)
  }
  @media (max-width:767.98rem) {
		.menu__link {
		  font-size: 1.8rem
		}
	}
  .menu__button-container {
    padding: .625rem;
    border-radius: 50%;
    background-color: rgba(250,248,227,.62);
    margin-right: .3125rem
  }
  .active-page {
    color: #153648;
    font-weight: 700
  }
  .offices-contacts__container {
    grid-template-columns: auto;
    row-gap: 4.375rem;
    justify-content: center
  }
  .offices-contacts__container {
    padding: 0 3.125rem
  }
  .dubai-office__location-body {
    max-width: 43.125rem
  }
  .malta-office__location-body {
    max-width: 43.125rem
  }
  .form-offices {
    width: 100%;
    margin-bottom: 4.375rem
  }
}
@media (max-width:61.99875em) and (any-hover:none) {
  .icon-menu {
    cursor: default
  }
}
@media (max-width:61.99875em) and (max-width:20em) {
  .item-service {
    width: 18.125rem
  }
  .form-offices__first-name,
  .form-offices__last-name {
    width: 8.125rem
  }
  .form-offices__departament-body {
    width: 17.5rem
  }
  .form-offices__mail-body {
    width: 17.5rem
  }
  .form-offices__phone-input {
    width: 17.5rem
  }
  .form-offices__subject-input {
    width: 17.5rem
  }
  .form-offices__message-textarea {
    width: 17.5rem
  }
}
@media (max-width:47.99875em) {
  .top-footer__body {
    grid-template-columns: auto
  }
  .numbers-about__head {
    grid-template-columns: auto;
    gap: 1.5625rem
  }
  .numbers-about__numbers-body {
    grid-template-columns: auto;
    gap: 1.5625rem
  }
  .services-services__info-body {
    padding: 0 0 4.375rem
  }
  .services-services__info {
    text-align: justify
  }
  .front-item-service__title:not(:last-child) {
    margin-bottom: 4.375rem
  }
}
@media (min-width:20em) and (max-width:89.375em) {
  @supports (width:clamp(6.25rem ,5.3490990991rem + 4.5045045045vw ,9.375rem)) {
    .popup__first-name,
    .popup__last-name {
      width: clamp(6.25rem ,5.3490990991rem + 4.5045045045vw ,9.375rem)
    }
  }
  @supports not (width:clamp(6.25rem ,5.3490990991rem + 4.5045045045vw ,9.375rem)) {
    .popup__first-name,
    .popup__last-name {
      width: calc(6.25rem + 3.125 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (max-width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__departament-body {
      max-width: clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)
    }
  }
  @supports not (max-width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__departament-body {
      max-width: calc(15.625rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (max-width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__select-departament {
      max-width: clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)
    }
  }
  @supports not (max-width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__select-departament {
      max-width: calc(15.625rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__mail-input {
      width: clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)
    }
  }
  @supports not (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__mail-input {
      width: calc(15.625rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__phone-input {
      width: clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)
    }
  }
  @supports not (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__phone-input {
      width: calc(15.625rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__subject-input {
      width: clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)
    }
  }
  @supports not (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__subject-input {
      width: calc(15.625rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__message-textarea {
      width: clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)
    }
  }
  @supports not (width:clamp(15.625rem ,14.3637387387rem + 6.3063063063vw ,20rem)) {
    .popup__message-textarea {
      width: calc(15.625rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(9.375rem ,2.1677927928rem + 36.036036036vw ,34.375rem)) {
    .hero__container {
      padding-top: clamp(9.375rem ,2.1677927928rem + 36.036036036vw ,34.375rem)
    }
  }
  @supports not (padding-top:clamp(9.375rem ,2.1677927928rem + 36.036036036vw ,34.375rem)) {
    .hero__container {
      padding-top: calc(9.375rem + 25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(1.25rem ,-7.3986486486rem + 43.2432432432vw ,31.25rem)) {
    .hero__container {
      padding-bottom: clamp(1.25rem ,-7.3986486486rem + 43.2432432432vw ,31.25rem)
    }
  }
  @supports not (padding-bottom:clamp(1.25rem ,-7.3986486486rem + 43.2432432432vw ,31.25rem)) {
    .hero__container {
      padding-bottom: calc(1.25rem + 30 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(1.5625rem ,1.4724099099rem + 0.4504504505vw ,1.875rem)) {
    .hero__label {
      font-size: clamp(1.5625rem ,1.4724099099rem + .4504504505vw ,1.875rem)
    }
  }
  @supports not (font-size:clamp(1.5625rem ,1.4724099099rem + 0.4504504505vw ,1.875rem)) {
    .hero__label {
      font-size: calc(1.5625rem + .3125 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(2.625rem ,2.5168918919rem + 0.5405405405vw ,3rem)) {
    .hero__title {
      font-size: clamp(2.625rem ,2.5168918919rem + .5405405405vw ,3rem)
    }
  }
  @supports not (font-size:clamp(2.625rem ,2.5168918919rem + 0.5405405405vw ,3rem)) {
    .hero__title {
      font-size: calc(2.625rem + .375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.375rem ,-0.670045045rem + 25.2252252252vw ,21.875rem)) {
    .hero-about__container {
      padding-top: clamp(4.375rem ,-.670045045rem + 25.2252252252vw ,21.875rem)
    }
  }
  @supports not (padding-top:clamp(4.375rem ,-0.670045045rem + 25.2252252252vw ,21.875rem)) {
    .hero-about__container {
      padding-top: calc(4.375rem + 17.5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-about__container {
      padding-bottom: clamp(6.25rem ,.8445945946rem + 27.027027027vw ,25rem)
    }
  }
  @supports not (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-about__container {
      padding-bottom: calc(6.25rem + 18.75 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.6875rem ,4.2370495495rem + 2.2522522523vw ,6.25rem)) {
    .numbers-about__container {
      padding-top: clamp(4.6875rem ,4.2370495495rem + 2.2522522523vw ,6.25rem)
    }
  }
  @supports not (padding-top:clamp(4.6875rem ,4.2370495495rem + 2.2522522523vw ,6.25rem)) {
    .numbers-about__container {
      padding-top: calc(4.6875rem + 1.5625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(4.6875rem ,4.2370495495rem + 2.2522522523vw ,6.25rem)) {
    .numbers-about__container {
      padding-bottom: clamp(4.6875rem ,4.2370495495rem + 2.2522522523vw ,6.25rem)
    }
  }
  @supports not (padding-bottom:clamp(4.6875rem ,4.2370495495rem + 2.2522522523vw ,6.25rem)) {
    .numbers-about__container {
      padding-bottom: calc(4.6875rem + 1.5625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-left:clamp(0.9375rem ,-0.3237612613rem + 6.3063063063vw ,5.3125rem)) {
    .numbers-about__body-text {
      padding-left: clamp(.9375rem ,-.3237612613rem + 6.3063063063vw ,5.3125rem)
    }
  }
  @supports not (padding-left:clamp(0.9375rem ,-0.3237612613rem + 6.3063063063vw ,5.3125rem)) {
    .numbers-about__body-text {
      padding-left: calc(.9375rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-right:clamp(0.9375rem ,-0.3237612613rem + 6.3063063063vw ,5.3125rem)) {
    .numbers-about__body-text {
      padding-right: clamp(.9375rem ,-.3237612613rem + 6.3063063063vw ,5.3125rem)
    }
  }
  @supports not (padding-right:clamp(0.9375rem ,-0.3237612613rem + 6.3063063063vw ,5.3125rem)) {
    .numbers-about__body-text {
      padding-right: calc(.9375rem + 4.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.375rem ,-1.2105855856rem + 27.9279279279vw ,23.75rem)) {
    .hero-mission__container {
      padding-top: clamp(4.375rem ,-1.2105855856rem + 27.9279279279vw ,23.75rem)
    }
  }
  @supports not (padding-top:clamp(4.375rem ,-1.2105855856rem + 27.9279279279vw ,23.75rem)) {
    .hero-mission__container {
      padding-top: calc(4.375rem + 19.375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-mission__container {
      padding-bottom: clamp(6.25rem ,.8445945946rem + 27.027027027vw ,25rem)
    }
  }
  @supports not (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-mission__container {
      padding-bottom: calc(6.25rem + 18.75 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.6875rem ,3.3361486486rem + 6.7567567568vw ,9.375rem)) {
    .list-mission__container {
      padding-top: clamp(4.6875rem ,3.3361486486rem + 6.7567567568vw ,9.375rem)
    }
  }
  @supports not (padding-top:clamp(4.6875rem ,3.3361486486rem + 6.7567567568vw ,9.375rem)) {
    .list-mission__container {
      padding-top: calc(4.6875rem + 4.6875 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(4.6875rem ,3.3361486486rem + 6.7567567568vw ,9.375rem)) {
    .list-mission__container {
      padding-bottom: clamp(4.6875rem ,3.3361486486rem + 6.7567567568vw ,9.375rem)
    }
  }
  @supports not (padding-bottom:clamp(4.6875rem ,3.3361486486rem + 6.7567567568vw ,9.375rem)) {
    .list-mission__container {
      padding-bottom: calc(4.6875rem + 4.6875 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-left:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .list-mission__container {
      padding-left: clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)
    }
  }
  @supports not (padding-left:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .list-mission__container {
      padding-left: calc(1.25rem + 8.125 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-right:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .list-mission__container {
      padding-right: clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)
    }
  }
  @supports not (padding-right:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .list-mission__container {
      padding-right: calc(1.25rem + 8.125 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.375rem ,-0.1295045045rem + 22.5225225225vw ,20rem)) {
    .hero-commercial__container {
      padding-top: clamp(4.375rem ,-.1295045045rem + 22.5225225225vw ,20rem)
    }
  }
  @supports not (padding-top:clamp(4.375rem ,-0.1295045045rem + 22.5225225225vw ,20rem)) {
    .hero-commercial__container {
      padding-top: calc(4.375rem + 15.625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-commercial__container {
      padding-bottom: clamp(6.25rem ,.8445945946rem + 27.027027027vw ,25rem)
    }
  }
  @supports not (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-commercial__container {
      padding-bottom: calc(6.25rem + 18.75 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)) {
    .hero-commercial__title {
      font-size: clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)
    }
  }
  @supports not (font-size:clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)) {
    .hero-commercial__title {
      font-size: calc(1.875rem + 1.5625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.375rem ,-0.1295045045rem + 22.5225225225vw ,20rem)) {
    .hero-service__container {
      padding-top: clamp(4.375rem ,-.1295045045rem + 22.5225225225vw ,20rem)
    }
  }
  @supports not (padding-top:clamp(4.375rem ,-0.1295045045rem + 22.5225225225vw ,20rem)) {
    .hero-service__container {
      padding-top: calc(4.375rem + 15.625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-service__container {
      padding-bottom: clamp(6.25rem ,.8445945946rem + 27.027027027vw ,25rem)
    }
  }
  @supports not (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-service__container {
      padding-bottom: calc(6.25rem + 18.75 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)) {
    .hero-service__title {
      font-size: clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)
    }
  }
  @supports not (font-size:clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)) {
    .hero-service__title {
      font-size: calc(1.875rem + 1.5625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-left:clamp(0.625rem ,-0.9966216216rem + 8.1081081081vw ,6.25rem)) {
    .services-services__container {
      padding-left: clamp(.625rem ,-.9966216216rem + 8.1081081081vw ,6.25rem)
    }
  }
  @supports not (padding-left:clamp(0.625rem ,-0.9966216216rem + 8.1081081081vw ,6.25rem)) {
    .services-services__container {
      padding-left: calc(.625rem + 5.625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-right:clamp(0.625rem ,-0.9966216216rem + 8.1081081081vw ,6.25rem)) {
    .services-services__container {
      padding-right: clamp(.625rem ,-.9966216216rem + 8.1081081081vw ,6.25rem)
    }
  }
  @supports not (padding-right:clamp(0.625rem ,-0.9966216216rem + 8.1081081081vw ,6.25rem)) {
    .services-services__container {
      padding-right: calc(.625rem + 5.625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)) {
    .services-services__container {
      padding-bottom: clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)
    }
  }
  @supports not (padding-bottom:clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)) {
    .services-services__container {
      padding-bottom: calc(4.375rem + 5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-left:clamp(0.0000000625rem ,-1.8018017213rem + 9.0090089189vw ,6.25rem)) {
    .services-services__info-body {
      padding-left: clamp(.0000000625rem ,-1.8018017213rem + 9.0090089189vw ,6.25rem)
    }
  }
  @supports not (padding-left:clamp(0.0000000625rem ,-1.8018017213rem + 9.0090089189vw ,6.25rem)) {
    .services-services__info-body {
      padding-left: calc(.0000000625rem + 6.2499999375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-right:clamp(0.0000000625rem ,-1.8018017213rem + 9.0090089189vw ,6.25rem)) {
    .services-services__info-body {
      padding-right: clamp(.0000000625rem ,-1.8018017213rem + 9.0090089189vw ,6.25rem)
    }
  }
  @supports not (padding-right:clamp(0.0000000625rem ,-1.8018017213rem + 9.0090089189vw ,6.25rem)) {
    .services-services__info-body {
      padding-right: calc(.0000000625rem + 6.2499999375 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(18.125rem ,16.6835585586rem + 7.2072072072vw ,23.125rem)) {
    .item-service {
      width: clamp(18.125rem ,16.6835585586rem + 7.2072072072vw ,23.125rem)
    }
  }
  @supports not (width:clamp(18.125rem ,16.6835585586rem + 7.2072072072vw ,23.125rem)) {
    .item-service {
      width: calc(18.125rem + 5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-left:clamp(1.25rem ,0.5292792793rem + 3.6036036036vw ,3.75rem)) {
    .front-item-service {
      padding-left: clamp(1.5rem ,.5292792793rem + 3.6036036036vw ,0.75rem)
    }
  }
  @supports not (padding-left:clamp(1.25rem ,0.5292792793rem + 3.6036036036vw ,3.75rem)) {
    .front-item-service {
      padding-left: calc(1.25rem + 2.5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-right:clamp(1.25rem ,0.5292792793rem + 3.6036036036vw ,3.75rem)) {
    .front-item-service {
      padding-right: clamp(1.5rem ,.5292792793rem + 3.6036036036vw ,0.75rem)
    }
  }
  @supports not (padding-right:clamp(1.25rem ,0.5292792793rem + 3.6036036036vw ,3.75rem)) {
    .front-item-service {
      padding-right: calc(1.25rem + 2.5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(1.25rem ,1.1959459459rem + 0.2702702703vw ,1.4375rem)) {
    .front-item-service__title {
      font-size: clamp(1.25rem ,1.1959459459rem + .2702702703vw ,1.4375rem)
    }
  }
  @supports not (font-size:clamp(1.25rem ,1.1959459459rem + 0.2702702703vw ,1.4375rem)) {
    .front-item-service__title {
      font-size: calc(1.25rem + .1875 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(1.5625rem ,1.3823198198rem + 0.9009009009vw ,2.1875rem)) {
    .back-item-service__title {
      font-size: clamp(1.5625rem ,1.3823198198rem + .9009009009vw ,2.1875rem)
    }
  }
  @supports not (font-size:clamp(1.5625rem ,1.3823198198rem + 0.9009009009vw ,2.1875rem)) {
    .back-item-service__title {
      font-size: calc(1.5625rem + .625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.375rem ,-0.1295045045rem + 22.5225225225vw ,20rem)) {
    .hero-contact__container {
      padding-top: clamp(4.375rem ,-.1295045045rem + 22.5225225225vw ,20rem)
    }
  }
  @supports not (padding-top:clamp(4.375rem ,-0.1295045045rem + 22.5225225225vw ,20rem)) {
    .hero-contact__container {
      padding-top: calc(4.375rem + 15.625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-contact__container {
      padding-bottom: clamp(6.25rem ,.8445945946rem + 27.027027027vw ,25rem)
    }
  }
  @supports not (padding-bottom:clamp(6.25rem ,0.8445945946rem + 27.027027027vw ,25rem)) {
    .hero-contact__container {
      padding-bottom: calc(6.25rem + 18.75 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)) {
    .hero-contact__title {
      font-size: clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)
    }
  }
  @supports not (font-size:clamp(1.875rem ,1.4245495495rem + 2.2522522523vw ,3.4375rem)) {
    .hero-contact__title {
      font-size: calc(1.875rem + 1.5625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-top:clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)) {
    .offices-contacts__container {
      padding-top: clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)
    }
  }
  @supports not (padding-top:clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)) {
    .offices-contacts__container {
      padding-top: calc(4.375rem + 5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-bottom:clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)) {
    .offices-contacts__container {
      padding-bottom: clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)
    }
  }
  @supports not (padding-bottom:clamp(4.375rem ,2.9335585586rem + 7.2072072072vw ,9.375rem)) {
    .offices-contacts__container {
      padding-bottom: calc(4.375rem + 5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-left:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .offices-contacts__container {
      padding-left: clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)
    }
  }
  @supports not (padding-left:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .offices-contacts__container {
      padding-left: calc(1.25rem + 8.125 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (padding-right:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .offices-contacts__container {
      padding-right: clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)
    }
  }
  @supports not (padding-right:clamp(1.25rem ,-1.0923423423rem + 11.7117117117vw ,9.375rem)) {
    .offices-contacts__container {
      padding-right: calc(1.25rem + 8.125 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(6.25rem ,5.0788288288rem + 5.8558558559vw ,10.3125rem)) {
    .form-offices__first-name,
    .form-offices__last-name {
      width: clamp(6.25rem ,5.0788288288rem + 5.8558558559vw ,10.3125rem)
    }
  }
  @supports not (width:clamp(6.25rem ,5.0788288288rem + 5.8558558559vw ,10.3125rem)) {
    .form-offices__first-name,
    .form-offices__last-name {
      width: calc(6.25rem + 4.0625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__phone-input {
      width: clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)
    }
  }
  @supports not (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__phone-input {
      width: calc(15.625rem + 6.25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__subject-input {
      width: clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)
    }
  }
  @supports not (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__subject-input {
      width: calc(15.625rem + 6.25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,10.1295045045rem + 27.4774774775vw ,34.6875rem)) {
    .form-offices__message-textarea {
      width: clamp(15.625rem ,10.1295045045rem + 27.4774774775vw ,34.6875rem)
    }
  }
  @supports not (width:clamp(15.625rem ,10.1295045045rem + 27.4774774775vw ,34.6875rem)) {
    .form-offices__message-textarea {
      width: calc(15.625rem + 19.0625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (font-size:clamp(1.5625rem ,1.4003378378rem + 0.8108108108vw ,2.125rem)) {
    .map-page__title {
      font-size: clamp(1.5625rem ,1.4003378378rem + .8108108108vw ,2.125rem)
    }
  }
  @supports not (font-size:clamp(1.5625rem ,1.4003378378rem + 0.8108108108vw ,2.125rem)) {
    .map-page__title {
      font-size: calc(1.5625rem + .5625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (height:clamp(23.75rem ,21.9481981982rem + 9.009009009vw ,30rem)) {
    .map-page__map-location {
      height: clamp(23.75rem ,21.9481981982rem + 9.009009009vw ,30rem)
    }
  }
  @supports not (height:clamp(23.75rem ,21.9481981982rem + 9.009009009vw ,30rem)) {
    .map-page__map-location {
      height: calc(23.75rem + 6.25 * (100vw - 20rem)/ 69.375)
    }
  }
}
@media (min-width:61.99875em) and (min-width:20em) and (max-width:89.375em) {
  @supports (width:clamp(18.125rem ,16.6835585586rem + 7.2072072072vw ,23.125rem)) {
    .item-service {
      width: clamp(18.125rem ,16.6835585586rem + 7.2072072072vw ,23.125rem)
    }
  }
  @supports not (width:clamp(18.125rem ,16.6835585586rem + 7.2072072072vw ,23.125rem)) {
    .item-service {
      width: calc(18.125rem + 5 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__departament-body {
      width: clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)
    }
  }
  @supports not (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__departament-body {
      width: calc(15.625rem + 6.25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__mail-body {
      width: clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)
    }
  }
  @supports not (width:clamp(15.625rem ,13.8231981982rem + 9.009009009vw ,21.875rem)) {
    .form-offices__mail-body {
      width: calc(15.625rem + 6.25 * (100vw - 20rem)/ 69.375)
    }
  }
}
@media (min-width:61.99875em) and (max-width:20em) {
  .item-service {
    width: 18.125rem
  }
  .form-offices__departament-body {
    width: 15.625rem
  }
  .form-offices__mail-body {
    width: 15.625rem
  }
}
@media (max-width:61.99875em) and (min-width:89.375em) {
  .item-service {
    width: 23.75rem
  }
  .form-offices__first-name,
  .form-offices__last-name {
    width: 26.25rem
  }
  .form-offices__departament-body {
    width: 53.75rem
  }
  .form-offices__mail-body {
    width: 53.75rem
  }
  .form-offices__phone-input {
    width: 53.75rem
  }
  .form-offices__subject-input {
    width: 53.75rem
  }
  .form-offices__message-textarea {
    width: 53.75rem
  }
}
@media (max-width:61.99875em) and (min-width:20em) and (max-width:89.375em) {
  @supports (width:clamp(18.125rem ,16.5033783784rem + 8.1081081081vw ,23.75rem)) {
    .item-service {
      width: clamp(18.125rem ,16.5033783784rem + 8.1081081081vw ,23.75rem)
    }
  }
  @supports not (width:clamp(18.125rem ,16.5033783784rem + 8.1081081081vw ,23.75rem)) {
    .item-service {
      width: calc(18.125rem + 5.625 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(8.125rem ,2.8997747748rem + 26.1261261261vw ,26.25rem)) {
    .form-offices__first-name,
    .form-offices__last-name {
      width: clamp(8.125rem ,2.8997747748rem + 26.1261261261vw ,26.25rem)
    }
  }
  @supports not (width:clamp(8.125rem ,2.8997747748rem + 26.1261261261vw ,26.25rem)) {
    .form-offices__first-name,
    .form-offices__last-name {
      width: calc(8.125rem + 18.125 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__departament-body {
      width: clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)
    }
  }
  @supports not (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__departament-body {
      width: calc(17.5rem + 36.25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__mail-body {
      width: clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)
    }
  }
  @supports not (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__mail-body {
      width: calc(17.5rem + 36.25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__phone-input {
      width: clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)
    }
  }
  @supports not (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__phone-input {
      width: calc(17.5rem + 36.25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__subject-input {
      width: clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)
    }
  }
  @supports not (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__subject-input {
      width: calc(17.5rem + 36.25 * (100vw - 20rem)/ 69.375)
    }
  }
  @supports (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__message-textarea {
      width: clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)
    }
  }
  @supports not (width:clamp(17.5rem ,7.0495495495rem + 52.2522522523vw ,53.75rem)) {
    .form-offices__message-textarea {
      width: calc(17.5rem + 36.25 * (100vw - 20rem)/ 69.375)
    }
  }
}
@media (any-hover:hover) {
  .select__option:hover {
    background: #d9d9d9
  }
  .button--popup:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    outline: .125rem solid #024470
  }
  .button--form-offices-intro-bottom:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    outline: .125rem solid #024470
  }
  .header__logo:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  .menu__link {
    font-weight: 700
  }
  .menu__link:hover {
    color: #2f8098
  }
  .top-footer__fax-link:hover {
    text-decoration: underline
  }
  .top-footer__mail-link span:hover {
    text-decoration: underline;
    text-decoration-color: #2f8098
  }
  .top-footer__link:hover {
    text-decoration: underline
  }
  .hero__button-link-block:hover .hero__button {
    opacity: 1;
    cursor: pointer;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }
  .hero__button:hover {
    opacity: 1;
    cursor: pointer;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }
  .hero__pseudo-button:hover .hero__button {
    opacity: 1
  }
  .hero-about__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .hero-mission__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .hero-commercial__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .hero-service__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .item-service:hover .front-item-service {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
  }
  .item-service:hover .back-item-service {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
  }
  .hero-contact__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .dubai-office__location-link:hover {
    text-decoration: underline
  }
  .dubai-office__mail-link:hover {
    text-decoration: underline
  }
  .dubai-office__phone-link:hover {
    text-decoration: underline
  }
  .dubai-office__mail-link-blue:hover {
    text-decoration: underline
  }
  .malta-office__location-link:hover {
    text-decoration: underline
  }
  .malta-office__mail-link:hover {
    text-decoration: underline
  }
  .malta-office__phone-link:hover {
    text-decoration: underline
  }

}
@media (any-hover:none) {
  .hero__button-link-block:hover .hero__button {
    opacity: 1;
    cursor: pointer;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }
  .hero__pseudo-button:hover .hero__button {
    opacity: 1
  }
  .hero-about__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .hero-mission__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .hero-commercial__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .hero-service__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .item-service:hover .front-item-service {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
  }
  .item-service:hover .back-item-service {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
  }
  .hero-contact__button:hover {
    color: #2f8098;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
  .map-page__container-body:hover {
    background-color: #153648
  }
  .map-page__title:hover {
    background-color: #153648
  }
}