* {
  -webkt-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --brandColor: #242E6A;
  --brandGrey: #7C94A0;
  --textColorLight: #F0F5FF;
  --textColorDark: #14181F;
  --accentDark: #0D0D0D;
  --accent: #F5C400;
  --grey: #29303D;
}

body {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  background-color: #fff;
  color: var(--textColorDark);
  margin: 0;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: #000;
}

.hide {
  opacity: 0;
  visibility: hidden;
}
.show {
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.hide__desktop {
  display: none;
}

.lazy {
  display: block;
  border: none !important;
}
img {
  display: inline-block;
}

img:not([src]) {
  visibility: hidden;
}
.image__trigger {
  position: relative;
  overflow: hidden;
}
.image__trigger .overlay{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background:#fff;
  width: 100%;
  height: 100%; 
  transform: skewX(30deg) scale(2);
}

.hidden__txt-wrap {
  position: relative;
  overflow: hidden;
}
.hidden__txt {
  display: inline-block;
}

.skeleton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--brandColor);
}
.skeleton:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(85, 97, 165, 0) 0, rgba(85, 97, 165, 0.2) 20%, rgba(85, 97, 165, 0.5) 60%, rgba(85, 97, 165, 0));
  animation: shimmer 5s infinite;
  content: '';
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: "Montserrat", serif;
  color: #7E7E7E;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family: "Montserrat", serif;
  color: #7E7E7E;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family: "Montserrat", serif;
  color: #7E7E7E;
}
:-moz-placeholder { /* Firefox 18- */
  font-family: "Montserrat", serif;
  color: #7E7E7E;
}

p {
  margin: 0 0 16px;
}
a {
  color: var(--textColor);
}
a:hover {
  color: var(--accent);
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 24px;
  line-height: 1.2;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}

