/* !----------------------FONTS------------------------ */
/* montserrat-regular - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500 - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800 - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-italic - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-500italic - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600italic - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700italic - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-800italic - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900italic - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: local(''), url('../fonts/montserrat-v24-latin_cyrillic-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/montserrat-v24-latin_cyrillic-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
} /* !------------------------------------Обнуление------------------------------- */
*,
*:before,
*::after {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
}
html,
body {
  font-size: 16px;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}
.container {
  max-width: 1180px;
  padding: 0 20px;
  margin: 0 auto;
  height: 100%;
  box-sizing: border-box;
}
.title,
.subtitle {
  text-align: left;
  text-decoration: none;
}
/* !----------------------------------------FONTS-------------------------------- */
h1 {
  font-size: calc(1.875rem + 22 * (100vw / 1440));
  font-weight: 700;
  line-height: 1.3em;
  letter-spacing: 0.12em;
  text-align: left;
}
h2 {
  font-size: calc(1.25rem + 12 * (100vw / 1440));
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0em;
}
h3 {
  font-size: calc(1.5rem + 6 * (100vw / 1440));
  font-weight: 300;
  line-height: 1.3em;
  letter-spacing: 0.12em;
  text-align: left;
}
h4 {
  font-size: calc(1rem + 4 * (100vw / 1440));
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: 0em;
  display: inline-block;
  color: black;
}
h5 {
  font-size: calc(1.25rem + 6 * (100vw / 1440));
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: 0em;
  display: inline-block;
}
p,
.job__item {
  font-size: calc(1rem + 4 * (100vw / 1440));
  font-weight: normal;
  line-height: 1.5em;
  letter-spacing: 0em;
  display: inline-block;
  color: rgb(92, 91, 91);
  text-indent: 2rem;
}

@media (max-width: 1024px) {
  h1 {
    font-size: calc(1.875rem + 22 * ((100vw - 320px) / 1440));
  }
  h2 {
    font-size: calc(1.25rem + 16 * ((100vw - 320px) / 1440));
  }
  h3 {
    font-size: calc(1.5rem + 6 * ((100vw - 320px) / 1440));
  }
  h4 {
    font-size: calc(1rem + 4 * ((100vw - 320px) / 1440));
  }
  h5 {
    font-size: calc(1.25rem + 4 * ((100vw - 320px) / 1440));
  }
  p {
    font-size: calc(1rem + 4 * ((100vw - 320px) / 1440));
  }
}
/* !--------------------------------------------------------------------------- */
/* *--------------------------------------Preloader------------------------------ */
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: all 0.5s;
  opacity: 1;
}

.preloader__content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2px;
  width: 50px;
  height: 75px;
  margin: 30px auto;
  grid-auto-flow: dense;
  overflow: hidden;
}

.preloader__content > div {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(128, 128, 128, 0.45);
  transform-origin: center center;
  animation: preloader-anim 3s infinite linear;
}

.preloader__content > div:nth-of-type(1) {
  grid-row: span 2;
}

.preloader__content > div:nth-of-type(4) {
  grid-row: span 2;
  grid-column: span 2;
}

.preloader__content > div:nth-of-type(8) {
  grid-column: span 2;
}

.preloader__content > div:nth-of-type(6) {
  grid-row: span 2;
}

.preloader__content > div:nth-of-type(6),
.preloader__content > div:nth-of-type(8) {
  animation-delay: 0.2s;
}

.preloader__content > div:nth-of-type(7),
.preloader__content > div:nth-of-type(9) {
  animation-delay: 0.4s;
}

.preloader__content > div:nth-of-type(5),
.preloader__content > div:nth-of-type(4) {
  animation-delay: 0.6s;
}

.preloader__content > div:nth-of-type(1),
.preloader__content > div:nth-of-type(3),
.preloader__content > div:nth-of-type(2) {
  animation-delay: 0.8s;
}

@keyframes preloader-anim {
  0% {
    transform: translate(0px, -1000%);
  }

  40% {
    transform: translate(0px, -0px);
  }

  80% {
    transform: translate(0px, -0px);
  }

  100% {
    transform: translate(0px, 1000%);
  }
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}
/* *-----------------------        -----header-----                   ------- */
/* *-----------------------        --- --header------           -------------- */
/* *--------------------          -------header------         ------------  -- */

/* !--------------------Header Button animation----------------- */
.button__link,
.header__tel-link,
.info__email a {
  display: inline-block;
  padding: 10px 10px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 4px;
  transition: 0.2s;
  color: black;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}

.footer__item:active,
.button__link:active,
.header__tel-link:active {
  color: grey;
  transform: translate(1px, 1px);
}
.header__tel {
  position: relative;
  padding: 0px 0px 0px 18px;
  overflow: hidden;
  flex-shrink: 0;
}
.header__tel::before {
  font-size: 0.9rem;
  position: absolute;
  top: 12px;
  left: 0px;
}
.footer__link:hover .button__line_bottom,
.header__tel:hover .button__line_bottom {
  right: 0;
  transition: 0.6s;
  transition-delay: 0s;
}

