html .home__first-bg {
  background-image: none;
  opacity: 0.5;
  transition: ease 1000ms;
}

html:not(.webp) .home__first-bg--frame-1 {
  background-image: url('../images/1.jpg');
  opacity: 1;
}

html:not(.webp) .home__first-bg--frame-2 {
  background-image: url('../images/2.jpg');
  opacity: 1;
}

html:not(.webp) .home__first-bg--frame-3 {
  background-image: url('../images/3.jpg');
  opacity: 1;
}

html:not(.webp) .home__first-bg--frame-4 {
  background-image: url('../images/4_1.jpg');
  opacity: 1;
}

html:not(.webp) .home__first-bg--frame-5 {
  background-image: url('../images/5.jpg');
  opacity: 1;
}

html:not(.webp)::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
  content:url('../images/1.jpg') url('../images/2.jpg') url('../images/3.jpg') url('../images/4_1.jpg') url('../images/5.jpg');
}

html.webp .home__first-bg--frame-1 {
  background-image: url('../images/1.webp');
  opacity: 1;
}

html.webp .home__first-bg--frame-2 {
  background-image: url('../images/2.webp');
  opacity: 1;
}

html.webp .home__first-bg--frame-3 {
  background-image: url('../images/3.webp');
  opacity: 1;
}

html.webp .home__first-bg--frame-4 {
  background-image: url('../images/4.webp');
  opacity: 1;
}

html.webp .home__first-bg--frame-5 {
  background-image: url('../images/5.webp');
  opacity: 1;
}

html.webp::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
  content:url('../images/1.webp') url('../images/2.webp') url('../images/3.webp') url('../images/4.webp') url('../images/5.webp');
}

.page-nav-section #photos-objects > .container {
  margin-left: 0;
}

.home__first-text-img {
  cursor: pointer;
}

.home__first-arrow-down {
  width: 56px;
  margin: 30px auto;
  cursor: pointer;
}

.home__first-arrow-down span {
  display: block;
  width: 30px;
  height: 30px;
  border-bottom: 5px solid #fff;
  border-right: 5px solid #fff;
  transform: rotate(45deg);
  margin: -16px;
  animation: home__first-arrow-down 2s infinite;
}
.home__first-arrow-down span:nth-child(2){
  animation-delay: -0.2s;
}
.home__first-arrow-down span:nth-child(3){
  animation-delay: -0.4s;
}
@keyframes home__first-arrow-down {
  0%{
      opacity: 0;
      transform: rotate(45deg) translate(-20px,-20px);
  }
  50%{
      opacity: 1;
  }
  100%{
      opacity: 0;
      transform: rotate(45deg) translate(20px,20px);
  }
}

html:not(.ie) .project__photo .img-cover {
  object-fit: contain;
  background-color: #fff;
}

.popular-projects {
	padding: 1rem 0 2rem
}

.popular-projects__title {
	font-size: 40px;
	letter-spacing: 2.5px;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
	text-transform: uppercase
}

.popular-projects__slider {
	margin-left: -12px;
	margin-right: -12px
}

.popular-projects .project-card {
	box-shadow: 0 3px 10px 0 rgba(132, 169, 185, .1)
}

.popular-projects .swiper-slide {
	padding: 12px
}

.popular-projects .swiper-navigation-wrap {
	height: 100%
}

.filters {
  padding: 15px;
}

.filters__list {
  max-height: initial;
}

.catalog__list--wishlist {
  min-height: 430px;
}

@media (max-width: 768px) {
  .home__first-arrow-down {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1500px) {
  .menu-header__ul > .menu-item > .sub-menu .menu-item a {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}


@media (max-width: 768px) {
	.header__wishlist > div:first-child {
		display: none;
	}

	.form-calculate-cost__open-btn, .btn--square {
		width: 40px;
	}

	.form-calculate-cost__open-btn svg, .btn--square svg, .header__tel-btn svg, .searchbox .btn--square svg {
    width: 20px;
    height: 20px;
	}

	.header__tel-btn {
		width: 40px;
		right: 40px;
	}

	.searchbox {
		right: 80px;
	}

  .flipper-container .back, .flipper-container .front {
    left: 0;
  }

  .header__wishlist {
    width: 70px;
    right: 113px;
  }

  .header__wishlist-count {
    width: 20px;
    height: 40px;
    margin-left: 30px;
    color: #2f5060;
  }

  .header__wishlist:hover .header__wishlist-count {
    color: #fff;
  }

  .header__wishlist-count:after, .header__wishlist-count:before {
    height: 20px;
    top: 10px;
  }

  .header__wishlist-count:after  {
    left: -30px;
  }

  .header__wishlist-count:before {
    left: calc(50% - 30px);
  }

  .header__logo-mobile {
    margin-left: 60px;
  }
}