.section__title {
  position: relative;
  font-size: 48px;
  margin-bottom: 48px;
}
.section__title:after {
  content: '';
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 64px;
  height: 1px;
  background: var(--brandGrey);
}
.section__title--center {
  text-align: center;
}
.section__title--center:after {
  left: 50%;
  transform: translateX(-50%);
}
.section__backtitle {
  position: absolute;
  top: -20px;
  left: 50%;
  font-size: 160px;
  font-weight: 900;
  line-height: 1;
  color: var(--brandGrey);
  opacity: 0.08;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.container {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1680px) {
  .container {
    max-width: 1440px;
  }
}

.btn {
  display: inline-block;
  position: relative;
  min-width: 140px;
  padding: 12px 16px;
  background-color: var(--accentDark);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  color: var(--textColorLight);
  text-decoration: none;
  outline: none;
  border: none;
  transition: all .2s ease-in-out;
  cursor: pointer;
}
.btn:hover {
  color: var(--textColorLight);
  background-color: var(--brandColor);
  text-decoration: none;
}

.btn--large {
  text-transform: uppercase;
  min-width: 320px;
  padding: 24px;
  font-size: 16px;
}

.btn__link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.btn__link:hover {
  text-decoration: none;
  color: var(--accent);
}

/*header*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--textColorLight);
  font-weight: 700;
  text-transform: uppercase;
  padding: 24px;
  z-index: 9;
}
header.fixed {
  padding: 16px 24px;
  background: var(--textColorLight);
  color: var(--textColorDark);
  box-shadow: 0 4px 8px rgba(21, 21, 21, .15);
}
.header__left {
  display: flex;
  align-items: center;
  gap: 40px;
}
.logo__wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.logo {

}
.logo img {
  display: block;
  width: auto;
  height: 64px;
}
.logo__fixed {
  display: none;
}
header.fixed .logo {
  display: none;
}
header.fixed .logo__fixed {
  display: block;
}
header.fixed .logo__fixed img {
  height: 40px;
}
.phone__number {
  text-decoration: none;
}
header.fixed .phone__number {
  display: none;
}
.main__nav {

}
.main__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.main__nav ul li {
  position: relative;
}
.main__nav ul li:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 18px;
}
.main__nav ul li a {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: var(--textColorLight);;
  text-decoration: none;
  transition: all .2s ease-in-out;
  cursor: pointer;
}
header.fixed .main__nav a {
  color: var(--textColorDark);
}
.main__nav ul li a:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--accent);
  transition: all .2s ease-in-out;
}
.main__nav ul li:hover > a:after,
.main__nav ul li.current-menu-item > a:after {
  width: 100%;
}
.sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 40px;
  left: 0;
  min-width: 160px;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 16px !important;
  background: rgba(21, 21, 21, 0.8);
  padding: 24px !important;
  transition: all .3s ease-in-out;
  transform: translateY(16px);
}
.sub-menu li a {
  white-space: nowrap;
}
.main__nav ul.sub-menu li:before {
  display: none;
}
header.fixed .sub-menu li a {
  color: var(--textColorLight);
}
.main__nav ul li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header__right {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header__right a {
  text-decoration: none;
}
.search__btn {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
header.fixed svg path {
  fill: var(--textColorDark) !important;
}
.search__form {
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  width: 50%;
  height: 64px;
  background: #fff;
  z-index: 1;
  transition: all .2s ease-in-out;
  transform: translateY(10px);
}

.search__form.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}

header.fixed .search__form svg path {
  fill: var(--textColorLight) !important;
}

.search__form > label {
  width: 100%;
  height: 100%;
  position: relative;
}

.search__field {
  width: 100%;
  height: 100%;
  padding: 16px;
  border: 1px solid #ddd;
  font-size: 16px;
}

.search__submit {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 48px;
  height: 48px;
  background: var(--accentDark);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  transform: translateY(-50%);
}

.search__submit:hover {
  background-color: var(--brandColor);
}

.lang {
  position: relative;
  font-size: 16px;
}
.lang__active {
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
  line-height: 1;
}
.lang__active svg {
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
}
.lang:hover .lang__active svg {
  transform: rotate(180deg);
}
header.fixed .lang__active svg path {
  fill: var(--textColorDark);
}
.lang__list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 40px;
  right: 0;
  width: 160px;
  padding: 24px;
  margin: 0;
  list-style: none;
  color: var(--textColorLight);
  background: rgb(21, 21, 21, 0.8);
  transition: all .3s ease-in-out;
  transform: translateY(16px);
}
.lang__list:before {
  content: '';
  position: absolute;
  top: -8px;
  right: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(21, 21, 21, 0.8);
}
.lang__list:after {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
}
.lang:hover .lang__list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.login__btn {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.login__icon {
  display: none;
}
.login__btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.login__btn-close img {
  width: 24px;
  height: 24px;
}
.login__wrapper {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100px;
  width: 320px;
  padding: 24px;
  color: var(--textColorLight);
  background: rgb(21, 21, 21, 0.8);
  transition: all .3s ease-in-out;
  transform: translateY(16px);
}
.login__wrapper:before {
  content: '';
  position: absolute;
  top: -8px;
  left: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(21, 21, 21, 0.8);
}
.login__wrapper.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.login__wrapper .form__group {

}
.login__wrapper-user {
  border-bottom: 1px solid var(--textColorLight);
  padding-bottom: 16px;
}
.login__wrapper .form__item label {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
}
.login__wrapper .form__item .btn {
  width: 160px;
  padding: 16px;
  border: none;
}

.btn.w-50 {
  width: 50% !important;
}
.login__wrapper a {
  display: block;
  text-transform: capitalize;
}

.menu__btn {
  position: relative;
  display: none;
  width: 32px;
  height: 18px;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.menu__btn span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: var(--textColorLight);
  opacity: 1;
  transform: rotate(0deg);
  transition: all .3s ease-in-out;
}
.menu__btn span:nth-child(even) {
  border-radius: 0 3px 3px 0;
  left: 50%;
}
.menu__btn span:nth-child(odd) {
  border-radius: 3px 0 0 3px;
  left:0px;
}
.menu__btn span:nth-child(1), .menu__btn span:nth-child(2) {
  top: 0px;
}
.menu__btn span:nth-child(3), .menu__btn span:nth-child(4) {
  top: 8px;
}
.menu__btn span:nth-child(5), .menu__btn span:nth-child(6) {
  top: 16px;
}
.menu__btn.active span:nth-child(1),.menu__btn.active span:nth-child(6) {
  transform: rotate(45deg);
}
.menu__btn.active span:nth-child(2),.menu__btn.active span:nth-child(5) {
  transform: rotate(-45deg);
}
.menu__btn.active span:nth-child(1) {
  left: 5px;
  top: 3px;
}
.menu__btn.active span:nth-child(2) {
  left: calc(50% - 1px);
  top: 3px;
}
.menu__btn.active span:nth-child(3) {
  left: -50%;
  opacity: 0;
}
.menu__btn.active span:nth-child(4) {
  left: 100%;
  opacity: 0;
}
.menu__btn.active span:nth-child(5) {
  left: 5px;
  top: 13px;
}
.menu__btn.active span:nth-child(6) {
  left: calc(50% - 1px);
  top: 13px;
}

/*masterhead*/
.masterhead {
  position: relative;
  height: 100vh;
}
.masterhead--small .big__slider,
.masterhead--small {
  height: 30vh;
}
.masterhead--medium .big__slider,
.masterhead--medium {
  height: 60vh;
}
.masterhead--small:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(13,13,13);
  background: linear-gradient(0deg, rgba(13,13,13,0) 0%, rgba(13,13,13,.8) 100%);
} 
.masterhead img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scroll__down {
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 180px;
  height: 180px;
  transform: translateX(-50%);
  cursor: pointer;
}
.big__slider {
  width: 100%;
  height: 100vh;
  position: relative;
}
.big__slider:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(13,13,13);
  background: linear-gradient(0deg, rgba(13,13,13,0) 0%, rgba(13,13,13,.8) 100%);
}
.big__slider .slick-list,
.big__slider .slick-track {
  height: 100%;
}
.big__slider-img {
  width: 100%;
  height: 100%;
  background: #071925;
}
.big__slider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .6 !important;
}
.big__slider-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.big__slider-info {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
  padding-top: 200px;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.masterhead--small .big__slider-info {
  top: auto;
  bottom: 40px;
}
.big__slider-txt {

}
.big__slider-txt h1 {
  font-size: 80px;
  margin-bottom: 16px;
  line-height: 1;
}
.big__slider-txt p {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 500;
}
.big__slider-txt a {
  color: var(--textColorLight);
}


.masterhead__form {
  width: 100%;
  padding: 80px;
  max-width: 1680px;
  margin: 0 auto;
  color: var(--textColorLight);
  z-index: 1;
}
.masterhead--medium .masterhead__form {
  position: relative;
  left: auto;
  bottom: auto;
  transform: translateX(0);
  margin: 0 auto;
  padding: 40px 80px;
}
.masterhead__form form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.masterhead__form-title {
  display: flex;
  align-items: center;
  gap: 24px;
}
.masterhead__form-title > p {
  margin: 0;
}
.masterhead__form .form__group {
  flex-direction: row;
  gap: 1px;
}
.masterhead__form .form__item {
  position: relative;
  background: var(--textColorLight);
  color: var(--textColorDark);
  display: block;
  flex-grow: 1;
  min-width: 120px;
}
.masterhead__form .form__item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(240 245 255 / 80%);
  z-index: -1;
  backdrop-filter: blur(6px);
}
.masterhead__form .form__item label {
  position: absolute;
  top: 16px;
  left: 16px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.form__group--2 .form__item:nth-child(1) {
  
}
.form__group--2 .form__item:nth-child(2) {
  
}
.form__group--2 .form__item:nth-child(3) {
  
}
.form__group--2 .form__item:nth-child(4) {
  
}
.form__group--2 .form__item:nth-child(5) {
  
}
label.masterhead__radio {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  z-index: 1;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.masterhead__radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.masterhead__radio-input {
  position: relative;
  padding: 8px 16px;
  white-space: nowrap;
}
.masterhead__radio:hover .masterhead__radio-input,
.masterhead__radio input[type="radio"]:checked ~ .masterhead__radio-input {
  color: var(--textColorDark);
}
.masterhead__radio-input:before {
  content: "";
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.masterhead__radio:hover .masterhead__radio-input:before {
  display: block;
  background: var(--textColorLight);
}
.masterhead__radio input[type="radio"]:checked ~ .masterhead__radio-input:before {
  display: block;
  background: var(--textColorLight);
}

label.masterhead__checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  z-index: 1;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.masterhead__checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.masterhead__checkbox-tick {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.masterhead__checkbox-tick:after {
  content: "";
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 8px;
  border: solid var(--brandGrey);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}
.masterhead__checkbox:hover .masterhead__checkbox-tick,
.masterhead__checkbox input[type="checkbox"]:checked ~ .masterhead__checkbox-tick {
  border-color: var(--textColorDark);
}
.masterhead__checkbox:hover .masterhead__checkbox-tick:after,
.masterhead__checkbox input[type="checkbox"]:checked ~ .masterhead__checkbox-tick:after {
  display: block;
  border-color: var(--textColorDark);
}
.masterhead__checkbox-input {
  position: relative;
  padding: 8px 16px 8px 40px;
  white-space: nowrap;
}
.masterhead__checkbox:hover .masterhead__checkbox-input,
.masterhead__checkbox input[type="checkbox"]:checked ~ .masterhead__checkbox-input {
  color: var(--textColorDark);
}
.masterhead__checkbox-input:before {
  content: "";
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.masterhead__checkbox:hover .masterhead__checkbox-input:before {
  display: block;
  background: var(--textColorLight);
}
.masterhead__checkbox input[type="checkbox"]:checked ~ .masterhead__checkbox-input:before {
  display: block;
  background: var(--textColorLight);
}

.masterhead__form .form__item input[type="text"],
.masterhead__form .form__item input[type="email"],
.masterhead__form .form__item input[type="date"],
.masterhead__form .form__item input[type="time"],
.masterhead__form .form__item input[type="number"],
.masterhead__form .form__item textarea,
.masterhead__form .form__item select {
  padding: 36px 16px 16px 16px;
  background: none;
  border: none;
  border: none;
  outline: none;
  height: auto;
  border: 3px solid transparent;
  height: 100%;
}
.masterhead__form .form__item input[type="text"]:focus,
.masterhead__form .form__item input[type="email"]:focus,
.masterhead__form .form__item input[type="date"]:focus,
.masterhead__form .form__item input[type="time"]:focus,
.masterhead__form .form__item input[type="number"]:focus,
.masterhead__form .form__item textarea:focus,
.masterhead__form .form__item select:focus {
  outline: none;
  border: 3px solid #F44336;
}
.masterhead__form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  
}
.masterhead__form ::-moz-placeholder { /* Firefox 19+ */
  
}
.masterhead__form :-ms-input-placeholder { /* IE 10+ */
  
}
.masterhead__form :-moz-placeholder { /* Firefox 18- */
  
}
.masterhead__form .btn {
  margin-left: auto;
  text-transform: uppercase;
}

.estimate__popup {
  position: absolute;
  top: -240px;
  left: 50%;
  width: 480px;
  max-width: 100%;
  background: var(--textColorLight);
  padding: 16px;
  transform: translateX(-50%);
}
.first__popup{
  top: 30% !important;
  transform: translate(-50%, -30%) !important;
}
.estimate__popup .form__item {
  background: none;
  margin-bottom: 8px;
  width: 100% !important;
}
.estimate__popup .form__item:after {
  display: none;
}
.estimate__popup .form__item label {
  position: unset;
  display: flex;
  gap: 0;
  justify-content: space-between;
  align-items: center;
}
.estimate__popup .form__item input[type="email"],
.estimate__popup .form__item input[type="text"] {
  height: 40px;
  padding: 8px 16px !important;
  border: 1px solid var(--accentDark);
}
.estimate__popup .form__item .btn {
  padding: 12px 16px;
  width: auto;
  margin: 0;
}
.estimate__popup-error {
  color: #ff0000;
  font-weight: 400;
  font-size: 10px;
}
.form__item.estimate__btns {
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  flex-direction: row;
}
#pop_up_submit {
  white-space: nowrap;
}
.estimate__popup-register,
.estimate__popup-login {
  cursor: pointer;
  white-space: nowrap;
}
.estimate__popup-register:hover,
.estimate__popup-login:hover {
  color: var(--accent);
}

.estimate__popup-loginform {
  position: absolute;
  top: -240px;
  left: 50%;
  width: 480px;
  max-width: 100%;
  background: var(--textColorLight);
  padding: 16px;
  transform: translateX(-50%);
}
.estimate__popup-loginform .form__item {
  background: none;
  margin-bottom: 8px;
}
.estimate__popup-loginform .form__item:after {
  display: none;
}
.estimate__popup-loginform .form__item label {
  position: unset;
  display: flex;
  gap: 0;
  justify-content: space-between;
  align-items: center;
}
.estimate__popup-loginform .form__item input[type="text"],
.estimate__popup-loginform .form__item input[type="password"] {
  height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--accentDark);
}
.estimate__popup-loginform .form__item .btn {
  padding: 12px 16px;
  width: 160px;
  margin: 0;
}

/*page desc*/
.page__desc {
  padding: 80px 0;
}
.page__desc .container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.page__desc-title {
  position: relative;
  font-size: 48px;
}
.page__desc-title:after {
  content: '';
  position: absolute;
  bottom: -24px;
  left: 50%;
  width: 64px;
  height: 1px;
  background: var(--brandGrey);
  transform: translateX(-50%);
}
.page__desc--centered .page__desc-title {
  text-align: center;
}
.page__desc-txt {

}
.page__desc p {

}
.page__desc--horizontal .container {
  flex-direction: row;
}
.page__desc--horizontal .page__desc-title-wrapper {
  width: 50%;
}
.page__desc--horizontal .page__desc-title:after {
  left: 0;
  transform: translateX(0);
}
.page__desc--horizontal .page__desc-txt {
  width: 50%;
  flex-grow: 1;
}
.page__desc-video {
  display: flex;
  gap: 40px;
}
.page__desc--centered .page__desc-txt {
  text-align: justify;
  max-width: 960px;
  margin: 0 auto;
}
.page__desc--centered .page__desc-title-wrapper {
  max-width: 960px;
  margin: 0 auto;
}
.page__video {
  width: 33.333%;
  height: 400px;
  flex-shrink: 0;
}
.page__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*home about*/
.home__about {
  padding: 120px 0 20px;
}
.home__about .section__title {
  text-align: center;
}
.home__about-desc {
  max-width: 960px;
  margin: 0 auto;
  text-align: justify;
}
.home__about-desc p {
  font-size: 20px;
}
.home__about-img {
  position: absolute;
  top: -80px;
  left: -240px;
  width: 580px;
  height: auto;
  opacity: 0.2;
}

/*home services*/
.home__services {
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 40px;
}
.home__service-item {
  position: relative;
  width: calc(25% - 20px);
/*  height: 640px;*/
}
.home__service-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(13,13,13);
  background: linear-gradient(0deg, rgba(13,13,13,0.8) 0%, rgba(13,13,13,0) 100%);
}
.home__service-img {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  border: 4px solid transparent;
  transition: all .3s ease-in-out;
  overflow: hidden;
}
.home__service-item:hover .home__service-img {
  border: 4px solid var(--accent);
}
.home__service-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 2s ease-in-out;
}
.home__service-item:hover img {
  transform: scale(1.2);
}
.home__service-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px;
  color: var(--textColorLight);
  font-size: 32px;
  line-height: 1;
  z-index: 1;
}