.button__line {
  position: absolute;
  display: block;
}

.button__line_bottom {
  bottom: 0px;
  right: -100%;
  width: 100%;
  height: 2px;
  background-color: black;
}
._active-page .button__line_bottom,
.header__button:hover .button__line_bottom {
  right: 0;
  transition: 0.5s;
  transition-delay: 0s;
}
.footer__link:active .button__line_bottom,
.header__button:active .button__line_bottom {
  background-color: grey;
  transform: translate(4px, 0px);
  transition-delay: 0s;
}

/* !-----------------------------Header menu --------------------*/
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  box-sizing: border-box;
}
.header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0px 4px 10px grey;
  z-index: 2;
}

.header__body {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 100px;
  align-items: center;
}
.header__logo {
  flex: 0 0.2 350px;
  z-index: 3;
}
.header__logo img {
  max-width: 100%;
  overflow: hidden;
  display: block;
}
.header__burger {
  display: none;
}

.header__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.header__list li {
  position: relative;
  list-style: none;
  height: 100%;
  margin: 0px 10px 0px 0px;
  overflow: hidden;
}

.header__tel {
  position: relative;
  z-index: 3;
}
.header__tel a {
  padding: 10px 10px 10px 0px;
}
.content {
  padding: 100px 0px 0px 0px;
}
.content__text {
  font-size: 18px;
  line-height: 25px;
}

.content__text p {
  margin: 0px 0px 20px 0px;
}
.header__burger.active::before {
  transform: rotate(45deg);
  top: 9px;
}
.header__burger.active::after {
  transform: rotate(-45deg);
  bottom: 9px;
}
.header__burger.active span {
  transform: scale(0);
}
@media (max-width: 1024px) {
  .header__burger {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    z-index: 3;
  }
  .header__burger::before,
  .header__burger:after {
    content: '';
    background-color: black;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    transition: all 0.3s ease 0s;
  }
  .header__burger::before {
    top: 0px;
  }
  .header__burger:after {
    bottom: 0px;
  }
  .header__burger span {
    position: absolute;
    background-color: black;
    left: 0px;
    width: 100%;
    height: 2px;
    top: 9px;
    transition: all 0.3s ease 0s;
  }
  .header__menu {
    position: fixed;
    top: -100%;
    left: 0px;
    width: 100%;
    background-color: white;
    padding: 70px 0px 10px 0px;
    box-shadow: 0px 4px 10px grey;
    transition: all 0.3s ease 0s;
  }
  .header__menu.active {
    top: 0px;
  }
  .header__body {
    min-height: 60px;
  }
  .header__logo {
    flex: 0 0 230px;
  }
  .header__list {
    display: block;
  }
  .header__list li {
    margin: 0px auto;
    max-width: 125px;
    text-align: center;
  }
  body.lock {
    overflow: hidden;
  }
  .header__tel-link {
    font-size: 0.9rem;
  }
}
@media (max-width: 480px) {
  .header__tel {
    display: none;
  }
  .header__logo {
    flex: 0 0 210px;
  }
}
/* !--------------------------------------------------------------------------- */
/* *--------------------------------------Buttons------------------------------ */
.black-button,
.white-button {
  display: inline-block;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0.085em;
  text-align: center;
  padding: 1em 2em;
}
.white-button {
  color: white;
  border: 1px solid white;
}
.black-button {
  color: black;
  border: 1px solid black;
  background-color: white;
}
.white-button:hover {
  box-shadow: 0px 0px 10px white;
}
.white-button:active {
  box-shadow: inset 0px 0px 10px white;
}
.black-button:hover {
  box-shadow: 0px 0px 10px black;
}
.black-button:active {
  box-shadow: inset 0px 0px 10px grey;
}
@media (max-width: 768px) {
  .black-button,
  .white-button {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media (max-width: 480px) {
  .black-button,
  .white-button {
    padding: 1em 1em;
  }
}
/* *----------------------------------------------------------------------------- */
/* !-------------------------------------FORM------------------------------------------ */
.feedback__form {
  margin: 0px auto;
  height: 100%;
}

fieldset {
  border: none;
  height: 100%;
}
.form__body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.form__body p {
  text-indent: 0px;
}

.form__header h2 {
  text-align: left;
}

.form-item {
  padding: 10px 0px;
}

.form-item__el {
  position: relative;
}

.form-item__text-area,
.form-item__input-area {
  font-family: 'Montserrat', sans-serif;
  display: block;
  height: 45px;
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: 1px solid black;
  box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.9rem;
  letter-spacing: -0.02em;
  display: inline-block;
  color: rgb(92, 91, 91);
}

.label-text {
  display: block;
  padding: 5px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.9rem;
  letter-spacing: -0.02em;
  display: inline-block;
  color: rgb(92, 91, 91);
  box-sizing: border-box;
}

.form-item__text-area:focus,
.form-item__input-area:focus {
  border-bottom: 2px solid black;
  outline: none;
}
@media (max-width: 480px) {
  .form-item__text-area,
  .form-item__input-area {
    padding: 0px;
    border: none;
    border-bottom: 1px solid black;
    box-sizing: border-box;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1.9rem;
    letter-spacing: -0.02em;
    display: inline-block;
    color: rgb(92, 91, 91);
  }
  .black-button {
    font-size: 1rem;
  }
  .form-item__button {
    text-align: center;
  }
}
/* *-----------------------------------------modal------------------------------- */
.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.7s ease 0s;
}
.modal__area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.modal:target {
  opacity: 1;
  visibility: visible;
}

.modal:target .modal__content {
  transform: translate(0px, 0px);
}
.modal__body {
  min-height: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}

.feedback__form::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, 0.7) url('../img/loading.gif') center / 50px no-repeat;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
}

