body { font-family: 'Roboto', sans-serif; }
        .bg-main { background-color: #64c200; }
        .text-main { color: #64c200; }
        .hover-main:hover { background-color: #53a600; }
    
body a {color: #64c200;}	
	
  /* изначально элементы скрыты */
  .anim-item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .9s ease-out, transform .9s ease-out;
  }
  /* класс, который будет добавляться скриптом */
  .anim-show {
    opacity: 1;
    transform: translateY(0);
  }.soc-ico {	    max-width: 27px;		display: inline;}
  
  .section-index-banner {
	  background: url(/upload/banner-index.jpg) no-repeat right top;
  }
  
  .index-banner-text {
	  min-width: 700px;
  }
  
  .section-index-banner #hero-form {
	  margin-left: 0px;
  }
  footer .img-telega.soc-ico {
	margin-left: 5px;
}

  footer .img-whatsapp.soc-ico {
	margin-left: 5px;
}
  @media screen and (max-width: 765px) {
	  .index-banner-text {
	  min-width: unset;
  }
  
  .section-index-banner {
    background-position: 96% 0%;
}

.space-x-4 .img-telega.soc-ico {
	margin-left: 8px;
}

.space-x-4 .img-whatsapp.soc-ico {
	margin-left: 5px !important;
}
  }
  
  .galleryBlock {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.galleryBlock-item {
    width: 250px;
    height: 250px;
    overflow: hidden;
    margin: 2px;
}

.galleryBlock-item img {
    border: 1px solid #fff;
}


.galleryBlock-item img:hover {
    border: 1px solid #8078e3;
}
  @media screen and (max-width: 550px) {
	  
	.galleryBlock-item {
    width: 200px;
    height: 200px;
} 
  }
  @media screen and (max-width: 440px) {
	  
	.galleryBlock-item {
    width: 170px;
    height: 170px;
}  
  }
  @media screen and (max-width: 380px) {
	  
	.galleryBlock-item {
    width: 160px;
    height: 160px;
}  
  }
  
  .carousel-rev .owl-carousel .owl-item img {
    max-height: 300px;
    width: auto;
}

.btn-up {
      position: fixed;
      background-color: #f60;
      left: 20px;
      bottom: 20px;
      border-radius: 22px;
      cursor: pointer;
      width: 44px;
      height: 44px;
    }

    .btn-up::before {
      content: "";
      text-align: center;
      position: absolute;
      width: 20px;
      height: 20px;
      left: 12px;
      top: 12px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
    }

      .btn-up_hide {
        display: none;
      }

      @media (hover: hover) and (pointer: fine) {
        .btn-up:hover {
          background-color: #f60;
        }
      }
	  

@media(max-width:630px){
	.btn-up {
	  bottom: 30px;
    } 
}