/*home routes*/
.routes {
  padding: 20px 0 40px;
}
.routes .section__title {
  margin-bottom: 24px;
}
.routes .fleet__tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 1px solid var(--brandGrey);
  width: 320px;
  margin: 80px auto 40px;
  padding: 0;
}
.routes__wrapper {
  display: flex;
}
.routes__map {
  width: 50%;
}
.routes__map img {
  width: 100%;
  height: auto;
}
.routes__destinations {
  width: 50%;
  padding: 80px;
}
.routes__destinations-wrapper {

}
.routes__destinations-header {
  display: flex;
}
.routes__destinations-header span {
  width: 30%;
  font-weight: 700;
  padding: 8px 0;
}
.routes__destinations-header span:nth-child(2) {
  width: 25%;
  text-align: center;
}
.routes__destinations-header span:nth-child(3) {
  width: 45%;
}
.routes__destinations-item {
  display: flex;
  border-bottom: 1px solid var(--brandGrey);
}
.routes__destinations-item span {
  width: 30%;
  padding: 8px 0;
  font-size: 14px;
}
.routes__destinations-item span:nth-child(2) {
  width: 25%;
  text-align: center;
}
.routes__destinations-item span:nth-child(3) {
  width: 45%;
}

/*why heliny*/
.why__heliny {
  padding: 0 0 120px;
  min-height: 60vh;
}
.why__heliny .container {
  display: flex;
  gap: 80px;
}
.why__heliny-bulletpoints {
  width: 50%;
  padding: 0 120px;
}
.why__heliny-bulletpoints ul {
  padding: 0;
  list-style: none;
}
.why__heliny-bulletpoints li {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 24px;
}
.why__heliny-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
/*  background: var(--textColorLight);*/
  flex-shrink: 0;
}
.why__heliny-bulletpoints li img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.why__heliny-bulletpoints li span {
  font-size: 18px;
}
.why__heliny-images {
  width: 50%;
  position: relative;
}
.why__heliny-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  height: 400px;
  display: block;
  overflow: hidden;
}
.why__heliny-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.why__heliny-images .why__heliny-img1 {
  width: 240px;
  height: 400px;
  right: 0;
  top: -40px;
}
.why__heliny-images .why__heliny-img2 {
  top: 40px;
  right: 256px;
  width: 200px;
  height: 200px;
}
.why__heliny-images .why__heliny-img3 {
  right: 256px;
  top: 255px;
  width: 400px;
  height: 240px;
  z-index: 1;
}
.why__heliny-images .why__heliny-img4 {
  top: 376px;
  right: -120px;
  width: 360px;
  height: 320px;
}