.feedback__form.sending::after {
  opacity: 1;
  visibility: visible;
}
.modal__content {
  height: calc(100vh - 20px);
  min-height: 540px;
  background-color: #fff;
  max-width: 500px;
  box-sizing: border-box;
  position: relative;
  padding: 50px 30px;
  transition: all 0.9s ease 0s;
  transform: translate(100%, 0px);
}
.modal__close {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 30px;
  color: black;
  text-decoration: none;
}

@media (max-width: 1024px) {
  .modal__body {
    padding: 10px 10px;
  }
}
@media (max-width: 480px) {
  .modal__content {
    padding: 50px 50px;
  }
}

/* *-----------------------------Main content--------------------- */
/* *-----------------------------Main content--------------------- */
/* *-----------------------------Main content--------------------- */
/* *-----------------------------Main content--------------------- */

.main {
  flex: 1 1 auto;
  margin-top: 100px;
}
.main__content {
  display: flex;
  flex-direction: column;
}
.main__content > * {
  margin: 100px 0 0 0;
}
.main__head-image {
  width: 100%;
  height: 100vh;
  margin-top: -100px;
}
.main__head {
  position: relative;
  height: 100%;
  margin: 0px;
}
.main__head-title {
  position: relative;
  z-index: 2;
  height: 100%;
  max-width: 565px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.main__title {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.main__title._animation {
  transform: translate(0px, 0px);
  opacity: 1;
}

.main__subtitle {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}

.main__subtitle._animation {
  transform: translate(0px, 0px);
  opacity: 1;
  transition: all 0.8s ease 0.4s;
}

.main__image img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  max-width: 1920px;
  transform: translate(-50%);
  height: 100%;
  object-fit: cover;
}

.anchor-down {
  position: absolute;
  bottom: 40px;
  left: 50%;
  color: white;
  font-size: 40px;
  z-index: 2;
  text-decoration: none;
  margin-left: -22px;
  transition: all 0.5s ease 0s;
}
._icon-arrow-down {
  animation: down 1.5s infinite;
}

@keyframes down {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(15px);
  }
  40% {
    transform: translateY(0px);
  }
}
/* ------------------ABOUT US------------------ */
.about {
  display: flex;
  flex-direction: row;
}
.about__image {
  flex: 1;
  position: relative;
}
.about__content {
  flex: 1;
  padding: 0 0px 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.image__bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  object-fit: cover;
  z-index: 1;
}
.image_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  object-fit: cover;
}
.image__devider {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-evenly;
  height: 100%;
  min-height: 150px;
  position: relative;
  z-index: 2;
}
.devider {
  width: 2%;
  background-color: white;
}
.image__devider .devider:nth-child(1) {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.4s ease 0s;
}
.image__devider .devider:nth-child(2) {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.4s ease 0s;
}
.image__devider .devider._animation:nth-child(1) {
  transform: translate(0px, 0px);
  opacity: 1;
}
.image__devider .devider._animation:nth-child(2) {
  transform: translate(0px, 0px);
  opacity: 1;
  transition: all 0.4s ease 0.2s;
}

