/*preloader*/

.header.load {
	max-height: 100dvh;
}
.header.load .header__nav-side,
.header.load .header__contact {
	opacity: 0;
	pointer-events: none;
}
.header.load .header__logo {
  top: 50%;
  transform: translate(-50%, -50%) scale(2.5);
}

@media only screen and (min-width: 991px) {
	
	/*for hero*/
	.swiper.section__slider {
		max-height: 100dvh;
		height: 100%;
	}
	.fh__body, .wrapper.fh__wrap{
		height: 100%;
	}
	.fh__slide {
		height: 100dvh !important;
		position: absolute;
	}
	.section__slider .swiper-slide-active {
		z-index: 1;
		transition: transform 1000ms ease-out;
	}
	.swiper-wrapper.is__main {
		height: 100%;
		transform: translate3d(0px, 0px, 0px) !important;
	}
	.delay-transition {
    transform: translateY(0) !important;
  }
  .section__slider h2 word {
		opacity: 0;
		position: relative;
		right: -2rem;
	}
	h1 word, h2 word {transition: all .6s ease-out;}
	.hero__btns-block .text__w-20, 
	.hero__descr, 
	.hero__content-block button {
		opacity: 0;
		position: relative;
		transition: opacity .7s ease;
	}
	.hero__items-slider {
		opacity: 0;
		right: -2rem;
		transition: all .7s ease;
	}
	.hero__list-items li,
	.slider__descr,
	.map__descr,
	.map__image,
	.contact__item {
		opacity: 0;
		position: relative;
		bottom: -2rem;
		transition: all .7s ease;
	}
	.scroll__message,
	.work__item-num,
	.works__bottom-block button,
	.work__items,
	.hero__gallery-slider,
	.hero__gallery-slider .slider__controls,
	.gallery__slide-descr,
	.map__info-box,
	.map__info-wrap .btn,
	.contact__title,
	.footer__banner,
	.footer__bottom-info{
		opacity: 0;
		transition: all .7s ease;
	}
	.work__item-title{
		left: -2rem;
		opacity: 0;
	}
		/*for hero end*/
	
	
}