/*popular destinations*/
.popular__destination {
  padding: 80px;
}
.popular__destination--home .section__title {
  text-align: center;
}
.popular__destination-wrapper {
  display: flex;
  align-items: center;
}
.popular__destination-map {
  width: 50%;
}
.popular__destination-map img {
  width: 100%;
  height: auto;
}
.popular__destination-info {
  width: 100%;
}
.popular__destination-info-inner {
  margin: 0 auto;
  max-width: 960px;
  text-align: justify;
}
.popular__destination-info p {

}

/*home airport*/
.home__airport .container {
  display: flex;
  align-items: center;
}
.home__airport-img {
  position: relative;
  width: 50%;
  height: 720px;
}
.home__airport-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home__airport-info {
  width: 50%;
  padding: 40px;
}
.home__airport-desc {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}
.home__airport-desc p {

}

/*grid items*/
.grid__wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 40px;
}
.grid__item {
  position: relative;
  width: calc(33.333% - 27px);
}
.grid__item-img {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 75%;
}
.grid__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.grid__item-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(13,13,13);
  background: linear-gradient(0deg, rgba(13,13,13,.8) 0%, rgba(13,13,13,0) 100%);
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 8px;
  padding: 24px;
  color: var(--textColorLight);
}
.grid__item-title {
  font-size: 40px;
  margin-bottom: 8px;
  max-width: 640px;
}
.grid__item-desc {
  max-width: 640px;
}
.grid__item-desc p {
  margin: 0;
}
.grid__item-desc span {
  display: flex;
}
.grid__item:hover .btn__link {
  text-decoration: none;
  color: var(--accent);
}

/*helicopter on demand*/
.emergency__services {
  margin-top: 40px;
}
.emergency__services .container {
  display: flex;
  align-items: center;
  gap: 80px;
}
.emergency__services-img {
  width: 50%;
}
.emergency__services-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.emergency__services-info {
  width: 50%;
}
.airport__transport {
  margin-top: 40px;
}
.airport__info-wrapper {
  padding: 40px 0 80px;
}
.airport__info-wrapper .section__title {
  
}
.airport__info-inner {
  display: flex;
}
.airport__info-innerLeft {
  width: 50%;
}
.airport__info-innerRight {
  width: 50%;
  padding-left: 80px;
}
.airport__info-spidermap {
  position: relative;
}
.airport__info-innerRight img {
  width: 100%;
  height: auto;
}
.airport__info-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin: 24px 0;
}
.airport__list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  height: 160px;
  padding: 16px;
  font-weight: 700;
  border: 1px solid var(--brandGrey);
  border-right: 0;
}
.airport__list-item:last-child {
  border-right: 1px solid var(--brandColor);
} 