/* ------------------Benefits------------------ */
.benefits {
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.benefits__title,
.benefits__subtitle {
  text-align: center;
}
.benefits__cards {
  margin: 50px 0 0 0;
  display: flex;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-between;
}
.benefits__card {
  width: 32%;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  text-align: center;
  padding: 20px 20px;
  gap: 20px;
}
.benefits__card .card__icon {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.benefits__card .card__title {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.benefits__card .card__subtitle {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.benefits__card .card__icon._animation {
  transform: translate(0px, 0px);
  opacity: 1;
  transition: all 0.8s ease 0s;
}
.benefits__card .card__title._animation {
  transform: translate(0px, 0px);
  opacity: 1;
  transition: all 0.8s ease 0.4s;
}
.benefits__card .card__subtitle._animation {
  transform: translate(0px, 0px);
  opacity: 1;
  transition: all 0.8s ease 0.8s;
}

.card__icon::before {
  font-size: 40px;
  color: white;
}
.card__title,
.card__subtitle p {
  color: white;
  text-indent: 0px;
}
.benefits__card:nth-child(1) {
  background: url(../img/main/benefits1.jpg);
  background-size: cover;
}
.benefits__card:nth-child(2) {
  background: url(../img/main/benefits2.jpg);
  background-size: cover;
}
.benefits__card:nth-child(3) {
  background: url(../img/main/benefits3.jpg);
  background-size: cover;
}

/* ------------------Slider------------------ */
.objects-slider {
  display: flex;
  flex-direction: column;
}
.objects-slider__content {
  position: relative;
  min-height: 400px;
  margin: 50px 0 0 0;
  display: flex;
  align-items: center;
}
.objects-slider__title,
.objects-slider__subtitle {
  text-align: center;
}
.main_slider-bg {
  position: absolute;
  width: 100vw;
  max-width: 1920px;
  left: 50%;
  height: 100%;
  background: url(../img/main/slider-bg.jpg);
  background-size: cover;
  transform: translateX(-50%);
}

/* ------------------Feedback------------------ */
.feedback {
  background: url(../img/main/modal-bg.jpg);
  background-size: cover;
  height: 100%;
  margin-top: 50px;
}
.feedback__content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  max-width: 550px;
  justify-content: space-evenly;
  align-items: center;
}
.feedback__content > * {
  color: #fff;
}

.feedback__title {
  text-align: center;
  margin: 0px;
  padding: 0px 10px;
}
.feedback__subtitle {
  text-align: center;
  padding: 0px 10px;
}
.feedback__title._animation {
  animation: 4s ease grow-animation;
}
@keyframes grow-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.feedback__content .title {
  margin: 0px;
}
.feedback__subtitle p {
  color: white;
  text-align: center;
  text-indent: 0px;
}

@media (max-width: 1024px) {
  .main {
    margin-top: 60px;
  }
  .main__head-image {
    margin-top: -60px;
  }
  .main__image {
    position: absolute;
    top: 0;
    left: -20px;
    max-width: 1920px;
    min-width: 100vw;
    height: 100%;
    background-color: black;
  }
  .main__image img {
    opacity: 0.7;
  }
  .about {
    flex-direction: column;
    gap: 15px;
  }
  .main__content > * {
    margin: 30px 0 0 0;
  }
  .about__content {
    padding: 0;
  }
  .about__image {
    min-height: 150px;
  }

  .objects-slider__content {
    margin: 0px;
  }
  .subtitle {
    margin-bottom: 20px;
  }
  .anchor-down {
    bottom: 20px;
  }
}
@media (max-width: 768px) {
  .benefits__cards {
    flex-direction: column;
    margin: 0px;
    gap: 10px;
  }
  .benefits__card {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .main__head-title {
    width: 100%;
  }
}

/* !---------------OBJECTS--------------------------------- */
/* *---------------OBJECTS--------------------------------- */
/* !---------------OBJECTS--------------------------------- */

.title {
  width: 200px;
  margin: 30px 0px;
}
.objetcts {
  overflow: hidden;
}
.objects__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  grid-auto-rows: 294px;
  gap: 3px;
  grid-auto-flow: dense;
}
.reviews__content > .review,
.objects__cards > .card__item {
  transform: translate(0px, -1000%);
  transition: all 0.2s ease 0s;
}

.objects__cards._animation .card__item:nth-child(18) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0.1s;
}

.objects__cards._animation .card__item:nth-child(17) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0.1s;
}

.objects__cards._animation .card__item:nth-child(16) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0.1s;
}

.objects__cards._animation .card__item:nth-child(15) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0.1s;
}

.objects__cards._animation .card__item:nth-child(14),
.reviews__content._animation .review:nth-child(14) {
  transform: translate(0px, 0px);
  transition: all 0.9s ease 0.1s;
}
.reviews__content._animation .review:nth-child(13),
.objects__cards._animation .card__item:nth-child(13) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0.1s;
}

