

	.image-parlax {
	  /* Ширина изображения */
	  width: 300px; /*width: 50%;*/
	  margin: 0 auto;

	  /*cursor: pointer;*/
	}
	.image-container {
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
	  -webkit-perspective: 1000px;
		  perspective: 1000px;
	}
	.front-side, .back-side {
	  border: 7px solid #179174;
	  background-size: cover;
	  background-position: center;
	  height: 300px; /* Высота изображения */
	  border-radius: 50%; /* Скругление углов */
	  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
	  text-align: center;
	  color: #fff;
	  font-size: 1.5rem;
	  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  -webkit-backface-visibility: hidden;
				backface-visibility: hidden;
	}
	.back-side {
	  background: #343434;
	  background: -webkit-linear-gradient(45deg,  #343434 0%,#000000 100%);
	  background: -o-linear-gradient(45deg,  #343434 0%,#000000 100%);
	  background: linear-gradient(45deg,  #343434 0%,#000000 100%);
	}
	.back-side ul {
	  list-style: none;
	  font-size: 1rem;
	  padding: 0;
	  margin: 0;
	}
	.back-side li {
	  list-style: none;
	  font-size: 1rem;
	  padding: 0;
	  margin: 0;
	  padding-top: 10px;
	  padding-bottom: 10px !important;
	  border-bottom: 1px solid lightgray;
	  width: 100% !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important;
	}
	.back-side li:last-child {
	  border-bottom: 0;
	}
	.back-side a {
		color: white !important;
		text-decoration: none;
	}
	.back-side a:hover {
		color: #21CF8C !important;
		transition: color .5s;
	}
	.front-side:after {
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 1;
	  width: 100%;
	  height: 100%;
	  content: '';
	  display: block;
	  opacity: .55;
	  background-color: #000;
	  -webkit-backface-visibility: hidden;
				backface-visibility: hidden;
	  border-radius: 50%; /* Скругление углов */
	}
	.image-container:hover .front-side,
	.image-container:hover .back-side {
	  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	}
	.back-side {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	}
	.inner {
	  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
				transform: translateY(-50%) translateZ(60px) scale(0.94);
	  top: 50%;
	  position: absolute;
	  left: 0;
	  width: 100%;
	  padding: 2rem;
	  -webkit-box-sizing: border-box;
				box-sizing: border-box;
	  outline: 1px solid transparent;
	  -webkit-perspective: inherit;
				perspective: inherit;
	  z-index: 2;
	}
	.image-container .back-side {
	  -webkit-transform: rotateY(180deg);
				transform: rotateY(180deg);
	  -webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
	}
	.image-container .front-side {
	  -webkit-transform: rotateY(0deg);
				transform: rotateY(0deg);
	  -webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
	}
	.image-container:hover .back-side {
	  -webkit-transform: rotateY(0deg);
			  transform: rotateY(0deg);
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
	}
	.image-container:hover .front-side {
	  -webkit-transform: rotateY(-180deg);
			  transform: rotateY(-180deg);
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
	}
	.front-side {
	  cursor: pointer;
	}
	.front-side .inner p {
	  font-size: 1.7rem;
	  margin-bottom: 2rem;
	  position: relative;
	}
	.front-side .inner p:after {
	  content: '';
	  width: 4rem;
	  height: 1px;
	  position: absolute;
	  background: #C6D4DF;
	  display: block;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  bottom: -.75rem;
	}
	.front-side .inner span {
	  color: rgba(255,255,255,0.7);
	  font-family: 'Montserrat';
	  font-weight: 300;
	}



            
            @media (max-width: 800px) {
                footer {
                    text-align: center;
                }
                
                .app-footer__column {
                    padding-right: 0 !important;
                }

                .app-footer .navigation-list__li {
                    width: 100%;
                }

                .app-footer .contacts {
                    align-items: center !important;
                }

                .app-footer .contacts__wrap {
                    align-items: center;
                    text-align: center;
                }

                .app-footer .search-form-bottom {
                    margin-bottom: 50px;
                }

                .app-footer .social-networks__item {
                    margin-left: 10px;
                    margin-right: 10px;
                }
            }

            @media (max-width: 500px) {
                .app-footer .search-form-bottom input {
                    width: 100% !important;
                }
            }

        


	@media all and (max-width: 1279px) {
		.footer-photo {
			display: none;
		}
	}