.loadmore__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0 80px;
}

.featured__destinations .container {
  
}
.featured__slider-wrapper {
  position: relative;
}
.featured__destinations-slider {
  display: flex;
  gap: 80px;
  justify-content: space-around;
  margin: 80px 0;
}
.featured__destinations-slider .prev__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  background: var(--accentDark);
  z-index: 1;
  cursor: pointer;
}
.featured__destinations-slider .next__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 40px;
  background: var(--accentDark);
  z-index: 1;
}
.featured__slider-item {
  position: relative;
  margin-right: 16px;
  width: 400px;
}
.featured__slider-img {
  position: relative;
}
.featured__slider-img img {
  width: 100%;
  height: 480px;
  object-fit: cover;
}
.featured__slider-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 480px;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  background: linear-gradient(0deg, rgba(13,13,13,.8) 0%, rgba(13,13,13,0) 100%);
}
.featured__slider-title {
  font-size: 24px;
  margin-bottom: 0;
  color: var(--textColorLight);
  font-weight: 400;
}
.featured__slider-item p {
  margin: 16px 0 0;
}

.destinations__filter {
  
}
.destinations__filter form {
  display: flex;
  gap: 24px;
  justify-content: center;
}
.destinations__filter .form__item {
  width: 240px;
}
.destinations__filter .form__item:last-child {
  width: auto;
}
.destinations__filter .form__item .btn {
  padding: 13px 24px;
  border: none;
  width: 160px;
}

/*single service*/
.service__map {
  padding: 80px 0;
}
.service__map img {
  display: block;
  max-width: 640px;
  margin: 0 auto;
}
.destinations__section-title {

}

/*packages*/
.packages__wrapper {
  
}
.packages__info {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
}
.packages__info-inner {
  max-width: 640px;
  margin: 0 auto;
}
.package__item {

}
.package__item-title {
  font-size: 24px;
  margin-bottom: 8px;
}