.reviews__content._animation .review:nth-child(12),
.objects__cards._animation .card__item:nth-child(12) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0s;
}
.reviews__content._animation .review:nth-child(11),
.objects__cards._animation .card__item:nth-child(11) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0.2s;
}
.reviews__content._animation .review:nth-child(10),
.objects__cards._animation .card__item:nth-child(10) {
  transform: translate(0px, 0px);
  transition: all 1.2s ease 0.3s;
}
.reviews__content._animation .review:nth-child(8),
.objects__cards._animation .card__item:nth-child(8) {
  transform: translate(0px, 0px);
  transition: all 1s ease 0.5s;
}
.reviews__content._animation .review:nth-child(9),
.objects__cards._animation .card__item:nth-child(9) {
  transform: translate(0px, 0px);
  transition: all 1.1s ease 0.7s;
}
.reviews__content._animation .review:nth-child(7),
.objects__cards._animation .card__item:nth-child(7) {
  transform: translate(0px, 0px);
  transition: all 1.1s ease 0.8s;
}
.reviews__content._animation .review:nth-child(5),
.objects__cards._animation .card__item:nth-child(5) {
  transform: translate(0px, 0px);
  transition: all 1s ease 1s;
}
.reviews__content._animation .review:nth-child(6),
.objects__cards._animation .card__item:nth-child(6) {
  transform: translate(0px, 0px);
  transition: all 1s ease 1.2s;
}
.reviews__content._animation .review:nth-child(4),
.objects__cards._animation .card__item:nth-child(4) {
  transform: translate(0px, 0px);
  transition: all 1.2s ease 1.2s;
}
.reviews__content._animation .review:nth-child(1),
.objects__cards._animation .card__item:nth-child(1) {
  transform: translate(0px, 0px);
  transition: all 1.5s ease 1.3s;
}
.reviews__content._animation .review:nth-child(2),
.objects__cards._animation .card__item:nth-child(2) {
  transform: translate(0px, 0px);
  transition: all 1s ease 1.4s;
}
.reviews__content._animation .review:nth-child(3),
.objects__cards._animation .card__item:nth-child(3) {
  transform: translate(0px, 0px);
  transition: all 1s ease 1.5s;
}
.card__item {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.card {
  height: 100%;
  width: 100%;
}

.card {
  height: 100%;
  width: 100%;
}
.card:hover .card__title {
  transform: translate(0px, 0px);
  background-color: rgba(0, 0, 0, 0.6);
}
.card__image {
  height: 100%;
  width: 100%;
}
.card .card__title {
  position: absolute;
  height: 100%;
  width: 100%;
  color: white;
  top: 0px;
  left: 0px;
  transition: all 1s ease 0s;
  transform: translate(0px, 55%);
  background-color: rgba(0, 0, 0, 0.1);
}
.card__title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vertical .card__title {
  transform: translate(0px, 70%);
}
.card__item H2,
.card__item H3 {
  width: 160px;
  padding: 20px;
}
.card__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vertical {
  grid-row-start: span 2;
}
.card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9;
}

.horizontal {
  grid-column-start: span 2;
}

@media (max-width: 1025px) {
  .card .card__title {
    transform: translate(0px, 65%);
  }
}

@media (max-width: 768px) {
  .objects__cards > .card__item {
    transform: translate(0px, 0px);
    transition: all 0.1s ease 0s;
  }
  .card__item:nth-child(12) {
    grid-column-start: span 2;
  }
  .reviews__content > .review:nth-child(odd),
  .objects__cards > .card__item:nth-child(odd) {
    transform: translate(-100%, 0px);
    opacity: 0;
    transition: all 0.8s ease 0s;
  }
  .reviews__content > .review:nth-child(even),
  .objects__cards > .card__item:nth-child(even) {
    transform: translate(100%, 0px);
    opacity: 0;
    transition: all 0.8s ease 0s;
  }
  .reviews__content._animation .review:nth-child(odd),
  .objects__cards._animation .card__item:nth-child(odd) {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 1s ease 0s;
  }
  .reviews__content._animation .review:nth-child(even),
  .objects__cards._animation .card__item:nth-child(even) {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 1s ease 0.4s;
  }
}
@media (max-width: 480px) {
  .objects__cards {
    grid-template-columns: 1fr;
    gap: 5px;
    grid-auto-rows: 180px;
  }
  .vertical {
    grid-row-start: span 1;
  }
  .horizontal {
    grid-column-start: span 1;
  }
  .vertical .card__title {
    transform: translate(0px, 50%);
  }
  .card__item H3 {
    font-size: 1.2rem;
  }
  .title {
    width: 200px;
    margin: 10px 0px;
  }
  .card__item:nth-child(12) {
    grid-column-start: span 1;
  }
  .card .card__title {
    transform: translate(0px, 55%);
  }
}

/* !---------------OBJECT-------------------------------- */
/* *---------------OBJECT-------------------------------- */
/* !---------------OBJECT-------------------------------- */
.object__head {
  padding: 0px 20px 10px 20px;
  min-height: calc(100vh - 100px);
  display: flex;
  position: relative;
  gap: 20px;
  flex-direction: column;
  justify-content: space-evenly;
  margin: 0px 0px 50px 0px;
}
.object__head img {
  position: absolute;
  max-width: 1920px;
  width: 100vw;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  object-fit: cover;
  opacity: 0.3;
  z-index: 1;
}
.object__title {
  width: 100%;
  z-index: 2;
}
.title {
  width: 100%;
}
.object__subtitle {
  z-index: 2;
}
.object__content {
  flex: 1 1 auto;
  z-index: 2;
  display: flex;
  align-items: start;
  text-align: justify;
  flex-direction: column;
}
.object__content p {
  color: black;
}
.object__photo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  grid-auto-rows: 294px;
  gap: 3px;
  grid-auto-flow: dense;
  overflow: hidden;
  margin: 0px 0px 3px 0px;
}