.packages__slider {
  width: 100%;
  height: calc(100vh - 112px);
}
.packages__slider .slick-list,
.packages__slider .slick-track {
  height: 100%;
}
.packages__slide-inner {
  display: flex;
  align-items: center;
  height: 100%;
}
.packages__slider-img {
  width: 50%;
  height: 100%;
}
.packages__slider-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.packages__slider .prev__btn {
  position: absolute;
  bottom: 0;
  left: calc(50% - 160px);
  width: 80px;
  height: 80px;
  background: var(--accentDark);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.packages__slider .next__btn {
  position: absolute;
  bottom: 0;
  left: calc(50% - 80px);
  width: 80px;
  height: 80px;
  background: var(--accentDark);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.packages__slider .prev__btn svg,
.packages__slider .next__btn svg {
  width: 40px;
  height: 40px;
}
.packages__slider .prev__btn:hover,
.packages__slider .next__btn:hover {
  background: var(--brandColor);
}

.package__gallery {
  margin-top: 80px;
}

.package__request {
  padding: 40px 0 80px;
}
.package__request .container {
  display: flex;
}
.package__request-info {
  width: 50%;
  padding: 0 40px 0 0;
}
.package__request-form {
  width: 50%;
}
.package__request-form form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.form__group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form__group > p {
  font-size: 18px;
}
.form__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form__item label {
  display: block;
}
.form__item input[type="text"],
.form__item input[type="email"],
.form__item input[type="date"],
.form__item input[type="time"],
.form__item input[type="number"],
.form__item input[type="password"],
.form__item textarea,
.form__item select {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid var(--brandGrey);
  outline: none;
}
.form__item input[type="text"]:focus,
.form__item input[type="email"]:focus,
.form__item input[type="date"]:focus,
.form__item input[type="time"]:focus,
.form__item input[type="number"]:focus,
.form__item input[type="password"]:focus,
.form__item textarea:focus,
.form__item select:focus {
  outline: none;
  border: 1px solid #F44336;
}
.form__item textarea {
  height: 160px;
}
.form__item-h {
  display: flex;
  gap: 24px;
}

.error-focus {
  outline: none !important;
  border: 1px solid #F44336 !important;
}
.form__item-h .form__item {
/*  width: calc(50% - 12px);*/
}
.form__item .btn {
  width: 240px;
  padding: 21px 24px;
  text-transform: uppercase;
  font-size: 14px;
}
.form__item label.form__radio {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form__radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.form__radio-input {
  position: relative;
  height: 24px;
  width: 24px;
  background-color: none;
  border: 1px solid var(--accentDark);
  border-radius: 30px;
}
.form__radio-input:after {
  content: "";
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  background: var(--accentDark);
  border-radius: 30px;
  transform: translate(-50%, -50%);
}
.form__radio:hover .form__radio-input:after {
  display: block;
}
.form__radio input[type="radio"]:checked ~ .form__radio-input:after {
  display: block;
}
.form__radio-label {
    
}

label.form__checkbox {
  position: relative;
  display: flex;
  gap: 8px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form__checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.form__checkbox-input {
  position: relative;
  height: 24px;
  width: 24px;
  background-color: none;
  border: 1px solid var(--accentDark);
  flex-shrink: 0;
}
.form__checkbox input[type="checkbox"]:checked ~ .form__checkbox-input {
  background: var(--accentDark);
}
.form__checkbox-input:after {
  content: "";
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 10px;
  border: solid var(--accentDark);
  border-width: 0 3px 3px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}
.form__checkbox:hover .form__checkbox-input:after {
  display: block;
  border-color: var(--brandGrey);
}
.form__checkbox input[type="checkbox"]:checked ~ .form__checkbox-input:after {
  border-color: var(--textColorLight);
  display: block;
}
.form__checkbox-label {
    
}

/*Destinations*/
.destination__service {
  margin-top: 80px;
}
.destination__service-wrapper .destination__service:nth-child(even) .destination__service-left {
  order: 2;
}
.destination__service .container {
  display: flex;
  gap: 40px;
}
.destination__service-left {
  width: 50%;
}
.destination__service-right {
  width: 50%;
}
.destination__service-img {
  position: relative;
}
.destination__service-img img {
  width: 100%;
  height: auto;
}
.destination__service-left img {
  height: 640px;
  object-fit: cover;
}
.destination__service-desc {
  margin: 24px 0;
}
.destination__service-desc p {

}

.luxury__packages-slider-wrapper {
  margin-top: 24px;
}
.luxury__packages-slider .grid__item {
  padding: 0 12px;
}
.luxury__packages-slider .grid__item-info {
  left: 12px;
  width: calc(100% - 24px);
}
.luxury__packages-slider .prev__btn,
.luxury__packages-slider .next__btn {
  position: absolute;
  top: 50%;
  left: -40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accentDark);
  transform: translateY(-50%);
}
.luxury__packages-slider .next__btn {
  left: auto;
  right: -40px;
}
.luxury__packages-slider-wrapper .btn {
  margin: 40px auto 80px;
  width: 160px;
  display: block;
}

/*deals*/
.charter-history-wrapper {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.charter-history {
  width: calc(33.333% - 20px);
  background: var(--textColorLight);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 16px;
}
.charter-header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: center;
}
.charter-item {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
.charter-item:last-child {
  border-bottom: none;
}
.charter-item .label {
  font-weight: bold;
  color: var(--textColorDark);
}
.charter-item .value {
  text-align: right;
  color: var(--textColorDark);
}

/*specialty*/
.specialty__wrapper {
  display: flex;
  flex-direction: column;
}
.specialty__item {
  display: flex;
  align-items: center;
}
.specialty__item-img {
  position: relative;
  width: 50%;
}
.specialty__item:nth-child(even) .specialty__item-img {
  order: 2;
}
.specialty__item-img img {
  width: 100%;
  min-height: 480px;
  object-fit: cover;
}
.specialty__item-info {
  width: 50%;
  padding: 40px;
}
.specialty__item-inner {
  max-width: 640px;
  margin: 0 auto;
}

/*airport transfer*/


/*about*/
/*airport transfer*/
.about .container {
  display: flex;
}
.about-img {
  position: relative;
  width: 50%;
  min-height: 720px;
}
.about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-info {
  width: 50%;
  padding: 40px;
}
.about-desc {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}
.about-desc p {

}

.about__wrapper {
  display: flex;
  flex-direction: column;
}
.about__item {
  display: flex;
  align-items: center;
}
.about__item-img {
  position: relative;
  width: 50%;
}
.about__item:nth-child(odd) .about__item-img {
  order: 2;
}
.about__item-img img {
  width: 100%;
  height: 640px;
  object-fit: cover;
}
.about__item-info {
  width: 50%;
  padding: 40px;
}
.about__item-inner {
  max-width: 640px;
  margin: 0 auto;
}

.about__services > p {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.about__services .grid__item:nth-child(4),
.about__services .grid__item:nth-child(5) {
  width: calc(50% - 20px);
} 

.directors {

}
.directors__inner {
    display: flex;
    gap: 80px;
    padding: 120px 0;
}
.directors__headshots {
  width: 320px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.directors__headshots-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.directors__headshots-img {

}
.directors__headshots-img img {
  width: 100%;
  height: auto;
}
.directors__headshots-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.directors__headshots-info p {
  font-size: 24px;
  margin: 0;
}
.directors__headshots-info span {

}
.directors__info {
  width: calc(100% - 320px);
}

.about__team {
  margin-top: 80px;
}
.about__team-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.team__item {
  display: block;
  width: calc(33.333% - 27px);
  text-decoration: none;
}
.team__item:hover {
  text-decoration: none;
}
.team__item-img {
  position: relative;
  width: 480px;
  height: 480px;
  margin: 0 auto;
}
.team__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team__item-info {
  padding: 40px;
  text-align: center;
}
.team__item-info h3 {
  font-size: 24px;
  margin: 8px;
}
.team__item-position {
  display: block;
  text-transform: uppercase;
  font-size: 24px;
}

.team__item--pilot {
  width: calc(25% - 30px);
}
.team__item--pilot .team__item-img {
  width: 100%;
  height: auto;
  padding-top: 100%;
}
.team__item--pilot .team__item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team__item--pilot .section__title {
  font-size: 24px;
  margin-bottom: 0;
}
.team__item--pilot .section__title:after {
  bottom: -8px;
}
.team__item--pilot .team__item-position {
  font-size: 16px;
}

.pilots__stats {
  display: flex;
  gap: 24px;
  justify-content: center;
}
.stat__item {
  width: 320px;
  height: 240px;
  text-align: center;
  background: var(--textColorLight);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.stat__item p {
  margin: 0;
  font-size: 24px;
}
.stat__item span {
  font-size: 72px;
  font-weight: 700;
}
.about__history {
  display: flex;
}
.about__history-img {
  width: 50%;
  position: relative;
}
.about__history-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__history-info {
  width: 50%;
  padding: 40px;
}
.about__history-inner {
  max-width: 640px;
  margin: 0 auto;
}
.founder__title {
  font-size: 24px;
  margin-bottom: 8px;
}

/*safety*/
.safety__logos {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 40px;
}
.safety__logos img {
  width: auto;
  height: 80px;
}
.safety__security-img img {
  width: 100%;
  height: 480px;
  object-fit: cover;
}
.maintenance {
  display: flex;
  align-items: center;
}
.maintenance-img {
  width: 50%;
  position: relative;
}
.maintenance-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maintenance-info {
  width: 50%;
  padding: 40px;
}
.maintenance-inner {
  max-width: 640px;
  margin: 0 auto;
}
.difference {
  margin-top: 80px;
}
.difference__wrapper {
  display: flex;
  gap: 80px;
  margin-top: 64px;
}
.difference__item {
  width: calc(33.333% - 40px);
}
.difference__item-title {
  display: block;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 16px;
}
.difference__item p {

}

.partners {
  margin: 80px 0;
}
.partners .container {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
}
.partners__item {
  display: block;
  width: calc(33.333% - 54px);
  text-align: center;
}
.partners__item img {
  max-width: 160px;
  width: auto;
  max-height: 160px;
  height: auto;
  object-fit: contain;
}
.default__page table td {
  border: none;
}

/*team*/
.team__details {
  margin: 80px 0;
}
.team__position {
  display: block;
  font-size: 24px;
  text-transform: uppercase;
}
.pilot__info {
  margin-bottom: 24px;
}
.pilot__info h4 {
  margin-bottom: 16px;
}

/*contact*/
.contact {
  margin: 80px 0;
}
.departure__locations {
  margin: 80px auto;
}
.departure__locations-wrapper {
  display: flex;
  gap: 24px;
}
.departure__locations-item {
  width: calc(25% - 12px);
}
.departure__locations-item img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}
.departure__locations-info {
  padding: 16px;
  text-align: center;
}
.departure__locations-info a {
  text-decoration: none;
}
.contact .container {
  display: flex;
  gap: 80px;
}
.contact__info {
  width: 50%;
  display: flex;
  gap: 40px;
}
.contact__person {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact__person img {
  width: 100%;
  height: auto;
}
.contact__person-info {
  text-align: center;
}
.contact__person-info p {
  margin-bottom: 4px;
}
.contact__info-items {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact__info-item {

}
.contact__info-title {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 600;
}
.contact__info-item p {
  margin-bottom: 8px;
}

.contact__form {
  width: 50%;
}
.contact__form form {
  max-width: 640px;
}
.contact__form input[type="submit"] {
  display: inline-block;
  position: relative;
  width: 160px;
  padding: 17px 16px;
  background-color: var(--accentDark);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  border: none;
  margin-top: 16px;
  color: var(--textColorLight);
  text-decoration: none;
  transition: all .2s ease-in-out;
}
.contact__form input[type="submit"]:hover {
  background: var(--brandColor);
}

.visit__locations {
  margin: 40px auto 80px;
}
.visit__locations .container {
  display: flex;
  gap: 80px;
}
.visit__location-item {
  width: 50%;
}
.visit__location-item > h3 {
  font-size: 32px;
}
.visit__location-item img {
  width: 100%;
  max-height: 320px;
  object-fit: cover;
  margin-bottom: 24px;
}
.visit__location-item p {

}
.visit__location-item iframe {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border: none;
}

.faq {
  margin: 80px 0;
}
.faq .container {
  display: flex;
  gap: 80px;
}
.faq__nav {
  width: 400px;
}
.faq__nav.fixed {
  position: fixed;
  top: 152px;
}
.faq__nav .section__title {

}
.faq__nav-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq__nav-links li {

}
.faq__nav-links span {
  display: block;
  cursor: pointer;
  transition: all .2s ease-in-out;
}
.faq__nav-links span:hover,
.faq__nav-links span._active {
  font-weight: 700;
  text-decoration: underline;
}

.faq__wrapper {
  width: calc(100% - 480px);
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-left: auto;
}
.faq__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.faq__group-title {
  font-size: 24px;
}
.faq__group-item {
  cursor: pointer;
}
.faq__item-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  transition: all .2s ease-in-out;
}
.faq__group-item._active .faq__item-question,
.faq__group-item:hover .faq__item-question {
  background: var(--accentDark);
  color: var(--textColorLight);
}
.faq__item-question span {

}
.faq__group-item._active .faq__item-question svg path,
.faq__group-item:hover .faq__item-question svg path {
  fill: var(--textColorLight);
}
.faq__item-question svg {
  flex-shrink: 0;
}
.faq__group-answer {
  display: none;
  padding: 16px;
  border: 1px solid var(--accentDark);
}
.faq__group-answer p {

}


/*request a quote*/
.request__quote {
  margin: 80px 0;
}
.request__quote .container {
  display: flex;
}
.request__info {
  width: 50%;
}
.request__form {
  width: 50%;
}
.request__form form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
/*default page*/
.default__page {
  margin: 80px 0;
}
.default__page .container {
  max-width: 960px;
}

/*reservation*/
.reservation {
  padding-bottom: 80px;
}
.reservation .container {
  display: flex;
  gap: 80px;
}
.reservation__form {
  width: 50%;
}
.reservation__form form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.reservation__details-wrapper {
  width: 50%;
}
.reservation__details {
  position: sticky;
  top: 136px;
  max-width: 480px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--textColorLight);
  padding: 24px;
  box-shadow: 0 4px 20px rgba(21, 21, 21, .15);
}
.reservation__details-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding: 4px 0;
}
.reservation__details-label {

}
.reservation__details-data {
  text-align: right;
  max-width: 50%;
}
.reservation__details-data select {
  width: 100%;
}
.reservation__details-price {
  border: none;
  justify-content: end;
  font-size: 24px;
  font-weight: 700;
}
.reservation__details-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reservation__details-info .form__item .btn {
  width: 100%;
}

/*fleet*/
.fleet__tabs {
  padding: 80px 0 0;
}
.fleet__tabs-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 1px solid var(--brandGrey);
  width: 320px;
  margin: 0 auto;
}
.fleet__tab-item {
  position: relative;
  width: 50%;
  text-align: center;
  padding: 8px 24px;
  cursor: pointer;
}
.fleet__tab-item span {
  transition: all .3s ease-in-out;
}
.fleet__tab-item._active span,
.fleet__tab-item:hover span {
  color: var(--textColorLight);
}
.fleet__tab-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--accentDark);
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  z-index: -1;
}
.fleet__tab-item._active:after,
.fleet__tab-item:hover:after {
  opacity: 1;
  visibility: visible;
}
.fleet__items {
  
}
.tab__content {
  display: none;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
.tab__content._active {
  max-height: unset;
  opacity: 1;
  visibility: visible;
  padding-top: 40px;
  display: flex;
}
.fleet__items .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.fleet__3d {
  display: none;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}
.fleet__3d.active {
  display: block;
}
.fleet__3d-img {
  width: 100%;
  height: auto;
}
.fleet__3d-expand {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  background: var(--accentDark);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.fleet__3d-expand img {
  width: 24px;
  height: 24px;
}
.fleet__3d-popup {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--textColorLight);
  z-index: 999;
  transition: all .3s ease-in-out;
}
.fleet__3d-popup.active {
  opacity: 1;
  visibility: visible;
}
.fleet__3d-grab {
  cursor: grab;
}
.fleet__popup-close {
  position: absolute;
  top: 80px;
  right: 80px;
  cursor: pointer;
}
.fleet__popup-close img {
  width: 40px;
  height: 40px;
}
.fleet__popup-info {

}

.fleet__items-title {
  font-size: 32px;
}
.fleet__items-specs {
  display: flex;
  gap: 160px;
}
.fleet__spec-item {
  text-align: center;
}
.fleet__spec-item i {
  font-style: normal;
}
.fleet__spec-item p {
  font-weight: 700;
  font-size: 64px;
}
.fleet__spec-item span {
  display: block;
  font-size: 24px;
}

.fleet__item-wrapper {
  
}
.fleet__item-wrapper._active {
  padding-top: 80px;
}
.fleet__slider-wrapper {
  width: 50%;
  align-self: stretch;
  position: relative;
}
.fleet__slider {
  width: 100%;
  height: 100%;
}
.fleet__slider .slick-list,
.fleet__slider .slick-track {
  height: 100%;
}
.fleet__slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fleet__slider-thumbs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 168px;
  padding: 24px;
}
.fleet__slider-thumbs img {
  width: 240px;
  height: 120px;
  object-fit: cover;
  border: 2px solid var(--brandGrey) !important;
}
.fleet__slider-thumbs img.slick-current {
  border: 2px solid var(--accent) !important;
}
.fleet__slider-thumbs .slick-list,
.fleet__slider-thumbs .slick-track {
  height: 100%;
}
.fleet__slider-thumbs .prev__btn, 
.fleet__slider-thumbs .next__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  background: var(--accentDark);
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.fleet__slider-thumbs .next__btn  {
  left: auto;
  right: 0;
}
.fleet__item-info {
  width: 50%;
  padding: 80px;
}
.fleet__item-inner {
  max-width: 640px;
  margin: 0 auto;
}
.fleet__item-inner h4 {
  margin: 24px 0 16px;
}

/*login page*/
.login__page {
  margin-bottom: 80px;
}
.login__page-form {
  max-width: 640px;
  margin: 0 auto;
}
.login__page-form .btn {
  width: 160px;
  padding: 11px 24px;
}

/*footer*/
footer {
  position: relative;
  padding: 40px;
  background: var(--grey);
}
footer:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/ny-skyline.svg) no-repeat center center;
  background-size: cover;
  opacity: 0.03;
}
footer .container {
  display: flex;
  gap: 40px;
  color: var(--textColorLight);
}
.footer__item {
  flex-grow: 1;
}
.footer__item:first-child {
  width: 400px;
}
.footer__item:nth-child(3) {
  width: 380px;
}
.logo__footer img {
  height: 80px;
  width: auto;
  display: block;
  margin-bottom: 24px;
}
.footer__item p {
  font-size: 14px;
/*  margin-bottom: 24px;*/
}
.social__icons {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
footer a {
  text-decoration: none;
}
.social__icons img {
  display: block;
}
.badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.badges a {
  text-decoration: none;
}
.badges img {
  width: 80px;
  height: 64px;
  object-fit: contain;
}
.footer__item-title {
  font-size: 32px;
}
.footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer__item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer__item-info p {
  margin: 0;
}
.footer__copyright {
  margin-top: 40px;
  padding: 24px 0;
  font-size: 12px;
  justify-content: space-between;
  border-top: 1px solid var(--textColorLight);
}
.footer__copyright p {
  margin: 0;
}
.footer__copyright-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.footer__copyright-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

/*multiway popup*/
.multiway__popup {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 24px;
  background: var(--accentDark);
  color: var(--textColorLight);
  text-align: center;
  transition: all .3s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.multiway__popup.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -60%);
}
.multiway__popup-close {
  position: absolute;
  top: 8px;
  right: 16px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.multiway__popup-close img {

}
.multiway__popup h3 {

}
.multiway__popup p {

}

/*profile*/
.profile__wrapper {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
}

.tabs {
  display: flex;
  border: 1px solid var(--accentDark);
}
.tab__item {
  position: relative;
  width: 50%;
  text-align: center;
  padding: 8px 24px;
  cursor: pointer;
}
.tab__item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--accentDark);
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out;
  z-index: -1;
}
.tab__item._active:after, .tab__item:hover:after {
  opacity: 1;
  visibility: visible;
}
.tab__item span {
  transition: all .3s ease-in-out;
}
.tab__item._active span, .tab__item:hover span {
  color: var(--textColorLight);
}