.object__video {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.photo__item {
  background-color: rgba(128, 128, 128, 0.5);
}
.photo__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.object__head > * {
  /* transform: translate(0px, 120%); */
  opacity: 1;
  transition: all 0.8s ease 0s;
}
/* .object__head._animation div:nth-child(2){
	transform: translate(0px, 0px);
   opacity: 1;
   transition: all 1s ease 0.2s;
}
.object__head._animation div:nth-child(3){
	transform: translate(0px, 0px);
   opacity: 1;
   transition: all 1s ease 0.3s;
}
.object__head._animation div:nth-child(4){
	transform: translate(0px, 0px);
   opacity: 1;
   transition: all 1s ease 0.4s;
} */

@media (max-width: 1024px) {
  .object__head {
    min-height: 100%;
  }
}
@media (max-width: 768px) {
  .object__head {
    height: calc(100% - 80px);
  }
  .object__photo {
    grid-auto-rows: calc(100vw / 3);
  }
}
@media (max-width: 480px) {
  .object__head {
    grid-template-columns: 1fr;
    gap: 5px;
    margin: 0 0 10px 0;
  }
  .object__photo {
    grid-auto-rows: 180px;
  }
}

/* !-------------------RENT-------------------------------- */
/* *-------------------RENT-------------------------------- */
/* !-------------------RENT-------------------------------- */
.rent {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.rent__info,
.info {
  width: 50%;
}
.rent__info p {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.rent__info._animation p:nth-child(1) {
  transition: all 0.8s ease 0s;
}
.rent__info._animation p:nth-child(2) {
  transition: all 0.8s ease 0.2s;
}
.rent__info._animation p:nth-child(3) {
  transition: all 0.8s ease 0.4s;
}
.rent__info._animation p {
  transform: translate(0px, 0px);
  opacity: 01;
}
.rent__photos {
  width: 50%;
  overflow: hidden;
}
.rent__gallery {
  height: 100%;
  display: grid;
  grid-template-areas:
    'pic1 pic2 pic2'
    'pic3 pic3 pic4'
    'pic5 pic6 pic6';
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 5px;
}
.rent__gallery .horizontal {
  grid-column: span 1;
}
.rent__gallery :nth-child(1) {
  grid-area: pic1;
}
.rent__gallery :nth-child(2) {
  grid-area: pic2;
}
.rent__gallery :nth-child(3) {
  grid-area: pic3;
}
.rent__gallery :nth-child(4) {
  grid-area: pic4;
}
.rent__gallery :nth-child(5) {
  grid-area: pic5;
}
.rent__gallery :nth-child(6) {
  grid-area: pic6;
}
.rent__gallery .card__item {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.rent__gallery .card__item:nth-child(1) {
  transform: translate(-120%, 0px);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.rent__gallery .card__item:nth-child(2) {
  transform: translate(0px, -120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.rent__gallery .card__item:nth-child(3) {
  transform: translate(-200%, 0px);
  opacity: 0;
  transition: all 1.8s ease 0s;
}
.rent__gallery .card__item:nth-child(4) {
  transform: translate(120%, 0px);
  opacity: 1;
  transition: all 0.8s ease 0s;
}
.rent__gallery .card__item:nth-child(5) {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.rent__gallery .card__item:nth-child(6) {
  transform: translate(0px, 200%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.rent__gallery._animation > .card__item {
  transform: translate(0px, 0px);
  opacity: 1;
  transition: all 1s ease 0.5s;
}
.card__item h4 {
  position: absolute;
  padding: 10px 5px;
  color: #fff;
  z-index: 2;
}
.rent__gallery .gradient {
  position: absolute;
  background: linear-gradient(180deg, rgba(216, 210, 210, 0.8) 0%, rgba(0, 0, 0, 0.8) 71.9%);
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.tech-spec {
  text-align: center;
}
.tech-spec__table table {
  opacity: 0;
  max-width: 945px;
  min-width: 280px;
  padding: 10px;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0 auto;
  transition: all 1.2s ease 0s;
}
.tech-spec__table._animation table {
  animation: 2s ease table-animation;
  opacity: 1;
}
@keyframes table-animation {
  0% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.tech-spec__table td {
  border: 1px solid black;
  width: 50%;
  padding: 5px 10px;
}
.tech-spec__table td p {
  text-indent: 0px;
}
.tech-spec__table tr:nth-child(odd) {
  background-color: #e2dddd;
}

@media (max-width: 768px) {
  .rent {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
  }
  .rent__info,
  .info {
    width: 100%;
  }
  .rent__photos {
    width: 100%;
    height: 100%;
  }
  .rent__gallery {
    height: 450px;
    grid-template-areas:
      'pic2 pic1 pic3'
      'pic4 pic6 pic5';
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
  }
  .rent__gallery .card__item:nth-child(4) {
    transform: translate(-120%, 0px);
    opacity: 1;
    transition: all 0.8s ease 0s;
  }
  .rent__gallery._animation > .card__item {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 1s ease 0.5s;
  }
}
@media (max-width: 480px) {
  .rent__gallery {
    height: 550px;
    grid-template-areas:
      'pic1 pic2'
      'pic3 pic4'
      'pic5 pic6';
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }
  .tech-spec__table td {
    border: 1px solid black;
    width: 50%;
    padding: 5px;
  }
  .rent__gallery .card__item:nth-child(4) {
    transform: translate(120%, 0px);
    opacity: 1;
    transition: all 0.8s ease 0s;
  }
  .rent__gallery._animation > .card__item {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 1s ease 0.5s;
  }
  td > p {
    font-size: 0.8rem;
  }
  .rent__gallery._animation > .card__item {
    transition: all 1s ease 0s;
  }
}
/* !-------------------ABOUT-------------------------------- */
/* *-------------------ABOUT-------------------------------- */
/* !-------------------ABOUT-------------------------------- */

.about {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.about__photos {
  width: 50%;
}
.about__gallery {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 15px;
}
.about__item {
  position: relative;
}
.about-job,
.about-certificates {
  text-align: center;
}
.about-job__content {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 30px 0px;
  justify-content: center;
}
.about-job__images {
  flex: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 7px 0px;
  position: relative;
  overflow: hidden;
}
.about-job__image {
  position: relative;
  height: 50%;
  width: 100%;
  z-index: 1;
}
.about-job__list {
  flex: 1;
  padding-left: 2rem;
  z-index: 1;
}
.job__item {
  display: list-item;
  text-indent: 0;
  color: white;
}
.about-job-bg {
  position: absolute;
  width: 100vw;
  max-width: 1920px;
  top: 0px;
  left: 50%;
  height: 100%;
  background: url(../img/about/about-bg.jpg);
  background-size: cover;
  transform: translateX(-50%);
}

.about__info p {
  transform: translate(0px, 120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.about__info._animation p:nth-child(1) {
  transition: all 0.8s ease 0s;
}

.about__info._animation p:nth-child(2) {
  transition: all 0.8s ease 0.2s;
}

.about__info._animation p:nth-child(3) {
  transition: all 0.8s ease 0.4s;
}

.about__info._animation p {
  transform: translate(0px, 0px);
  opacity: 1;
}
.about__gallery > .about__item {
  transform: translate(0px, -120%);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.about__gallery._animation .about__item:nth-child(1) {
  transition: all 0.8s ease 0.2s;
}
.about__gallery._animation .about__item:nth-child(2) {
  transition: all 0.8s ease 0.4s;
}
.about__gallery._animation .about__item:nth-child(3) {
  transition: all 0.8s ease 0.6s;
}
.about__gallery._animation > .about__item {
  transform: translate(0px, 0px);
  opacity: 1;
}
.about-job__images > .about-job__image {
  transform: translate(-120%, 0px);
  opacity: 0;
  transition: all 0.8s ease 0s;
}
.about-job__images._animation .about-job__image:nth-child(2) {
  transition: all 0.8s ease 0.2s;
}
.about-job__images._animation .about-job__image:nth-child(3) {
  transition: all 0.8s ease 0.6s;
}
.about-job__images._animation > .about-job__image {
  transform: translate(0px, 0px);
  opacity: 1;
}

@media (max-width: 768px) {
  .about {
    flex-direction: column;
  }
  .about__photos {
    width: 100%;
  }
  .about__gallery {
    height: 100px;
  }
  .about__gallery > .about__item {
    transform: translate(0px, 120%);
    opacity: 0;
    transition: all 0.8s ease 0s;
  }
}
@media (max-width: 480px) {
  .about-job__content {
    flex-direction: column;
  }
  .about-job__images {
    flex-direction: row;
    order: 1;
  }
  .about-job__image {
    height: 100px;
  }
  .about-job-bg {
    background: url(../img/about/about-bg.jpg) 50% 0px;
    background-size: cover;
  }
}

/* !-------------------REVIEWS------------------------------- */
/* *-------------------REVIEWS------------------------------ */
/* !-------------------REVIEWS------------------------------ */

.reviews__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  grid-auto-rows: 144px;
  gap: 5px;
  grid-auto-flow: dense;
}
.review {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  border: 1px solid black;
  padding: 10px;
  position: relative;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  background-color: white;
}
.review a {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
.main .container .reviews__content .review:hover {
  z-index: 1;
  animation: 0.4s ease grow forwards;
}
@keyframes grow {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.02);
    box-shadow: 0px 0px 10px black;
  }
}

.review__logo img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

@media (max-width: 480px) {
  .review {
    flex-direction: row;
  }
  .review__title {
    flex: 2;
  }
  .review__logo {
    flex: 1;
  }
}
/* !-------------------CONTCATS------------------------------- */
/* *-------------------CONTACTS------------------------------ */
/* !-------------------CONTACTS------------------------------ */
.contacts {
  position: relative;
}

.contacts__map {
  max-width: 1140px;
  height: calc(100vh - 280px);
  min-height: 380px;
}

.contacts__info {
  display: flex;
  flex-direction: column;
  max-width: 290px;
  position: absolute;
  top: 50%;
  right: 50px;
  justify-content: space-around;
  transform: translate(0px, -50%);
  background-color: white;
  padding: 20px;
  box-shadow: 0px 4px 10px grey;
}

.info__title,
.info__contacts {
  padding: 10px;
}

.info__contacts {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.info__contact {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.info__address {
  flex: 1 1 auto;
  padding: 20px 0px;
}

.info__address p {
  text-indent: 0px;
}
.info__email a {
  text-transform: none;
}
.info__telephone:hover::before,
.header__tel:hover::before {
  display: inline-block;
  animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
  transform-origin: 50% 50%;
}

.info__email:hover::before {
  content: '\e90b';
}
@keyframes shake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-8deg);
  }
  45% {
    transform: rotate(4deg);
  }
  60% {
    transform: rotate(-6deg);
  }
  75% {
    transform: rotate(3deg);
  }
  85% {
    transform: rotate(-3deg);
  }
  92% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0);
  }
}

@media (max-width: 768px) {
  .contacts__info {
    position: relative;
    max-width: 100%;
    right: 0px;
    top: 0px;
    left: 0px;
    transform: translate(0px, 0px);
  }
  .info__contact {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 420px;
  }
  .contacts {
    display: flex;
    gap: 5px;
    flex-direction: column-reverse;
  }
}
/* !-------------------Slider------------------------------- */
/* *-------------------Slider------------------------------ */
/* !-------------------Slider------------------------------ */
.my-slide {
  height: 400px;
  font-size: 54px;
  color: #fff;
  text-align: center;
  position: relative;
  width: 100% !important;
}

.main__slider .my-slide img {
  object-fit: cover;
}

.my-slide img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  object-fit: contain;
}
.main__slider .my-slide a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -40%;
  right: 0px;
  width: 80%;
  z-index: 2;
}

.main__slider,
.about__slider {
  width: 100%;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}

.slick-slide > div {
  padding: 0 5px;
}

.slide__gradient {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.392) 39.18%, rgba(0, 0, 0, 0) 50%);
  z-index: 1;
}

.slick-list {
  overflow: hidden;
}
.slick-track {
  display: flex;
  width: 100%;
}
.main__slider .slick-slide,
.about__slider .slick-slide {
  max-width: 400px;
}
.slick-arrow {
  position: absolute;
  margin: -20px 0px 0px 0px;
  top: 50%;
  z-index: 11;
  font-size: 0px;
  width: 40px;
  height: 40px;
  color: white;
}
.slick-arrow.slick-prev {
  left: -45px;
  background: url('../icons/arrow-left.svg') 0 0 / 100% no-repeat;
}
.slick-arrow.slick-next {
  right: -45px;
  background: url('../icons/arrow-right.svg') 0 0 / 100% no-repeat;
}
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick-dots li {
  list-style: none;
  margin: 0px 10px;
}

.slick-dots li.slick-active button {
  border: 1px solid rgb(255, 255, 255);
  background-color: transparent;
}
.slick-dots li button {
  font-size: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: white;
}
@media (max-width: 1024px) {
  .slick-arrow.slick-prev {
    left: 10px;
  }
  .slick-arrow.slick-next {
    right: 10px;
  }
}
@media (max-width: 480px) {
  .main__slider .my-slide img {
    object-fit: cover;
  }
}
/*                                 About sliders                           */

.about__slider a {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  max-width: 100%;
}
/* .about__slider img {
  width: 240px;
  min-width: 200px;
} */
/* !-------------------FOOTER------------------------------- */
/* *-------------------FOOTER------------------------------ */
/* !-------------------FOOTER------------------------------ */
.footer {
  background-color: white;
  width: 100%;
  margin-top: 50px;
}

.footer__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-top: solid black 2px;
  padding: 25px 0px 0px 0px;
}
.footer__menu {
  width: 640px;
  padding: 0px 10px;
}
.footer__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.footer__link {
  list-style-type: none;
  position: relative;
  overflow: hidden;
}
.footer__item {
  display: inline-block;
  padding: 10px 10px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 4px;
  color: black;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  position: relative;
}
.footer__body > * {
  margin: 0 0 35px 0;
}
.social__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 272px;
}
.social__link {
  list-style-type: none;
  transition: all 0.3s ease 0s;
}
.social__link:hover {
  transform: scale(1.2);
}
.social__item {
  position: relative;
  color: black;
  text-decoration: none;
}

.social__item::before {
  color: black;
  font-size: 50px;
}

.copyright {
  text-align: center;
  font-family: Montserrat;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.copyright p {
  text-indent: 0px;
}
@media (max-width: 768px) {
  .footer__list {
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer__menu {
    width: 100%;
  }
  .social__item::before {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .footer__list {
    flex-direction: column;
  }
  .social__item::before {
    font-size: 40px;
  }
  .social__list {
    justify-content: space-evenly;
  }
  .footer__body {
    padding: 0px;
  }
  .footer__body > * {
    margin: 0 0 20px 0;
  }
}