.profile__info {
  width: 100%;
  flex-direction: column;
}
.profile__info > h2 {

}
.profile__info-data {

}
.profile__data-item {
  margin-bottom: 16px;
}
.profile__data-item span:first-child {
  font-weight: bold;
}

/*charters*/
.charters__wrapper {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
}
.upcoming__charers-wrapper {
  width: 100%;
}
.upcoming__charers-item {
  width: 100%;
  margin-bottom: 16px;
  cursor: pointer;
}
.upcoming__charers-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--accentDark);
  width: 100%;
  padding: 8px 16px;
}
.upcoming__charers-title:hover,
.upcoming__charers-item.active .upcoming__charers-title {
  background: var(--brandGrey);
}
.upcoming__charers-title p {
  margin-bottom: 0;
}
.upcoming__charers-item.active p {
  color: var(--textColorLight);
}
.upcoming__charers-status {
  padding: 2px 4px;
  color: var(--textColorDark) !important;
}
.upcoming__charers-status-green {
  background: #4CAF50;
}
.upcoming__charers-status-yellow {
  background: #FFEB3B;
}
.upcoming__charers-status-red {
  background: #F44336; 
}
.upcoming__charers-item-icon {

}
.upcoming__charers-item-icon img {

}
.upcoming__charers-info {
  display: none;
  padding: 16px;
  border: 1px solid var(--accentDark);
}
.upcoming__charers-item.active .upcoming__charers-info {
  display: block;
}
.upcoming__charers-info .reservation__details {
  margin: 0 auto;
}