.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {

	//:absolute;//:50%;//:27px;//:44px;//:-22px;//:10;cursor:pointer;//:27px 44px;//:center;//:no-repeat}
	.swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		opacity: .35;
		cursor: auto;
		pointer-events: none
	}

	.swiper-pagination {

		//:absolute;//:center;//:.3s;//:translate3d(0,0,0);//:10}
		.swiper-pagination.swiper-pagination-hidden {
			opacity: 0
		}

		.swiper-container-horizontal>.swiper-pagination-bullets,
		.swiper-pagination-custom,
		.swiper-pagination-fraction {
			bottom: 10px;
			left: 0;
			width: 100%
		}

		.swiper-pagination-bullet {

			//:8px;//:inline-block;//:100%;//:#000;//:.2}button

			.swiper-pagination-bullet {
				border: none;
				margin: 0;
				padding: 0;
				box-shadow: none;
				-moz-appearance: none;
				-ms-appearance: none;
				-webkit-appearance: none;
				appearance: none
			}

			.swiper-pagination-clickable .swiper-pagination-bullet {
				cursor: pointer
			}

			.swiper-pagination-white .swiper-pagination-bullet {
				background: #fff
			}

			.swiper-pagination-bullet-active {

				//:1;//:#007aff}
				.swiper-pagination-white .swiper-pagination-bullet-active {
					background: #fff
				}

				.swiper-pagination-black .swiper-pagination-bullet-active {
					background: #000
				}

				.swiper-container-vertical>.swiper-pagination-bullets {
					right: 10px;
					top: 50%;
					-webkit-transform: translate3d(0, -50%, 0);
					transform: translate3d(0, -50%, 0)
				}

				.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
					margin: 5px 0;
					display: block
				}

				.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
					margin: 0 5px
				}

				.swiper-pagination-progress {
					background: rgba(0, 0, 0, .25);
					position: absolute
				}

				.swiper-pagination-progress .swiper-pagination-progressbar {
					background: #007aff;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					-webkit-transform: scale(0);
					transform: scale(0);
					-webkit-transform-origin: left top;
					transform-origin: left top
				}

				.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
					-webkit-transform-origin: right top;
					transform-origin: right top
				}

				.swiper-container-horizontal>.swiper-pagination-progress {
					width: 100%;
					height: 4px;
					left: 0;
					top: 0
				}

				.swiper-container-vertical>.swiper-pagination-progress {
					width: 4px;
					height: 100%;
					left: 0;
					top: 0
				}

				.swiper-pagination-progress.swiper-pagination-white {
					background: hsla(0, 0%, 100%, .5)
				}

				.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
					background: #fff
				}

				.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
					background: #000
				}

				.swiper-container-3d {
					-webkit-perspective: 1200px;
					-o-perspective: 1200px;
					perspective: 1200px
				}

				.swiper-container-3d .swiper-cube-shadow,
				.swiper-container-3d .swiper-slide,
				.swiper-container-3d .swiper-slide-shadow-bottom,
				.swiper-container-3d .swiper-slide-shadow-left,
				.swiper-container-3d .swiper-slide-shadow-right,
				.swiper-container-3d .swiper-slide-shadow-top,
				.swiper-container-3d .swiper-wrapper {
					-webkit-transform-style: preserve-3d;
					transform-style: preserve-3d
				}

				.swiper-container-3d .swiper-slide-shadow-bottom,
				.swiper-container-3d .swiper-slide-shadow-left,
				.swiper-container-3d .swiper-slide-shadow-right,
				.swiper-container-3d .swiper-slide-shadow-top {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					pointer-events: none;
					z-index: 10
				}

				.swiper-container-3d .swiper-slide-shadow-left {
					background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
				}

				.swiper-container-3d .swiper-slide-shadow-right {
					background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
				}

				.swiper-container-3d .swiper-slide-shadow-top {
					background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
				}

				.swiper-container-3d .swiper-slide-shadow-bottom {
					background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
				}

				.swiper-container-coverflow .swiper-wrapper,
				.swiper-container-flip .swiper-wrapper {
					-ms-perspective: 1200px
				}

				.swiper-container-cube,
				.swiper-container-flip {
					overflow: visible
				}

				.swiper-container-cube .swiper-slide,
				.swiper-container-flip .swiper-slide {
					pointer-events: none;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					z-index: 1
				}

				.swiper-container-cube .swiper-slide .swiper-slide,
				.swiper-container-flip .swiper-slide .swiper-slide {
					pointer-events: none
				}

				.swiper-container-cube .swiper-slide-active,
				.swiper-container-cube .swiper-slide-active .swiper-slide-active,
				.swiper-container-flip .swiper-slide-active,
				.swiper-container-flip .swiper-slide-active .swiper-slide-active {
					pointer-events: auto
				}

				.swiper-container-cube .swiper-slide-shadow-bottom,
				.swiper-container-cube .swiper-slide-shadow-left,
				.swiper-container-cube .swiper-slide-shadow-right,
				.swiper-container-cube .swiper-slide-shadow-top,
				.swiper-container-flip .swiper-slide-shadow-bottom,
				.swiper-container-flip .swiper-slide-shadow-left,
				.swiper-container-flip .swiper-slide-shadow-right,
				.swiper-container-flip .swiper-slide-shadow-top {
					z-index: 0;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden
				}

				.swiper-container-cube .swiper-slide {
					visibility: hidden;
					-webkit-transform-origin: 0 0;
					transform-origin: 0 0;
					width: 100%;
					height: 100%
				}

				.swiper-container-cube.swiper-container-rtl .swiper-slide {
					-webkit-transform-origin: 100% 0;
					transform-origin: 100% 0
				}

				.swiper-container-cube .swiper-slide-active,
				.swiper-container-cube .swiper-slide-next,
				.swiper-container-cube .swiper-slide-next+.swiper-slide,
				.swiper-container-cube .swiper-slide-prev {
					pointer-events: auto;
					visibility: visible
				}

				.swiper-container-cube .swiper-cube-shadow {
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 100%;
					background: #000;
					opacity: .6;
					-webkit-filter: blur(50px);
					filter: blur(50px);
					z-index: 0
				}

				.swiper-container-fade.swiper-container-free-mode .swiper-slide {
					transition-timing-function: ease-out
				}

				.swiper-container-fade .swiper-slide {
					pointer-events: none;
					transition-property: opacity
				}

				.swiper-container-fade .swiper-slide .swiper-slide {
					pointer-events: none
				}

				.swiper-container-fade .swiper-slide-active,
				.swiper-container-fade .swiper-slide-active .swiper-slide-active {
					pointer-events: auto
				}

				.swiper-zoom-container {
					width: 100%;
					height: 100%;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					text-align: center
				}

				.swiper-zoom-container>canvas,
				.swiper-zoom-container>img,
				.swiper-zoom-container>svg {
					max-width: 100%;
					max-height: 100%;
					object-fit: contain
				}

				.swiper-scrollbar {
					border-radius: 10px;
					position: relative;
					-ms-touch-action: none;
					background: rgba(0, 0, 0, .1)
				}

				.swiper-container-horizontal>.swiper-scrollbar {
					position: absolute;
					left: 1%;
					bottom: 3px;
					z-index: 50;
					height: 5px;
					width: 98%
				}

				.swiper-container-vertical>.swiper-scrollbar {
					position: absolute;
					right: 3px;
					top: 1%;
					z-index: 50;
					width: 5px;
					height: 98%
				}

				.swiper-scrollbar-drag {
					height: 100%;
					width: 100%;
					position: relative;
					background: rgba(0, 0, 0, .5);
					border-radius: 10px;
					left: 0;
					top: 0
				}

				.swiper-scrollbar-cursor-drag {
					cursor: move
				}

				.swiper-lazy-preloader {
					width: 42px;
					height: 42px;
					position: absolute;
					left: 50%;
					top: 50%;
					margin-left: -21px;
					margin-top: -21px;
					z-index: 10;
					-webkit-transform-origin: 50%;
					transform-origin: 50%;
					-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
					animation: swiper-preloader-spin 1s steps(12) infinite
				}

				.swiper-lazy-preloader:after {
					display: block;
					content: "";
					width: 100%;
					height: 100%;
					background-image: url(/css/"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http:/www.w3.org/2000/svg' xmlns:xlink='http:/www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
					background-position: 50%;
					background-size: 100%;
					background-repeat: no-repeat
				}

				.swiper-lazy-preloader-white:after {
					background-image: url(/css/"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http:/www.w3.org/2000/svg' xmlns:xlink='http:/www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
				}

				@-webkit-keyframes swiper-preloader-spin {
					to {
						-webkit-transform: rotate(1turn)
					}
				}

				@keyframes swiper-preloader-spin {
					to {
						transform: rotate(1turn)
					}
				}
				
				@-webkit-keyframes spin {
					to {
						-webkit-transform: rotate(1turn);
						transform: rotate(1turn)
					}
				}

				@keyframes spin {
					to {
						-webkit-transform: rotate(1turn);
						transform: rotate(1turn)
					}
				}

				@-webkit-keyframes load {
					to {
						-webkit-transform: rotate(180deg);
						transform: rotate(180deg)
					}
				}

				@keyframes load {
					to {
						-webkit-transform: rotate(180deg);
						transform: rotate(180deg)
					}
				}

				@-webkit-keyframes puls {
					20% {
						opacity: 1
					}

					50% {
						opacity: 1
					}

					to {
						-webkit-transform: scale(1);
						transform: scale(1);
						opacity: 0
					}
				}

				@keyframes puls {
					20% {
						opacity: 1
					}

					50% {
						opacity: 1
					}

					to {
						-webkit-transform: scale(1);
						transform: scale(1);
						opacity: 0
					}
				}

				@-webkit-keyframes anim {
					to {
						-webkit-transform: scale(2);
						transform: scale(2);
						opacity: 0
					}
				}

				@keyframes anim {
					to {
						-webkit-transform: scale(2);
						transform: scale(2);
						opacity: 0
					}
				}

				@-webkit-keyframes tv {
					0% {
						opacity: 0
					}

					5% {
						opacity: 1
					}

					20% {
						opacity: 0
					}

					to {
						opacity: 0
					}
				}

				@keyframes tv {
					0% {
						opacity: 0
					}

					5% {
						opacity: 1
					}

					20% {
						opacity: 0
					}

					to {
						opacity: 0
					}
				}

				@-webkit-keyframes typed {
					50% {
						opacity: 1
					}

					to {
						opacity: 0
					}
				}

				@keyframes typed {
					50% {
						opacity: 1
					}

					to {
						opacity: 0
					}
				}

				.page-preview {
					position: fixed;
					z-index: 100000000;
					pointer-events: none;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap
				}

				.page-preview,
				.page-preview .shade {
					top: 0;
					left: 0;
					width: 100%;
					height: 100%
				}

				.page-preview .shade {
					position: absolute;
					background: #c9e7e1;
					opacity: 0;
					-webkit-transform: translate3d(0, -100%, 0) rotate(.0001deg);
					transform: translate3d(0, -100%, 0) rotate(.0001deg);
					z-index: 1
				}

				.page-preview.page-loading .shade {
					opacity: 1;
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg);
					transition: -webkit-transform .5s cubic-bezier(.57, .01, .99, .47) 0s;
					transition: transform .5s cubic-bezier(.57, .01, .99, .47) 0s;
					transition: transform .5s cubic-bezier(.57, .01, .99, .47) 0s, -webkit-transform .5s cubic-bezier(.57, .01, .99, .47) 0s
				}

				.page-preview.page-loading-1 .shade {
					-webkit-transform: translate3d(0, 100%, 0) rotate(.0001deg);
					transform: translate3d(0, 100%, 0) rotate(.0001deg);
					transition: -webkit-transform .5s ease 0s;
					transition: transform .5s ease 0s;
					transition: transform .5s ease 0s, -webkit-transform .5s ease 0s
				}

				.page-preview .loader {
					position: absolute;
					top: 50%;
					left: 50%;
					opacity: 0;
					z-index: 10000;
					pointer-events: none;
					transition: opacity .5s ease 0s;
					z-index: 100
				}

				.page-preview .loader:after,
				.page-preview .loader:before {
					content: "";
					border: 6px solid rgba(20, 149, 115, .5);
					box-shadow: inset 0 0 10px 50px rgba(20, 149, 115, .5);
					border-radius: 100%;
					opacity: 0;
					-webkit-transform: scale(0);
					transform: scale(0);
					height: 40px;
					width: 40px;
					margin-top: -20px;
					margin-left: -20px;
					position: absolute;
					-webkit-animation-name: puls;
					animation-name: puls;
					-webkit-animation-duration: 1.8s;
					animation-duration: 1.8s;
					-webkit-animation-iteration-count: infinite;
					animation-iteration-count: infinite;
					-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out
				}

				.page-preview .loader:after {
					-webkit-animation-delay: .9s;
					animation-delay: .9s
				}

				.page-wrapper {
					position: relative;
					overflow: hidden;
					min-width: 1200px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column;
					min-height: 100vh
				}

				.replaceable {
					-webkit-box-flex: 1;
					-ms-flex: 1;
					flex: 1
				}

				.half-bg {
					left: 0;
					width: 50%;
					height: 100%;
					background: #f6fcfc
				}

				.half-bg,
				.timeline {
					position: absolute;
					top: 0
				}

				.timeline {
					left: 50%;
					bottom: 0;
					width: 1px;
					background: #009473;
					z-index: 1000
				}

				.wrapper {
					position: relative;
					margin: 0 auto;
				}

				header {
					position: absolute;
					top: 0;
					left: 25px;
					right: 25px;
					height: 112px;
					z-index: 2;
					pointer-events: none
				}

				header .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					width: 100%;
					height: 100%
				}

				header .container .logo {
					width: 115px;
					height: 55px;
					background: url(/css/37a8abfda41c2724218fd1d6a26293ee.svg) no-repeat 50%;
					background-size: 100%;
					pointer-events: auto;
					opacity: 0;
					transition: all .3s ease 0s
				}

				header .container nav {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end
				}

				header .container nav a {
					position: relative;
					display: inline-block;
					font: 400 10px ProximaNova, sans-serif;
					letter-spacing: .2em;
					text-transform: uppercase;
					color: #3d3d3d;
					padding-bottom: 7px;
					padding-left: 2px;
					pointer-events: auto;
					opacity: 0;
					margin: 0 20px
				}

				header .container nav a.language {
					margin-left: 16px
				}

				header .container nav a:first-child {
					transition: all .3s ease .2s
				}

				header .container nav a:nth-child(2) {
					transition: all .3s ease .4s
				}

				header .container nav a:nth-child(3) {
					transition: all .3s ease .6s
				}

				header .container nav a:nth-child(4) {
					transition: all .3s ease .8s
				}

				header .container nav a:nth-child(5) {
					transition: all .3s ease 1s
				}

				header .container nav a:nth-child(6) {
					transition: all .3s ease 1.2s
				}

				header .container nav a:nth-child(7) {
					transition: all .3s ease 1.4s
				}

				header .container nav a:nth-child(8) {
					transition: all .3s ease 1.6s
				}

				header .container nav a:after {
					left: 0
				}

				header .container nav a:after,
				header .container nav a:before {
					content: "";
					position: absolute;
					bottom: 0;
					width: 50%;
					height: 1px;
					background: #009473;
					transition: all .3s ease 0s
				}

				header .container nav a:before {
					right: 0
				}

				header .container nav a.link-active:after,
				header .container nav a.link-active:before,
				header .container nav a:hover:after,
				header .container nav a:hover:before {
					width: 10px
				}

				.home {
					height: 100vh;
					min-height: 780px;
					pointer-events: none;
					box-sizing: border-box
				}

				.home .drag-container {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;
					width: 654.4px;
					height: 654.4px;
					z-index: 2
				}

				.home .drag-container .drag-text {
					position: absolute;
					top: 0;
					bottom: 0;
					left: -140px;
					margin: auto 0;
					padding-right: 5px;
					font: 400 10px/2 ProximaNova, sans-serif;
					letter-spacing: .2em;
					text-transform: uppercase;
					color: #009473;
					width: 90px;
					height: 40px;
					overflow: hidden;
					opacity: 0;
					transition: all .3s ease 0s
				}

				.home .drag-container .drag-text span {
					display: block;
					transition: all .3s ease 0s
				}

				.home .drag-container .drag-text.drag-text-chicken {
					top: auto;
					left: 8px;
					right: 0;
					bottom: 60px;
					margin: 0 auto
				}

				.home .drag-container .drag-text.drag-text-pig {
					bottom: auto;
					left: 10px;
					right: 0;
					top: 60px;
					margin: 0 auto
				}

				.home .drag-container .drag-text.drag-text-goat {
					left: auto;
					right: -150px
				}

				.home .drag-container .circle-bg {
					border-radius: 50%;
					background: #e6f0f2;
					position: absolute;
					left: 0;
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto;
					width: 237px;
					height: 237px;
					opacity: 0
				}

				.home .drag-container .circle-bg.start {
					opacity: 1;
					transition: all .3s ease .8s
				}

				.home .drag-container .circle-anim-1,
				.home .drag-container .circle-anim-2,
				.home .drag-container .circle-anim-3 {
					border-radius: 50%;
					background: #e6f0f2;
					position: absolute;
					left: 0;
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto;
					width: 237px;
					height: 237px;
					transition: background .3s ease 0s
				}

				.home .drag-container .circle-anim-1.hidden,
				.home .drag-container .circle-anim-2.hidden,
				.home .drag-container .circle-anim-3.hidden {
					background: transparent;
					transition: background .3s ease 0s
				}

				.home .drag-container .circle-anim-1 {
					-webkit-animation: anim 2s ease infinite;
					animation: anim 2s ease infinite
				}

				.home .drag-container .circle-anim-2 {
					-webkit-animation: anim 1.3s ease infinite;
					animation: anim 1.3s ease infinite
				}

				.home .drag-container .circle-anim-3 {
					-webkit-animation: anim 1s ease infinite;
					animation: anim 1s ease infinite
				}

				.home .drag-container .circle-left-bot,
				.home .drag-container .circle-left-top,
				.home .drag-container .circle-right-top {
					position: absolute;
					top: 0;
					left: 0;
					fill: none;
					stroke: rgba(20, 147, 115, .2);
					stroke-width: 2px;
					stroke-dashoffset: 0;
					stroke-dasharray: 0 364px
				}

				.home .drag-container .circle-left-bot.start,
				.home .drag-container .circle-left-top.start,
				.home .drag-container .circle-right-top.start {
					stroke-dasharray: 364px 364px
				}

				.home .drag-container .dots {
					-webkit-transform-origin: center;
					transform-origin: center;
					transition: opacity 1s ease 0s;
					opacity: 0
				}

				.home .drag-container .dots.start {
					opacity: 1
				}

				.home .drag-container .dots .st0 {
					fill: #c9e7e1
				}

				.home .drag-container .dots.center {
					opacity: 0
				}

				.home .drag-container .big {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					width: 654.4px;
					height: 654.4px;
					pointer-events: none;
					-webkit-transform-origin: center;
					transform-origin: center;
					opacity: 0;
					-webkit-transform: scale(.5);
					transform: scale(.5);
					z-index: 1
				}

				.home .drag-container .big.start {
					transition: all .5s ease .3s;
					opacity: 1;
					-webkit-transform: scale(1);
					transform: scale(1)
				}

				.home .drag-container .big #circle {
					fill: #149373;
					opacity: 0
				}

				.home .drag-container .big .st0 {
					fill: #fff;
					stroke: #101111;
					stroke-width: .25;
					stroke-miterlimit: 10
				}

				.home .drag-container .big .st1 {
					fill: #009473
				}

				.home .drag-container .big .st4 {
					fill: #149373;
					opacity: 0
				}

				.home .drag-container .big .st5 {
					fill: none;
					stroke: #fff;
					stroke-dashoffset: 0;
					stroke-dasharray: 0 50px;
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg);
					transition: stroke-dasharray .6s ease 0s
				}

				.home .drag-container .big .chicken-bones,
				.home .drag-container .big .cow-bones,
				.home .drag-container .big .goat-bones,
				.home .drag-container .big .pig-bones {
					opacity: 0;
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg);
					transition: opacity 0s ease 2s
				}

				.home .drag-container .big .chicken-bones.on,
				.home .drag-container .big .cow-bones.on,
				.home .drag-container .big .goat-bones.on,
				.home .drag-container .big .pig-bones.on {
					opacity: 1;
					transition: opacity 0s ease 0s
				}

				.home .drag-container .big .chicken-bones.on .st5,
				.home .drag-container .big .cow-bones.on .st5,
				.home .drag-container .big .goat-bones.on .st5,
				.home .drag-container .big .pig-bones.on .st5 {
					stroke-dasharray: 50px 50px;
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg);
					transition: stroke-dasharray 1s ease .6s
				}

				.home .drag-container .big .chicken-bones.speed-on,
				.home .drag-container .big .cow-bones.speed-on,
				.home .drag-container .big .goat-bones.speed-on,
				.home .drag-container .big .pig-bones.speed-on {
					opacity: 1;
					transition: opacity 0s ease 0s
				}

				.home .drag-container .big .chicken-bones.speed-on .st5,
				.home .drag-container .big .cow-bones.speed-on .st5,
				.home .drag-container .big .goat-bones.speed-on .st5,
				.home .drag-container .big .pig-bones.speed-on .st5 {
					stroke-dasharray: 50px 50px;
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg);
					transition: stroke-dasharray 1s ease 0s
				}

				.home .drag-container .big #cow-path,
				.home .drag-container .big #goat-path,
				.home .drag-container .big #pig-path {
					opacity: 0
				}

				.home .drag-container .magnet-label:hover+.drag-text {
					opacity: 1
				}

				.home .drag-container .magnet-btn.is-hover .circle-first-block {
					-webkit-animation: spin 4s linear infinite;
					animation: spin 4s linear infinite
				}

				.home .drag-container .magnet-btn .circle-first-block-inner {
					opacity: 0;
					transition: all eaee .3s 0s
				}

				.home .drag-container .magnet-btn .circle-first-block-inner.start {
					opacity: 1
				}

				.home .drag-container .magnet-btn .circle-first-block {
					fill: none;
					stroke: #149373;
					stroke-width: 1px;
					stroke-dashoffset: 0;
					stroke-dasharray: 2px 2px;
					-webkit-transform-origin: center;
					transform-origin: center
				}

				.home .drag-container .magnet-btn.magnet-btn-chicken {
					position: absolute;
					left: calc(50% - 38px);
					bottom: -29px
				}

				.home .drag-container .magnet-btn.magnet-btn-cow {
					position: absolute;
					top: calc(50% - 38px);
					left: -29px
				}

				.home .drag-container .magnet-btn.magnet-btn-pig {
					position: absolute;
					top: -29px;
					left: calc(50% - 38px)
				}

				.home .drag-container .magnet-btn.magnet-btn-goat {
					position: absolute;
					top: calc(50% - 38px);
					right: -29px
				}

				.home .drag-container .magnet-label {
					z-index: 100
				}

				.home .drag-container .magnet-label.active {
					pointer-events: none
				}

				.home .drag-container .magnet-label.magnet-label-cow {
					position: absolute;
					width: 76px;
					height: 76px;
					top: calc(50% - 38px);
					left: -29px
				}

				.home .drag-container .magnet-label.magnet-label-pig {
					position: absolute;
					width: 76px;
					height: 76px;
					top: -29px;
					left: calc(50% - 38px)
				}

				.home .drag-container .magnet-label.magnet-label-goat {
					position: absolute;
					width: 76px;
					height: 76px;
					top: calc(50% - 38px);
					right: -29px
				}

				.home .drag-container .magnet-label.magnet-label-chicken {
					position: absolute;
					width: 76px;
					height: 76px;
					left: calc(50% - 38px);
					bottom: -20px
				}

				.home .drag-container .block {
					position: absolute;
					width: 76px;
					height: 76px;
					cursor: grab;
					cursor: -webkit-grab;
					z-index: 1;
					transition: opacity .3s ease 0s;
					opacity: 0;
					will-change: margin
				}

				.home .drag-container .block.start {
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg);
					opacity: 1
				}

				.home .drag-container .block.hover-start .circle-second-block {
					fill: #149373
				}

				.home .drag-container .block.hover-start .chicken-min {
					fill: #fff
				}

				.home .drag-container .block:active,
				.home .drag-container .block:focus:hover {
					cursor: grabbing;
					cursor: -webkit-grabbing
				}

				.home .drag-container .block+svg {
					position: absolute;
					width: 76px;
					height: 76px;
					opacity: 0;
					transition: opacity .3s ease 0s
				}

				.home .drag-container .block+svg.start {
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg);
					opacity: 1
				}

				.home .drag-container .block .circle-second-block {
					fill: transparent;
					stroke: #149373;
					stroke-width: 1px;
					transition: fill .5s ease 0s
				}

				.home .drag-container .block.hover .circle-second-block {
					fill: #149373
				}

				.home .drag-container .block.hover .chicken-min,
				.home .drag-container .block.hover .cow-min,
				.home .drag-container .block.hover .goat-min,
				.home .drag-container .block.hover .pig-min {
					fill: #fff
				}

				.home .drag-container .block .chicken-min,
				.home .drag-container .block .cow-min,
				.home .drag-container .block .goat-min,
				.home .drag-container .block .pig-min {
					fill: #149373;
					transition: fill .5s ease 0s
				}

				.home .drag-container .block.active {
					pointer-events: none
				}

				.home .drag-container .block.active .circle-second-block {
					fill: #149373;
					transition: all .5s ease 0s
				}

				.home .drag-container .block.active .chicken-min,
				.home .drag-container .block.active .cow-min,
				.home .drag-container .block.active .goat-min,
				.home .drag-container .block.active .pig-min {
					fill: #fff;
					transition: all .5s ease 0s
				}

				.home .drag-container .text {
					position: absolute;
					top: 400px;
					right: -255px;
					width: 437px;
					opacity: 0;
					pointer-events: none;
					transition: all .5s ease 0s
				}

				.home .drag-container .text h2 {
					position: relative;
					display: inline-block;
					margin-bottom: 15px
				}

				.home .drag-container .text h2 :after {
					content: "";
					position: absolute;
					bottom: 5px;
					right: -7px;
					width: 2px;
					height: 47px;
					opacity: 0;
					background: #009473
				}

				.home .drag-container .text h2 .show {
					display: inline-block !important
				}

				.home .drag-container .text h2 .show:after {
					-webkit-animation: typed 1s ease infinite;
					animation: typed 1s ease infinite
				}

				.home .drag-container .text p {
					position: relative;
					overflow: hidden;
					color: transparent;
					transition: all .5s ease 0s
				}

				.home .drag-container .text p:after {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 120%;
					height: 100%;
					background: #c9e7e1;
					-webkit-transform: translateX(-120%);
					transform: translateX(-120%)
				}

				.home .drag-container .text p.active {
					color: #333;
					transition: all 0s ease .5s
				}

				.home .drag-container .text p.active:after {
					transition: all 1s ease 0s;
					-webkit-transform: translateX(120%);
					transform: translateX(120%)
				}

				.home .drag-container .text .link {
					position: relative;
					overflow: hidden
				}

				.home .drag-container .text .link .container,
				.home .drag-container .text .link:before {
					opacity: 0
				}

				.home .drag-container .text .link:after {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 120%;
					height: 100%;
					background: #c9e7e1;
					-webkit-transform: translateX(-120%);
					transform: translateX(-120%)
				}

				.home .drag-container .text .link.active .container {
					opacity: 1;
					transition: all 0s ease .9s
				}

				.home .drag-container .text .link.active:before {
					opacity: 1;
					transition: opacity 0s ease .9s
				}

				.home .drag-container .text .link.active:hover:before {
					transition: -webkit-transform .2s ease .2s;
					transition: transform .2s ease .2s;
					transition: transform .2s ease .2s, -webkit-transform .2s ease .2s
				}

				.home .drag-container .text .link.active:after {
					transition: all 1s ease .4s;
					-webkit-transform: translateX(120%);
					transform: translateX(120%)
				}

				.home .drag-container .sign-container .line {
					position: absolute;
					width: 100%;
					height: 100%;
					right: 35px;
					left: 0;
					top: 0;
					opacity: 0;
					transition: opacity .3s ease 0s;
					-webkit-transform: translateZ(0) rotate(.0001deg);
					transform: translateZ(0) rotate(.0001deg)
				}

				.home .drag-container .sign-container.active .line {
					opacity: 1
				}

				.home .drag-container .sign-container.active .line:nth-child(2) {
					transition: opacity .5s ease .7s
				}

				.home .drag-container .sign-container.active .line:nth-child(4) {
					transition: opacity .5s ease 1.1s
				}

				.home .drag-container .sign-container.active .line:nth-child(6) {
					transition: opacity .5s ease 1.5s
				}

				.home .drag-container .sign-container.active .line:nth-child(8) {
					transition: opacity .5s ease 1.9s
				}

				.home .drag-container .sign-container.active .sign .text-sign {
					color: #009473;
					opacity: 1
				}

				.home .drag-container .sign-container.active .sign .text-sign:after {
					-webkit-transform: translateX(120%);
					transform: translateX(120%)
				}

				.home .drag-container .sign-container.active .sign:first-child .text-sign {
					transition: opacity .3s ease .4s
				}

				.home .drag-container .sign-container.active .sign:first-child .text-sign:after {
					transition: all .6s ease .4s
				}

				.home .drag-container .sign-container.active .sign:nth-child(3) .text-sign {
					transition: opacity .3s ease .8s
				}

				.home .drag-container .sign-container.active .sign:nth-child(3) .text-sign:after {
					transition: all .6s ease .8s
				}

				.home .drag-container .sign-container.active .sign:nth-child(5) .text-sign {
					transition: opacity .3s ease 1.2s
				}

				.home .drag-container .sign-container.active .sign:nth-child(5) .text-sign:after {
					transition: all .6s ease 1.2s
				}

				.home .drag-container .sign-container.active .sign:nth-child(7) .text-sign {
					transition: opacity .3s ease 1.6s
				}

				.home .drag-container .sign-container.active .sign:nth-child(7) .text-sign:after {
					transition: all .6s ease 1.6s
				}

				.home .drag-container .sign {
					position: absolute
				}

				.home .drag-container .sign .text-sign {
					position: relative;
					font: 400 10px ProximaNova, sans-serif;
					letter-spacing: .2em;
					text-transform: uppercase;
					color: transparent;
					opacity: 0;
					max-width: 95px;
					overflow: hidden;
					transition: opacity .3s ease .3s
				}

				.home .drag-container .sign .text-sign:after {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 120%;
					height: 100%;
					background: #c9e7e1;
					-webkit-transform: translateX(-120%);
					transform: translateX(-120%)
				}

				.home .drag-container .sign-chicken .sign-1 {
					top: 130px;
					left: 120px
				}

				.home .drag-container .sign-chicken .sign-2 {
					bottom: 230px;
					left: 120px
				}

				.home .drag-container .sign-chicken .sign-3 {
					bottom: 300px;
					right: 80px
				}

				.home .drag-container .sign-chicken .sign-4 {
					top: 200px;
					right: 85px
				}

				.home .drag-container .sign-cow .sign-1 {
					top: 140px;
					left: 150px
				}

				.home .drag-container .sign-cow .sign-2 {
					bottom: 260px;
					left: 40px
				}

				.home .drag-container .sign-cow .sign-3 {
					bottom: 180px;
					left: 200px
				}

				.home .drag-container .sign-cow .sign-4 {
					top: 330px;
					right: 90px
				}

				.home .drag-container .sign-goat .sign-1 {
					top: 130px;
					left: 160px
				}

				.home .drag-container .sign-goat .sign-1 .line {
					content: "";
					position: absolute;
					bottom: 0;
					right: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 100% 50%;
					transform-origin: 100% 50%;
					-webkit-transform: rotate(-130deg);
					transform: rotate(-130deg);
					opacity: .5
				}

				.home .drag-container .sign-goat .sign-2 {
					bottom: 270px;
					left: 50px
				}

				.home .drag-container .sign-goat .sign-2 .line {
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 100% 50%;
					transform-origin: 100% 50%;
					-webkit-transform: rotate(130deg);
					transform: rotate(130deg);
					opacity: .5
				}

				.home .drag-container .sign-goat .sign-3 {
					bottom: 120px;
					left: 240px
				}

				.home .drag-container .sign-goat .sign-3 .line {
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 100% 50%;
					transform-origin: 100% 50%;
					-webkit-transform: rotate(100deg);
					transform: rotate(100deg);
					opacity: .5
				}

				.home .drag-container .sign-goat .sign-4 {
					top: 280px;
					right: 50px
				}

				.home .drag-container .sign-goat .sign-4 .line {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 0 50%;
					transform-origin: 0 50%;
					-webkit-transform: rotate(170deg);
					transform: rotate(170deg);
					opacity: .5
				}

				.home .drag-container .sign-goat.active .sign-1 .line {
					width: 125px
				}

				.home .drag-container .sign-goat.active .sign-2 .line {
					width: 130px
				}

				.home .drag-container .sign-goat.active .sign-3 .line {
					width: 180px
				}

				.home .drag-container .sign-goat.active .sign-4 .line {
					width: 80px
				}

				.home .drag-container .sign-pig .sign-1 {
					top: 120px;
					left: 140px
				}

				.home .drag-container .sign-pig .sign-1 .line {
					content: "";
					position: absolute;
					bottom: 0;
					right: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 100% 50%;
					transform-origin: 100% 50%;
					-webkit-transform: rotate(-130deg);
					transform: rotate(-130deg);
					opacity: .5
				}

				.home .drag-container .sign-pig .sign-2 {
					bottom: 230px;
					left: 50px
				}

				.home .drag-container .sign-pig .sign-2 .line {
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 100% 50%;
					transform-origin: 100% 50%;
					-webkit-transform: rotate(120deg);
					transform: rotate(120deg);
					opacity: .5
				}

				.home .drag-container .sign-pig .sign-3 {
					bottom: 130px;
					left: 370px
				}

				.home .drag-container .sign-pig .sign-3 .line {
					content: "";
					position: absolute;
					top: 0;
					right: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 100% 50%;
					transform-origin: 100% 50%;
					-webkit-transform: rotate(120deg);
					transform: rotate(120deg);
					opacity: .5
				}

				.home .drag-container .sign-pig .sign-4 {
					top: 150px;
					right: 90px
				}

				.home .drag-container .sign-pig .sign-4 .line {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					width: 0;
					height: 1px;
					background: #009473;
					-webkit-transform-origin: 0 50%;
					transform-origin: 0 50%;
					-webkit-transform: rotate(150deg);
					transform: rotate(150deg);
					opacity: .5
				}

				.home .drag-container .sign-pig.active .sign-1 .line {
					width: 135px
				}

				.home .drag-container .sign-pig.active .sign-2 .line {
					width: 110px
				}

				.home .drag-container .sign-pig.active .sign-3 .line {
					width: 210px
				}

				.home .drag-container .sign-pig.active .sign-4 .line {
					width: 120px
				}

				.home .down {
					cursor: pointer;
					position: absolute;
					bottom: 100px;
					left: -50px;
					color: #149373;
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
					opacity: 0;
					transition: all .3s ease 0s
				}

				.home .down span {
					display: block;
					-webkit-transform: rotate(-180deg);
					transform: rotate(-180deg)
				}

				.quote:before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 140px;
					height: 100%;
					z-index: 2;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 65%, rgba(0, 148, 115, .3) 0) 50%/100% 3px
				}

				.quote .container {
					position: relative;
					padding: 85px 0 100px;
					width: 64%;
					margin: 0 auto;
					z-index: 1
				}

				.quote .top {
					font: 400 10px/2 ProximaNova, sans-serif;
					color: #000;
					text-transform: uppercase;
					letter-spacing: .2em
				}

				.quote .bot {
					margin-top: 16px;
					color: #149373;
					font: 400 38px ProximaNova, sans-serif
				}

				.quote.type-0 .point {
					position: absolute;
					top: 155px;
					left: calc(50% - 3px);
					width: 6px;
					height: 6px;
					border-radius: 50%;
					background: #009473;
					z-index: 100;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.quote.type-0:before {
					content: "";
					position: absolute;
					top: 0;
					left: auto;
					right: 0;
					width: 140px;
					height: 100%;
					z-index: 2;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 65%, rgba(0, 148, 115, .3) 0) 50%/100% 3px
				}

				.quote.type-0 .container {
					padding: 120px 0 125px 30px;
					width: 45%;
					margin: 0
				}

				.name {
					font: 400 10px/2 ProximaNova, sans-serif;
					color: #000;
					text-transform: uppercase;
					letter-spacing: .2em
				}

				.name span {
					display: inline-block;
					width: 6px;
					height: 1px;
					background: #149373;
					margin: 3px 9px
				}

				.news-main .news {
					padding-top: 140px;
					padding-bottom: 60px
				}

				.news-main .news h2 {
					padding-top: 10px
				}

				.news-main .news .top {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex
				}

				.news-main .news .top .l,
				.news-main .news .top .r {
					position: relative;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box
				}

				.news-main .news .top .l {
					padding-top: 135px;
					padding-left: 120px
				}

				.news-main .news .top .r .img {
					position: relative;
					width: 100%;
					height: 325px;
					background-size: cover
				}

				.news-main .news .top .r .img .ov {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #009473 0) 50%/100% 4px
				}

				.news-main .news .top .r .img .ov1 {
					position: absolute;
					bottom: -12px;
					left: 0;
					width: 100%;
					height: 6px;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #009473 0) 50%/100% 2px
				}

				.news-main .news .bot {
					position: relative;
					margin-top: 75px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex
				}

				.news-main .news .bot .point-top {
					top: 20px
				}

				.news-main .news .bot .point-bot,
				.news-main .news .bot .point-top {
					position: absolute;
					left: calc(50% - 3px);
					width: 6px;
					height: 6px;
					border-radius: 50%;
					background: #009473;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.news-main .news .bot .point-bot {
					bottom: 10px
				}

				.news-main .news .bot .l,
				.news-main .news .bot .r {
					position: relative;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box
				}

				.news-main .news .bot .l {
					padding-left: 120px;
					padding-right: 100px
				}

				.news-main .news .bot .r {
					padding-left: 70px;
					padding-right: 120px
				}

				.news-main .news.type-0 {
					padding-bottom: 0
				}

				.news-main .news.type-0 .top {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex
				}

				.news-main .news.type-0 .top .l,
				.news-main .news.type-0 .top .r {
					position: relative;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box
				}

				.news-main .news.type-0 .top .r {
					padding-top: 135px;
					padding-left: 70px
				}

				.news-main .news.type-0 .top .r .bottom {
					position: relative
				}

				.news-main .news.type-0 .top .r .bottom .point-top {
					top: 10px
				}

				.news-main .news.type-0 .top .r .bottom .point-bot,
				.news-main .news.type-0 .top .r .bottom .point-top {
					position: absolute;
					left: -73px;
					width: 6px;
					height: 6px;
					border-radius: 50%;
					background: #009473;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.news-main .news.type-0 .top .r .bottom .point-bot {
					bottom: 10px
				}

				.news-main .news.type-0 .top .l {
					padding-top: 0;
					padding-left: 0;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end
				}

				.news-main .news.type-0 .top .l .block-icons {
					width: 50%;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%
				}

				.news-main .news.type-0 .top .l .img {
					position: relative;
					-ms-flex-preferred-size: 100%;
					flex-basis: 100%;
					width: 100%;
					height: 325px;
					background-size: cover;
					z-index: 1
				}

				.news-main .news.type-0 .top .l .img .ov {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #009473 0) 50%/100% 4px
				}

				.news-main .news.type-0 .top .l .img .ov1 {
					position: absolute;
					bottom: -12px;
					left: 0;
					width: 100%;
					height: 6px;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #009473 0) 50%/100% 2px
				}

				.news-main .grid-news-min {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap
				}

				.news-main .grid-news-min .news-min {
					position: relative;
					box-sizing: border-box;
					-ms-flex-preferred-size: 25%;
					flex-basis: 25%;
					padding: 85px 30px 70px
				}

				.news-main .grid-news-min .news-min .text {
					position: relative;
					z-index: 1
				}

				.news-main .grid-news-min .news-min:first-child .bg,
				.news-main .grid-news-min .news-min:nth-child(2) .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(hsla(0, 0%, 100%, 0) 50%, #fff 0) 50%/100% 4px;
					z-index: 0;
					opacity: 0;
					transition: all .3s ease 0s
				}

				.news-main .grid-news-min .news-min:nth-child(3) .bg,
				.news-main .grid-news-min .news-min:nth-child(4) .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0) 50%/100% 4px;
					z-index: -1;
					opacity: 0;
					transition: all .3s ease 0s
				}

				.news-main .grid-news-min .news-min .point-top {
					top: 125px
				}

				.news-main .grid-news-min .news-min .point-bot,
				.news-main .grid-news-min .news-min .point-top {
					position: absolute;
					left: -3px;
					width: 6px;
					height: 6px;
					border-radius: 50%;
					background: #009473;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.news-main .grid-news-min .news-min .point-bot {
					bottom: 80px
				}

				.news-main .grid-news-min .news-min:hover .bg {
					opacity: 1
				}

				.contacts-main .container {
					position: relative;
					padding-top: 170px;
					padding-bottom: 35px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end;
					z-index: 1
				}

				.contacts-main .container .title {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					padding-left: 70px;
					box-sizing: border-box
				}

				.contacts-main .container .title h2 {
					padding-top: 10px
				}

				.contacts-main .map {
					position: relative;
					overflow: hidden
				}

				.contacts-main .map.show .level-1 {
					width: 250px;
					height: 250px;
					transition: width 1.5s ease .3s, height 1.5s ease .3s, box-shadow .5s ease 0s
				}

				.contacts-main .map.show .level-1 .name {
					opacity: 1 !important;
					transition: opacity .5s ease 1.8s
				}

				.contacts-main .map.show .level-2 {
					width: 540px;
					height: 540px;
					transition: width 1.5s ease .6s, height 1.5s ease .6s, box-shadow .5s ease 0s
				}

				.contacts-main .map.show .level-2 .name {
					opacity: 1 !important;
					transition: opacity .5s ease 1.8s
				}

				.contacts-main .map.show .level-3 {
					width: 985px;
					height: 985px;
					transition: width 1.5s ease .9s, height 1.5s ease .9s, box-shadow .5s ease 0s
				}

				.contacts-main .map.show .level-3 .name {
					opacity: 1 !important;
					transition: opacity .5s ease 1.8s
				}

				.contacts-main .map .wrapper {
					position: absolute;
					left: 0;
					right: 0;
					margin: 0 auto
				}

				.contacts-main .map .wrapper .point {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					width: 6px;
					height: 6px;
					background: #009473;
					border-radius: 50%;
					z-index: 100
				}

				.contacts-main .map .text-wrapper {
					position: absolute;
					width: 97.1%;
					top: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
					max-width: 1440px;
					height: 100%;
					opacity: 0;
					transition: all .3s ease .3s;
					pointer-events: none;
					z-index: 100
				}

				.contacts-main .map .text {
					position: absolute;
					top: 0;
					right: 0;
					width: 25%;
					background: #fff;
					padding: 23px 75px 170px 35px;
					box-sizing: border-box;
					pointer-events: none
				}

				.contacts-main .map .text:before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: #c9e7e1;
					transition: all .3s ease 0s
				}

				.contacts-main .map .text .adress,
				.contacts-main .map .text .tel {
					font: 700 18px/1.5 ProximaNova, sans-serif;
					color: #000;
					pointer-events: auto
				}

				.contacts-main .map .text .tel {
					margin-top: 10px;
					transition: all .3s ease 0s
				}

				.contacts-main .map .text .tel:hover {
					color: #009473
				}

				.contacts-main .map img {
					width: 100%;
					display: block
				}

				.contacts-main .map .point {
					position: absolute;
					width: 6px;
					height: 6px;
					background: #009473;
					border-radius: 50%;
					z-index: 2
				}

				.contacts-main .map .level {
					cursor: pointer
				}

				.contacts-main .map .level.level-1.active,
				.contacts-main .map .level.level-1:hover {
					box-shadow: inset 0 0 0 125px #c9e7e1
				}

				.contacts-main .map .level.level-1.active+.text-wrapper {
					transition: all .3s ease 0s;
					-webkit-transform: translateX(0);
					transform: translateX(0);
					opacity: 1
				}

				.contacts-main .map .level.level-1.active+.text-wrapper .text {
					pointer-events: auto
				}

				.contacts-main .map .level.level-1.active+.text-wrapper .text:before {
					opacity: 0;
					transition: all .3s ease .3s
				}

				.contacts-main .map .level.level-2.active,
				.contacts-main .map .level.level-2:hover {
					box-shadow: inset 0 0 0 145px #c9e7e1
				}

				.contacts-main .map .level.level-2.active+.text-wrapper {
					transition: all .3s ease 0s;
					-webkit-transform: translateX(0);
					transform: translateX(0);
					opacity: 1
				}

				.contacts-main .map .level.level-2.active+.text-wrapper .text {
					pointer-events: auto
				}

				.contacts-main .map .level.level-2.active+.text-wrapper .text:before {
					opacity: 0;
					transition: all .3s ease .3s
				}

				.contacts-main .map .level.level-3.active,
				.contacts-main .map .level.level-3:hover {
					box-shadow: inset 0 0 0 222px #c9e7e1
				}

				.contacts-main .map .level.level-3.active+.text-wrapper {
					transition: all .3s ease 0s;
					-webkit-transform: translateX(0);
					transform: translateX(0);
					opacity: 1
				}

				.contacts-main .map .level.level-3.active+.text-wrapper .text {
					pointer-events: auto
				}

				.contacts-main .map .level.level-3.active+.text-wrapper .text:before {
					opacity: 0;
					transition: all .3s ease .3s
				}

				.contacts-main .map .level-1 {
					position: absolute;
					width: 0;
					height: 0;
					border: 1px solid #c9e7e1;
					border-radius: 50%;
					z-index: 100
				}

				.contacts-main .map .level-1,
				.contacts-main .map .level-1 .point {
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto
				}

				.contacts-main .map .level-1 .point .name {
					opacity: 0;
					margin: -6px 0 0 12px
				}

				.contacts-main .map .level-2 {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;
					width: 0;
					height: 0;
					border: 1px solid #c9e7e1;
					border-radius: 50%;
					z-index: 50
				}

				.contacts-main .map .level-2 .point-1 {
					top: 0;
					bottom: 0;
					left: 0;
					margin: auto 0;
					-webkit-transform: translateX(-3.5px);
					transform: translateX(-3.5px)
				}

				.contacts-main .map .level-2 .point-1 .name {
					opacity: 0;
					margin: -6px 0 0 12px
				}

				.contacts-main .map .level-2 .point-2 {
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto 0;
					-webkit-transform: translateX(3.5px);
					transform: translateX(3.5px)
				}

				.contacts-main .map .level-2 .point-2 .name {
					opacity: 0;
					margin: -6px 0 0 -72px
				}

				.contacts-main .map .level-3 {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;
					width: 0;
					height: 0;
					border: 1px solid #c9e7e1;
					border-radius: 50%;
					z-index: 10
				}

				.contacts-main .map .level-3 .point-1 {
					top: 0;
					bottom: 0;
					left: 0;
					margin: auto 0;
					-webkit-transform: translateX(-3.5px);
					transform: translateX(-3.5px)
				}

				.contacts-main .map .level-3 .point-1 .name {
					opacity: 0;
					margin: -6px 0 0 12px
				}

				.contacts-main .map .level-3 .point-2 {
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto 0;
					-webkit-transform: translateX(3.5px);
					transform: translateX(3.5px)
				}

				.contacts-main .map .level-3 .point-2 .name {
					opacity: 0;
					margin: -6px 0 0 -100px
				}

				@media screen and (max-width:1475px) {
					.contacts-main .map h2 {
						font-size: 36px
					}
				}

				footer {
					position: relative;
					background: #fff;
					z-index: 1000;
					height: 220px
				}

				footer .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					height: 100%;
					box-sizing: border-box
				}

				footer .container .copyright {
					padding-left: 15px
				}

				footer .container .copyright,
				footer .container .dev {
					font: 700 10px ProximaNova, sans-serif;
					letter-spacing: .12em;
					text-transform: uppercase;
					color: #000
				}

				footer .container .dev {
					position: relative;
					padding-right: 15px
				}

				footer .container .dev * {
					display: inline-block
				}

				footer .container .dev a {
					position: relative;
					color: #000
				}

				footer .container .dev a:before {
					content: "";
					position: absolute;
					left: -120px;
					top: 0;
					width: 32px;
					height: 11px;
					background: url(/css/069a6c27b83cb9320bd97938a52fcdf2.svg);
					background-size: 100%
				}

				footer .container .dev a:hover {
					color: transparent;
					transition: all .7s
				}

				footer .container .dev a:after {
					content: attr(data-letters);
					position: absolute;
					left: 0;
					top: 0;
					z-index: 2;
					overflow: hidden;
					color: #009473;
					white-space: nowrap;
					width: 0;
					transition: width .4s 0s
				}

				footer .container .dev a:hover:after {
					width: 100%
				}

				.title-page {
					position: relative
				}

				.title-page .container {
					position: relative;
					width: 900px;
					padding-top: 230px;
					padding-left: 120px;
					z-index: 1
				}

				.title-page h1 {
					padding-top: 10px;
					margin-bottom: 0;
					padding-bottom: 32px
				}

				.title-page h1 * {
					height: 78px
				}

				.title-page h4 {
					padding-top: 0
				}

				.title-page p {
					font: 600 28px/1.5 ProximaNova, sans-serif;
					color: #000;
					padding-right: 15px;
					margin-bottom: 10px
				}

				.about-page .top .timeline {
					top: 85px
				}

				.about-page .top .point {
					top: 85px;
					left: 0;
					right: 0;
					margin: 0 auto
				}

				.about-page .top .container {
					padding-top: 65px;
					padding-bottom: 95px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end
				}

				.about-page .top .container .r {
					box-sizing: border-box;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					padding-left: 70px;
					padding-right: 120px
				}

				.about-quote {
					background: #fff
				}

				.about-quote .container {
					position: relative;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					width: 90%;
					z-index: 1
				}

				.about-quote .container .l {
					-ms-flex-preferred-size: 27.8%;
					flex-basis: 27.8%
				}

				.about-quote .container .l img {
					width: 100%;
					display: block
				}

				.about-quote .container .r {
					margin-top: 100px;
					padding-bottom: 120px;
					-ms-flex-preferred-size: 63.8%;
					flex-basis: 63.8%
				}

				.about-quote .container .r .top {
					padding: 0;
					font: 400 10px/2 ProximaNova, sans-serif;
					color: #000;
					text-transform: uppercase;
					letter-spacing: .2em
				}

				.about-quote .container .r .top span {
					display: inline-block;
					width: 6px;
					height: 1px;
					background: #149373;
					margin: 3px 9px
				}

				.about-quote .container .r .bot {
					margin-top: 16px;
					color: #149373;
					font: 400 38px ProximaNova, sans-serif
				}

				.swiper-button-next .bg,
				.swiper-button-next:before,
				.swiper-button-prev .bg,
				.swiper-button-prev:before {
					transition: all .3s ease 0s
				}

				.about-slider-plus .point {
					top: -85px;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto
				}

				.about-slider-plus .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: start;
					-ms-flex-align: start;
					align-items: flex-start;
				}

				.about-slider-plus .container .slider-left,
				.about-slider-plus .container .slider-right {
					width: 50%;
					box-sizing: border-box
				}

				.about-slider-plus .container .slider-left {
					position: relative;
					z-index: 1;
					padding-top: 350px;
					padding-bottom: 120px
				}

				.about-slider-plus .container .slider-left .block {
					position: relative;
					float: right;
					margin-right: -240px;
					-webkit-transform-origin: center;
					transform-origin: center
				}

				.about-slider-plus .container .slider-left .circle {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					fill: none;
					stroke: #9CC897;
					stroke-width: 2px;
					stroke-dasharray: 226.8px 150px;
					stroke-dashoffset: 0;
				}

				.about-slider-plus .container .slider-left .block-min {
					width: 83px;
					height: 83px;
					cursor: pointer
				}
				.about-slider-plus .container .slider-left .block-min.block-min-1 {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 7;
					margin: auto 0;
					-webkit-transform: translateX(-45%);
					transform: translateX(-45%)
				}

				.about-slider-plus .container .slider-left .block-min.block-min-2 {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
					-webkit-transform: translateY(35%);
					transform: translateY(35%)
				}

				.about-slider-plus .container .slider-left .block-min.block-min-3 {
					position: absolute;
					bottom: 0;
					top: 0;
					right: 0;
					margin: auto 0;
					-webkit-transform: translateX(45%);
					transform: translateX(45%)
				}

				
				.about-slider-plus .container .slider-left .block-min.block-min-4 {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
					-webkit-transform: translateY(-35%);
					transform: translateY(-35%)
				}
				.about-slider-plus .container .slider-left .block-min.block-min-5 {
					position: absolute;
					top: 0;
					bottom: 49%;
					right: 7%;
					margin: auto 0;
					-webkit-transform: translateX(45%);
					transform: translateX(45%)
				}
				.about-slider-plus .container .slider-left .block-min.block-min-6 {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					margin: 0 auto;
					-webkit-transform: translateY(-35%);
					transform: translateY(-35%)
				}

				.about-slider-plus .container .slider-left .block-min .st0 {
					fill: #5AA451;
					transition: all .7s ease 0s
				}

				.about-slider-plus .container .slider-left .block-min.active .st0 {
					fill: #fff
				}

				.about-slider-plus .container .slider-left .block-min.active .circle-second-block {
					fill: #5AA451
				}

				.about-slider-plus .container .slider-left .circle-first-block {
					fill: none;
					stroke: #9CC897;
					stroke-width: 1px
				}

				.about-slider-plus .container .slider-left .circle-second-block {
					fill: none;
					stroke: #9CC897;
					stroke-width: 1px;
					transition: all .7s ease 0s
				}

				.about-slider-plus .container .slider-left .circle-progress-block {
					fill: none;
					stroke: #5AA451;
					stroke-width: 2px;
					stroke-dasharray: 261px;
					stroke-dashoffset: 261px
				}

				.about-slider-plus .container .slider-right {
					position: relative;
					z-index: 2;
					background: #fff
				}

				.about-slider-plus .container .slider-right .swiper-container {
					width: 100%;
					position: relative;
					margin-top: 460px;
					padding-bottom: 100px;
				}

				.about-slider-plus .container .slider-right .swiper-container .swiper-slide {
					box-sizing: border-box;
					padding-left: 70px;
					padding-right: 120px
				}

				.about-slider-plus .container .slider-right .swiper-container h2 {
					padding-top: 10px
				}

				.about-slider-plus .slider-controls {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end;
					margin-top: 70px
				}

				.about-slider-plus .slider-controls .button-next,
				.about-slider-plus .slider-controls .button-prev {
					position: relative;
					width: 25%;
					height: 170px;
					overflow: hidden;
					cursor: pointer
				}

				.about-slider-plus .slider-controls .button-next .bg,
				.about-slider-plus .slider-controls .button-prev .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
					transition: all .3s ease 0s
				}

				.about-slider-plus .slider-controls .button-next:before,
				.about-slider-plus .slider-controls .button-prev:before {
					transition: all .3s ease 0s
				}

				.about-slider-plus .slider-controls .button-next:hover .bg,
				.about-slider-plus .slider-controls .button-prev:hover .bg {
					background: #f6fcfc
				}

				.about-slider-plus .slider-controls .button-next:hover:before,
				.about-slider-plus .slider-controls .button-prev:hover:before {
					width: 83px
				}

				.about-slider-plus .slider-controls .button-next:after {
					content: "";
					position: absolute;
					width: 1px;
					height: 9px;
					top: 0;
					bottom: 0;
					left: 0;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.about-slider-plus .slider-controls .button-next:before {
					content: "";
					position: absolute;
					width: 0;
					height: 1px;
					top: 0;
					bottom: 0;
					left: 0;
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.about-slider-plus .slider-controls .button-next .ar {
					position: absolute;
					width: 5px;
					height: 7px;
					top: 0;
					bottom: 0;
					left: 83px;
					margin: auto 0;
					background: url(/css/a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.about-slider-plus .slider-controls .button-prev:before {
					content: "";
					position: absolute;
					width: 0;
					height: 1px;
					top: 0;
					bottom: 0;
					right: 0;
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.about-slider-plus .slider-controls .button-prev .ar {
					position: absolute;
					width: 5px;
					height: 7px;
					top: 0;
					bottom: 0;
					right: 83px;
					margin: auto 0;
					background: url(/css/ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.about-text {
					position: relative;
					background: #fff
				}

				.about-text .text {
					padding-top: 140px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					padding-bottom: 55px
				}

				.about-text .text .point {
					margin-top: 10px;
					left: -3px
				}

				.about-text .text .l {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box
				}

				.about-text .text .l .img {
					position: relative;
					width: 100%;
					height: 325px;
					background-size: cover
				}

				.about-text .text .l .img .ov {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #009473 0) 50%/100% 4px
				}

				.about-text .text .l .img .ov1 {
					position: absolute;
					bottom: -12px;
					left: 0;
					width: 100%;
					height: 6px;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #009473 0) 50%/100% 2px
				}

				.about-text .text .r {
					position: relative;
					margin-top: 125px;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box;
					padding-left: 70px;
					padding-right: 120px
				}

				.about-text .text .r .text-decor {
					position: absolute;
					top: -150px;
					bottom: 0;
					right: 0
				}

				.about-text .text .r h2 {
					padding-top: 10px
				}

				.about-text .text.type-0 .point {
					left: auto;
					right: -3px;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.about-text .text.type-0 .l {
					-webkit-box-ordinal-group: 3;
					-ms-flex-order: 2;
					order: 2
				}

				.about-text .text.type-0 .r {
					otder: 1;
					padding-left: 120px
				}

				.about-text .text.type-0 .r .text-decor {
					right: auto;
					left: 0
				}

				.about-feedback .container {
					padding-top: 180px;
					padding-bottom: 35px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end
				}

				.about-feedback .container .r {
					z-index: 1;
					box-sizing: border-box;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					padding-left: 70px;
					padding-right: 120px
				}

				.about-feedback .container .r h2 {
					padding-top: 10px
				}

				.about-slider-feedback {
					background: #fff
				}

				.about-slider-feedback .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between
				}

				.about-slider-feedback .container .swiper-container {
					-ms-flex-preferred-size: 75%;
					flex-basis: 75%;
					margin: 0
				}

				.about-slider-feedback .container .swiper-container .swiper-slide {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between
				}

				.about-slider-feedback .container .swiper-container .swiper-slide img {
					-ms-flex-preferred-size: 33.33%;
					flex-basis: 33.33%;
					width: 33.33%;
					height: auto;
					display: block;
					-ms-flex-item-align: start;
					align-self: flex-start
				}

				.about-slider-feedback .container .swiper-container .swiper-slide .text {
					-ms-flex-preferred-size: 66.66%;
					flex-basis: 66.66%;
					box-sizing: border-box;
					margin-top: 95px;
					padding-left: 48px;
					padding-right: 65px;
					background: #fff
				}

				.about-slider-feedback .container .swiper-container .swiper-slide .text p {
					padding-top: 10px;
					font-size: 24px;
					line-height: 1.5;
					color: #009473
				}

				.about-slider-feedback .container .slider-controls {
					-ms-flex-preferred-size: 25%;
					flex-basis: 25%
				}

				.about-slider-feedback .container .slider-controls .swiper-button-next,
				.about-slider-feedback .container .slider-controls .swiper-button-prev {
					height: 200px;
					position: relative;
					overflow: hidden
				}

				.about-slider-feedback .container .slider-controls .swiper-button-next .bg,
				.about-slider-feedback .container .slider-controls .swiper-button-prev .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1
				}

				.about-slider-feedback .container .slider-controls .swiper-button-next:hover .bg,
				.about-slider-feedback .container .slider-controls .swiper-button-prev:hover .bg {
					background: #f6fcfc
				}

				.about-slider-feedback .container .slider-controls .swiper-button-next:hover:before,
				.about-slider-feedback .container .slider-controls .swiper-button-prev:hover:before {
					height: 83px
				}

				.about-slider-feedback .container .slider-controls .swiper-button-next:after {
					content: "";
					position: absolute;
					width: 9px;
					height: 1px;
					top: 0;
					right: 0;
					left: 0;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
					background: #149373;
					margin: 0 auto;
					z-index: 10
				}

				.about-slider-feedback .container .slider-controls .swiper-button-next:before {
					content: "";
					position: absolute;
					width: 1px;
					height: 0;
					top: 0;
					right: 0;
					left: 0;
					background: #149373;
					margin: 0 auto;
					z-index: 10
				}

				.about-slider-feedback .container .slider-controls .swiper-button-next .ar {
					position: absolute;
					width: 9px;
					height: 5px;
					left: 0;
					right: 0;
					top: 83px;
					margin: 0 auto;
					background: url(/css/ce7b96d35ce0cc1b5c8e9b6550770ca5.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.about-slider-feedback .container .slider-controls .swiper-button-prev:before {
					content: "";
					position: absolute;
					width: 1px;
					height: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background: #149373;
					margin: 0 auto;
					z-index: 10
				}

				.about-slider-feedback .container .slider-controls .swiper-button-prev .ar {
					position: absolute;
					width: 9px;
					height: 5px;
					left: 0;
					right: 0;
					bottom: 83px;
					margin: 0 auto;
					background: url(/css/02fdfc99d6d5171befe0338b2f71f967.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.news-page .timeline {
					top: 85px
				}

				.news-page .news-container .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					transition: all .3s ease 0s
				}

				.news-page .news-container .container .hidden {
					opacity: 0
				}

				.news-page .news-container .container .l {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					margin-top: 37px;
					transition: all .3s ease 0s
				}

				.news-page .news-container .container .l .news {
					position: relative;
					margin-top: 332px;
					padding: 75px 46px 65px 120px
				}

				.news-page .news-container .container .l .news .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(hsla(0, 0%, 100%, 0) 50%, #fff 0) 50%/100% 4px;
					z-index: 0;
					opacity: 0;
					transition: all .3s ease 0s
				}

				.news-page .news-container .container .l .news .text {
					position: relative;
					z-index: 1
				}

				.news-page .news-container .container .l .news:hover .bg {
					opacity: 1
				}

				.news-page .news-container .container .r {
					position: relative;
					margin-top: -60px;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					transition: all .3s ease 0s
				}

				.news-page .news-container .container .r .line {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap
				}

				.news-page .news-container .container .r .point {
					margin-top: 140px;
					left: -3px;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.news-page .news-container .container .r .news {
					position: relative;
					margin-top: 25px;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box;
					padding: 75px 13.15% 65px 16.5px
				}

				.news-page .news-container .container .r .news .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0) 50%/100% 4px;
					z-index: -1;
					opacity: 0;
					transition: all .3s ease 0s
				}

				.news-page .news-container .container .r .news.news-img {
					-ms-flex-preferred-size: 100%;
					flex-basis: 100%;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					padding: 0 0 0 16.5px
				}

				.news-page .news-container .container .r .news.news-img .text {
					padding-top: 75px;
					padding-bottom: 65px;
					box-sizing: border-box;
					padding-right: 13.15%;
					-ms-flex-preferred-size: 49%;
					flex-basis: 49%
				}

				.news-page .news-container .container .r .news .img {
					position: relative;
					-ms-flex-preferred-size: 51%;
					flex-basis: 51%;
					width: 50%;
					height: 399px;
					background-size: cover
				}

				.news-page .news-container .container .r .news .img .ov {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(21, 147, 116, 0) 50%, #159374 0) 50%/100% 4px
				}

				.news-page .news-container .container .r .news:hover .bg {
					opacity: 1
				}

				.pagination {
					position: relative;
					background: #fff
				}

				#pagination {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					width: 100%;
					height: 170px;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					transition: all .3s ease 0s
				}

				#pagination a,
				#pagination i {
					font: 400 18px ProximaNova, sans-serif;
					display: inline-block;
					width: 30px;
					color: #000;
					text-align: center;
					padding: 3px 0 2px;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none
				}

				#pagination a {
					position: relative;
					margin: 0 5px;
					cursor: pointer
				}

				#pagination a.current {
					pointer-events: none
				}

				#pagination a.prev {
					padding: 0;
					margin-right: 53px;
					width: 170px;
					height: 170px;
					overflow: hidden
				}

				#pagination a.prev:after {
					left: 0;
					width: 100%;
					height: 100%;
					background: #c9e7e1
				}

				#pagination a.prev:after,
				#pagination a.prev:before {
					content: "";
					position: absolute;
					top: 0;
					-webkit-transform: translateX(100%);
					transform: translateX(100%);
					transition: all .3s ease 0s
				}

				#pagination a.prev:before {
					bottom: 0;
					margin: auto 0;
					width: 83px;
					height: 1px;
					background: #009473;
					right: 0;
					z-index: 1
				}

				#pagination a.prev .ar {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: url(/css/ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
					background-size: 5px 9px;
					z-index: 1
				}

				#pagination a.prev:hover:after,
				#pagination a.prev:hover:before {
					-webkit-transform: translateX(0);
					transform: translateX(0)
				}

				#pagination a.next {
					padding: 0;
					margin-left: 53px;
					width: 170px;
					height: 170px;
					overflow: hidden
				}

				#pagination a.next:after {
					top: 0;
					width: 100%;
					height: 100%;
					background: #c9e7e1
				}

				#pagination a.next:after,
				#pagination a.next:before {
					content: "";
					position: absolute;
					left: 0;
					-webkit-transform: translateX(-100%);
					transform: translateX(-100%);
					transition: all .3s ease 0s
				}

				#pagination a.next:before {
					top: 1px;
					bottom: 0;
					margin: auto 0;
					width: 83px;
					height: 1px;
					background: #009473;
					z-index: 1
				}

				#pagination a.next .ar {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: url(/css/a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
					background-size: 5px 9px;
					z-index: 1
				}

				#pagination a.next:hover:after,
				#pagination a.next:hover:before {
					-webkit-transform: translateX(0);
					transform: translateX(0)
				}

				#pagination i {
					margin: 0 3px
				}

				#pagination span a {
					transition: all .3s ease 0s
				}

				#pagination span a:after {
					right: -13px
				}

				#pagination span a:after,
				#pagination span a:before {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					width: 0;
					height: 1px;
					background: #009473;
					margin: auto 0;
					transition: all .3s ease 0s
				}

				#pagination span a:before {
					left: -13px
				}

				#pagination span a:hover {
					margin: 0 20px
				}

				#pagination span a:hover:after,
				#pagination span a:hover:before {
					width: 16px
				}

				#pagination a.current {
					margin: 0 20px
				}

				#pagination a.current:after {
					right: -13px
				}

				#pagination a.current:after,
				#pagination a.current:before {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					width: 16px;
					height: 1px;
					background: #009473;
					margin: auto 0;
					transition: all .3s ease 0s
				}

				#pagination a.current:before {
					left: -13px
				}

				.news-text .title-page .container {
					padding-bottom: 300px
				}

				.news-text .content {
					position: relative;
					background: #fff
				}

				.news-text .text {
					position: relative
				}

				.news-text .user-text .inner {
					width: 50%;
					margin: 0 auto
				}

				.slider-text {
					position: relative;
					padding-top: 85px;
					margin-bottom: 88px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					justify-contrnt: space-between;
					-webkit-box-align: start;
					-ms-flex-align: start;
					align-items: flex-start
				}

				.slider-text .swiper-container-l {
					-ms-flex-preferred-size: 75%;
					flex-basis: 75%;
					margin: 0
				}

				.slider-text .swiper-container-l .swiper-slide {
					position: relative;
					height: 480px;
					background-size: cover;
					background-position: 50%;
					background-repeat: no-repeat
				}

				.slider-text .swiper-container-l .swiper-slide:after {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: hsla(0, 0%, 100%, .32)
				}

				.slider-text .swiper-container-l .swiper-slide:before {
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: rgba(0, 147, 115, .1)
				}

				.slider-text .swiper-container-r {
					position: relative;
					-ms-flex-preferred-size: 25%;
					flex-basis: 25%;
					margin: 0
				}

				.slider-text .swiper-container-r .swiper-slide {
					padding: 20px 32px 0
				}

				.slider-text .swiper-container-r:before {
					content: "";
					position: absolute;
					top: 20px;
					left: 32px;
					width: 56px;
					height: 6px;
					background: transparent linear-gradient(rgba(0, 148, 115, 0) 50%, #009473 0) 50%/100% 2px
				}

				.slider-text .swiper-container-r p {
					padding-top: 25px;
					margin-bottom: 16px;
					font: 400 14px/1.5 ClinicaPro, sans-serif;
					color: #000
				}

				.slider-text .slider-controls {
					position: absolute;
					width: 25%;
					height: 170px;
					bottom: 0;
					right: 0;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end;
					margin-top: 70px
				}

				.slider-text .slider-controls .swiper-button-next,
				.slider-text .slider-controls .swiper-button-prev {
					position: relative;
					width: 50%;
					height: 170px;
					overflow: hidden
				}

				.slider-text .slider-controls .swiper-button-next .bg,
				.slider-text .slider-controls .swiper-button-prev .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1
				}

				.slider-text .slider-controls .swiper-button-next:hover .bg,
				.slider-text .slider-controls .swiper-button-prev:hover .bg {
					background: #f6fcfc
				}

				.slider-text .slider-controls .swiper-button-next:hover:before,
				.slider-text .slider-controls .swiper-button-prev:hover:before {
					width: 83px
				}

				.slider-text .slider-controls .swiper-button-next:after {
					content: "";
					position: absolute;
					width: 1px;
					height: 9px;
					top: 0;
					bottom: 0;
					left: 0;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.slider-text .slider-controls .swiper-button-next:before {
					content: "";
					position: absolute;
					width: 0;
					height: 1px;
					top: 0;
					bottom: 0;
					left: 0;
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.slider-text .slider-controls .swiper-button-next .ar {
					position: absolute;
					width: 5px;
					height: 7px;
					top: 0;
					bottom: 0;
					left: 83px;
					margin: auto 0;
					background: url(/css/a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.slider-text .slider-controls .swiper-button-prev:before {
					content: "";
					position: absolute;
					width: 0;
					height: 1px;
					top: 0;
					bottom: 0;
					right: 0;
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.slider-text .slider-controls .swiper-button-prev .ar {
					position: absolute;
					width: 5px;
					height: 7px;
					top: 0;
					bottom: 0;
					right: 83px;
					margin: auto 0;
					background: url(/css/ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.catalog .title-page .catalog {
					padding-bottom: 30px
				}

				.catalog .top {
					background: #fff;
					border-top: 1px solid #eff5f6;
					border-bottom: 1px solid #eff5f6
				}

				.catalog .top.fixed {
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					z-index: 100000
				}

				.catalog .top.fixed+.bot {
					margin-top: 49px
				}

				.catalog .top .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					border-left: 1px solid #eff5f6;
					border-right: 1px solid #eff5f6
				}

				.catalog .top .container .filter-animals {
					background: #009473;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					height: 49px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex
				}

				.catalog .top .container .filter-animals .item {
					cursor: pointer;
					-webkit-box-flex: 1;
					-ms-flex-positive: 1;
					flex-grow: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					padding: 13px 27px;
					transition: all .3s ease 0s
				}

				.catalog .top .container .filter-animals .item .icon {
					pointer-events: none;
					margin-right: 10px;
					-ms-flex-item-align: center;
					-ms-grid-row-align: center;
					align-self: center;
					fill: #fff;
					transition: -webkit-transform 1s ease 0s;
					transition: transform 1s ease 0s;
					transition: transform 1s ease 0s, -webkit-transform 1s ease 0s
				}

				.catalog .top .container .filter-animals .item .text {
					pointer-events: none;
					max-width: 0;
					overflow: hidden;
					opacity: 0;
					white-space: nowrap;
					height: 100%;
					color: #fff;
					font: 400 10px/23px ProximaNova, sans-serif;
					text-transform: uppercase;
					transition: max-width 1s ease 0s, opacity 0s ease 0s;
					-webkit-transform: translateZ(0) rotate(.00001deg);
					transform: translateZ(0) rotate(.00001deg);
					letter-spacing: .2em
				}

				.catalog .top .container .filter-animals .item.item-all {
					text-align: center
				}

				.catalog .top .container .filter-animals .item.item-all .text {
					width: 100%;
					display: inline-block;
					opacity: 1 !important;
					color: #fff;
					max-width: none !important;
					overflow: visible;
					transition: opacity 0s ease 0s, color .3s ease 0s
				}

				.catalog .top .container .filter-animals .item:hover .text {
					opacity: 1;
					max-width: 152px;
					overflow: visible;
					transition: max-width 1s ease .2s, opacity .5s ease .5s
				}

				.catalog .top .container .filter-animals .item:hover.item-chicken .text,
				.catalog .top .container .filter-animals .item:hover.item-pig .text {
					max-width: 50px
				}

				.catalog .top .container .filter-animals .item:hover.item-all .text {
					transition: opacity 0s ease .2s, color .3s ease 0s
				}

				.catalog .top .container .filter-animals .item.active {
					pointer-events: none;
					border-top: 1px solid #eff5f6;
					border-bottom: 1px solid #eff5f6;
					border-right: 1px solid #eff5f6;
					background: #fff
				}

				.catalog .top .container .filter-animals .item.active .text {
					color: #009473;
					max-width: 0;
					overflow: hidden;
					opacity: 0;
					transition: max-width 1s ease 0s, opacity .3s ease 0s
				}

				.catalog .top .container .filter-animals .item.active.item-chicken .text,
				.catalog .top .container .filter-animals .item.active.item-pig .text {
					max-width: 0
				}

				.catalog .top .container .filter-animals .item.active.item-all .text {
					max-width: none;
					opacity: 1
				}

				.catalog .top .container .filter-animals .item.active .icon {
					-webkit-transform: translateX(50%);
					transform: translateX(50%);
					fill: #009473
				}

				.catalog .top .container .catalog-search {
					position: relative;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					height: 49px;
					box-sizing: border-box;
					background: #f6fcfc
				}

				.catalog .top .container .catalog-search .btn-seach {
					position: absolute;
					top: 0;
					bottom: 0;
					margin: auto 0;
					right: 25px;
					width: 15px;
					height: 15px;
					padding: 5px;
					background: url(/css/802782c68f55f7271fab3d6d19bee068.svg) no-repeat 50%;
					background-size: 15px;
					z-index: 1;
					cursor: pointer;
					transition: all .3s ease 0s
				}

				.catalog .top .container .catalog-search input {
					width: 100%;
					padding: 13px 32px;
					font: 400 16px ClinicaPro, sans-serif;
					color: #009473
				}

				.catalog .top .container .catalog-search input::-webkit-input-placeholder {
					font: 400 16px ClinicaPro, sans-serif;
					color: #009473
				}

				.catalog .top .container .catalog-search input:-moz-placeholder,
				.catalog .top .container .catalog-search input::-moz-placeholder {
					padding: 0 32px;
					font: 400 16px ClinicaPro, sans-serif;
					color: #009473
				}

				.catalog .top .container .catalog-search input:-ms-input-placeholder {
					padding: 0 32px;
					font: 400 16px ClinicaPro, sans-serif;
					color: #009473
				}

				.catalog .bot .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					min-height: 500px
				}

				.catalog .bot .container .hidden {
					opacity: 0
				}

				.catalog .bot .container .l {
					-ms-flex-preferred-size: 25%;
					flex-basis: 25%;
					transition: all .3s ease 0s;
					border-left: 1px solid #eff5f6
				}

				.catalog .bot .container .l .filter-product .head {
					overflow: hidden
				}

				.catalog .bot .container .l .filter-product .level-1 .head {
					cursor: pointer;
					width: 100%;
					box-sizing: border-box;
					position: relative;
					padding: 25px;
					font: 700 18px ProximaNova, sans-serif;
					color: #009473;
					border-bottom: 1px solid #eff5f6;
					border-right: 1px solid rgba(239, 245, 246, .5);
					transition: all .3s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-1 .head .plus {
					opacity: 0;
					position: absolute;
					top: 0;
					bottom: 0;
					right: 25px;
					margin: auto 0;
					width: 9px;
					height: 9px
				}

				.catalog .bot .container .l .filter-product .level-1 .head .plus:before {
					content: "";
					position: absolute;
					top: 0;
					left: calc(50% - .5px);
					width: 1px;
					height: 100%;
					background-color: #009473;
					-webkit-transform-origin: center;
					transform-origin: center;
					transition: all .3s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-1 .head .plus:after {
					content: "";
					position: absolute;
					top: calc(50% - .5px);
					left: 0;
					width: 100%;
					height: 1px;
					background-color: #009473
				}

				.catalog .bot .container .l .filter-product .level-1 .head.add-plus .plus {
					opacity: 1
				}

				.catalog .bot .container .l .filter-product .level-1 .head.active+.level-2 {
					max-height: 1000px;
					overflow: auto
				}

				.catalog .bot .container .l .filter-product .level-1 .head.active .plus:before {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg)
				}

				.catalog .bot .container .l .filter-product .level-2 {
					max-height: 0;
					overflow: hidden;
					transition: all 1s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-2 .head {
					cursor: pointer;
					width: 100%;
					box-sizing: border-box;
					position: relative;
					padding: 15px 25px;
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					color: #000;
					border-bottom: 1px solid #eff5f6;
					border-right: 1px solid rgba(239, 245, 246, .5);
					transition: all .3s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-2 .head.active .loading:after,
				.catalog .bot .container .l .filter-product .level-2 .head.active .loading:before {
					border: 6px solid hsla(0, 0%, 100%, .5) !important;
					box-shadow: inset 0 0 10px 50px hsla(0, 0%, 100%, .5) !important
				}

				.catalog .bot .container .l .filter-product .level-2 .head.add-plus .plus {
					opacity: 1
				}

				.catalog .bot .container .l .filter-product .level-2 .head.active {
					background: #009473;
					color: #fff
				}

				.catalog .bot .container .l .filter-product .level-2 .head.active+.level-3 {
					max-height: 1000px;
					overflow: auto
				}

				.catalog .bot .container .l .filter-product .level-2 .head.active .plus:after,
				.catalog .bot .container .l .filter-product .level-2 .head.active .plus:before {
					background: #fff;
					transition: all .3s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-2 .head.active .plus:before {
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
					transition: all .3s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-3 {
					max-height: 0;
					overflow: hidden;
					transition: all 1s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-3 .head {
					cursor: pointer;
					width: 100%;
					box-sizing: border-box;
					position: relative;
					padding: 15px 25px;
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					color: #333;
					background: #fff;
					border-bottom: 1px solid #eff5f6;
					border-right: 1px solid rgba(239, 245, 246, .5);
					transition: all .3s ease 0s
				}

				.catalog .bot .container .l .filter-product .level-3 .head.add-plus .plus {
					opacity: 1
				}

				.catalog .bot .container .l .filter-product .level-3 .head.active {
					background: #fff;
					color: #009473
				}

				.catalog .bot .container .l .reset-filters {
					text-align: center
				}

				.catalog .bot .container .l .reset-filters .link {
					vertical-align: top;
					padding: 31px 0 0;
					cursor: pointer
				}

				.catalog .bot .container .l .reset-filters .link:before {
					display: none
				}

				.catalog .bot .container .r {
					-ms-flex-preferred-size: 75%;
					flex-basis: 75%;
					background: #fff;
					transition: all .3s ease 0s
				}

				.catalog .bot .container .r .container-result {
					position: relative;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					transition: all .3s ease 0s
				}

				.catalog .bot .container .r .container-result>h2 {
					display: block;
					position: absolute;
					top: 100px;
					left: 50%;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
					opacity: .3
				}

				.catalog .bot .container .r .container-result .hidden {
					opacity: 0
				}

				.catalog .bot .container .r .item {
					position: relative;
					-ms-flex-preferred-size: 33.3%;
					flex-basis: 33.3%;
					border: 1px solid rgba(239, 245, 246, .5);
					padding: 75px 50px 45px;
					box-sizing: border-box;
					overflow: hidden;
					transition: all .3s ease 0s
				}

				.catalog .bot .container .r .item .icon-row {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					position: absolute;
					width: 30%;
					top: 20px;
					left: 50px
				}

				.catalog .bot .container .r .item .icon-row .icon {
					width: 33.3%;
					-ms-flex-preferred-size: 33.3%;
					flex-basis: 33.3%
				}

				.catalog .bot .container .r .item .icon-row .icon img {
					width: 20px;
					height: auto
				}

				.catalog .bot .container .r .item .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0) 50%/100% 4px;
					z-index: 1;
					opacity: 0;
					transition: all .3s ease 0s
				}

				.catalog .bot .container .r .item img {
					position: relative;
					display: block;
					height: 169px;
					margin: 0 auto;
					z-index: 2
				}

				.catalog .bot .container .r .item .t {
					position: relative;
					padding-top: 60px;
					font: 700 24px/1 ProximaNova, sans-serif;
					color: #000;
					z-index: 2
				}

				.catalog .bot .container .r .item .b {
					position: relative;
					padding-top: 7px;
					font: 400 10px/2 ProximaNova, sans-serif;
					color: #000;
					letter-spacing: .21em;
					text-transform: uppercase;
					z-index: 2
				}

				.catalog .bot .container .r .item:hover .bg {
					opacity: 1
				}

				.catalog-item .timeline {
					top: 280px
				}

				.catalog-item .point {
					left: 0;
					right: 0;
					top: 280px;
					margin: 0 auto
				}

				.catalog-item .container-top {
					overflow: hidden
				}

				.catalog-item .container-top .l {
					float: left;
					width: 50%;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box
				}

				.catalog-item .container-top .l .title-page {
					padding-top: 230px;
					width: auto;
					box-sizing: border-box;
					padding-left: 120px;
					padding-right: 100px;
					position: relative
				}

				.catalog-item .container-top .l .title-page .link {
					display: block;
					margin-bottom: 64px
				}

				.catalog-item .container-top .l .title-page .link .arrow {
					right: auto;
					left: 6px
				}

				.catalog-item .container-top .l .title-page .link .arrow-1 {
					right: auto;
					opacity: 0;
					left: 6px;
					-webkit-transform: translateX(10px);
					transform: translateX(10px)
				}

				.catalog-item .container-top .l .title-page .link:before {
					right: auto;
					left: 0
				}

				.catalog-item .container-top .l .title-page .link span {
					margin-left: 78px
				}

				.catalog-item .container-top .l .title-page .link:hover .arrow {
					opacity: 0;
					-webkit-transform: translateX(-10px);
					transform: translateX(-10px);
					transition: all .2s ease 0s
				}

				.catalog-item .container-top .l .title-page .link:hover:before {
					-webkit-transform: rotate(-90deg);
					transform: rotate(-90deg);
					transition: all .2s ease .2s
				}

				.catalog-item .container-top .l .title-page .link:hover .arrow-1 {
					opacity: 1;
					-webkit-transform: translateX(0);
					transform: translateX(0);
					transition: all .2s ease .4s
				}

				.catalog-item .container-top .l .title-page h1 {
					padding-bottom: 16px
				}

				.catalog-item .container-top .l .title-page p {
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					color: #333
				}

				.catalog-item .container-top .l .title-page .name {
					padding-bottom: 28px
				}

				.catalog-item .container-top .l .title-page .instruction {
					position: relative;
					display: inline-block;
					padding-top: 12px;
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					color: #009473
				}

				.catalog-item .container-top .l .title-page .instruction:after {
					content: "";
					position: absolute;
					bottom: 5px;
					left: 0;
					width: 50%;
					height: 1px;
					background: #009473;
					transition: all .3s ease 0s
				}

				.catalog-item .container-top .l .title-page .instruction:before {
					content: "";
					position: absolute;
					bottom: 5px;
					right: 0;
					width: 50%;
					height: 1px;
					background: #009473;
					transition: all .3s ease 0s
				}

				.catalog-item .container-top .l .title-page .instruction:hover:after,
				.catalog-item .container-top .l .title-page .instruction:hover:before {
					width: 10px
				}

				.catalog-item .container-top .l .filter-link {
					position: relative;
					margin-top: 155px;
					height: 49px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					z-index: 1
				}

				.catalog-item .container-top .l .filter-link .item {
					cursor: pointer;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					padding: 13px 27px;
					transition: all .3s ease 0s
				}

				.catalog-item .container-top .l .filter-link .item .icon {
					margin-right: 10px;
					-ms-flex-item-align: center;
					-ms-grid-row-align: center;
					align-self: center;
					height: 20px;
					fill: #009473;
					transition: all .3s ease 0s
				}

				.catalog-item .container-top .l .filter-link .item .text {
					max-width: 0;
					overflow: hidden;
					opacity: 0;
					white-space: nowrap;
					height: 100%;
					color: #009473;
					font: 400 10px/23px ProximaNova, sans-serif;
					text-transform: uppercase;
					transition: max-width 1s ease 0s, opacity 0s ease 0s;
					-webkit-transform: translateZ(0) rotate(.00001deg);
					transform: translateZ(0) rotate(.00001deg);
					letter-spacing: .21em
				}

				.catalog-item .container-top .l .filter-link .item.item-all .text {
					opacity: 1;
					color: #fff;
					max-width: none;
					overflow: visible;
					transition: opacity 0s ease 0s, color .3s ease 0s
				}

				.catalog-item .container-top .l .filter-link .item.active .text,
				.catalog-item .container-top .l .filter-link .item:hover .text {
					opacity: 1;
					max-width: 152px;
					overflow: visible;
					transition: max-width 1s ease .2s, opacity .5s ease .5s
				}

				.catalog-item .container-top .l .filter-link .item.active.item-chicken .text,
				.catalog-item .container-top .l .filter-link .item.active.item-pig .text,
				.catalog-item .container-top .l .filter-link .item:hover.item-chicken .text,
				.catalog-item .container-top .l .filter-link .item:hover.item-pig .text {
					max-width: 50px
				}

				.catalog-item .container-top .l .filter-link .item.active.item-all .text,
				.catalog-item .container-top .l .filter-link .item:hover.item-all .text {
					transition: opacity 0s ease .2s, color .3s ease 0s
				}

				.catalog-item .container-top .r {
					float: right;
					width: 50%;
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%
				}

				.catalog-item .container-bot {
					position: relative;
					margin-top: 25px;
					padding-top: 30px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					padding-bottom: 160px
				}

				.catalog-item .container-bot .point {
					top: 95px
				}

				.catalog-item .container-bot .l {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box
				}

				.catalog-item .container-bot .l .content {
					padding-left: 120px;
					padding-right: 100px
				}

				.catalog-item .container-bot .l .content .dot-block .point,
				.catalog-item .container-bot .l .content .text-block .point {
					left: auto;
					right: -103px;
					top: 15px;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.catalog-item .container-bot .r {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box
				}

				.catalog-item .container-bot .r .content {
					padding-left: 70px;
					padding-right: 120px
				}

				.catalog-item .container-bot .r .content .dot-block .point,
				.catalog-item .container-bot .r .content .text-block .point {
					left: -73px;
					right: auto;
					top: 15px;
					-webkit-transform: translateX(.5px);
					transform: translateX(.5px)
				}

				.catalog-item .container-bot .content .title {
					font: 700 24px/1.2 ProximaNova, sans-serif;
					color: #000;
					padding-right: 15px;
					margin-bottom: 23px
				}

				.catalog-item .container-bot .content .text-block {
					position: relative;
					margin-top: 56px
				}

				.catalog-item .container-bot .content .text-block .text {
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					color: #333;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					margin-bottom: 15px
				}

				.catalog-item .container-bot .content .dot-block {
					position: relative;
					margin-top: 56px
				}

				.catalog-item .container-bot .content .dot-block .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between
				}

				.catalog-item .container-bot .content .dot-block .l,
				.catalog-item .container-bot .content .dot-block .r {
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					color: #333;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex
				}

				.catalog-item .container-bot .content .dot-block .start {
					max-width: 235px
				}

				.catalog-item .container-bot .content .dot-block .end {
					white-space: nowrap
				}

				.catalog-item .container-bot .content .dot-block .center {
					-webkit-box-flex: 1;
					-ms-flex-positive: 1;
					flex-grow: 1;
					margin: 0 10px;
					background-image: linear-gradient(90deg, #009473 66%, transparent 0);
					background-position: 50%;
					background-size: 3px 1px;
					background-repeat: repeat-x
				}

				.slider-product {
					position: relative;
					margin-top: 200px;
					padding: 15px 0
				}

				.slider-product .icon-row {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					position: absolute;
					width: 20%;
					top: 40px;
					left: 55px;
					z-index: 2
				}

				.slider-product .icon-row .icon {
					width: 33.3%;
					-ms-flex-preferred-size: 33.3%;
					flex-basis: 33.3%
				}

				.slider-product .icon-row .icon img {
					width: 20px;
					height: auto;
					position: relative;
					display: block
				}

				.slider-product .swiper-slider .swiper-wrapper .swiper-slide {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center
				}

				.slider-product .swiper-slider .swiper-wrapper .swiper-slide img {
					width: 56%;
					height: auto;
					display: block
				}

				.slider-product .slider-bottom {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					margin-top: 35px
				}

				.slider-product .slider-controls {
					width: 50%;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: end;
					-ms-flex-pack: end;
					justify-content: flex-end
				}

				.slider-product .slider-controls .swiper-button-next,
				.slider-product .slider-controls .swiper-button-prev {
					position: relative;
					width: 50%;
					height: 170px;
					overflow: hidden
				}

				.slider-product .slider-controls .swiper-button-next .bg,
				.slider-product .slider-controls .swiper-button-prev .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 1
				}

				.slider-product .slider-controls .swiper-button-next:hover .bg,
				.slider-product .slider-controls .swiper-button-prev:hover .bg {
					background: #f6fcfc
				}

				.slider-product .slider-controls .swiper-button-next:hover:before,
				.slider-product .slider-controls .swiper-button-prev:hover:before {
					width: 83px
				}

				.slider-product .slider-controls .swiper-button-next:after {
					content: "";
					position: absolute;
					width: 1px;
					height: 9px;
					top: 0;
					bottom: 0;
					left: 0;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.slider-product .slider-controls .swiper-button-next:before {
					content: "";
					position: absolute;
					width: 0;
					height: 1px;
					top: 0;
					bottom: 0;
					left: 0;
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.slider-product .slider-controls .swiper-button-next .ar {
					position: absolute;
					width: 5px;
					height: 7px;
					top: 0;
					bottom: 0;
					left: 83px;
					margin: auto 0;
					background: url(/css/a5fe1d67448a06c3010e6e9c0a714c54.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.slider-product .slider-controls .swiper-button-prev:before {
					content: "";
					position: absolute;
					width: 0;
					height: 1px;
					top: 0;
					bottom: 0;
					right: 0;
					background: #149373;
					margin: auto 0;
					z-index: 10
				}

				.slider-product .slider-controls .swiper-button-prev .ar {
					position: absolute;
					width: 5px;
					height: 7px;
					top: 0;
					bottom: 0;
					right: 83px;
					margin: auto 0;
					background: url(/css/ba2ea6e5839cbd661c27889f5b3d85a5.svg) no-repeat 50%;
					background-size: 100%;
					z-index: 10
				}

				.slider-product .swiper-pagination {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					margin-top: 75px;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					padding-left: 55px
				}

				.slider-product .swiper-pagination .swiper-pagination-bullet {
					cursor: pointer;
					position: relative;
					padding: 5px;
					width: 6px;
					height: 6px;
					margin: 0 5px
				}

				.slider-product .swiper-pagination .swiper-pagination-bullet:after {
					content: none
				}

				.slider-product .swiper-pagination .swiper-pagination-bullet:before {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					width: 6px;
					height: 6px;
					background: #009473;
					border-radius: 50px;
					transition: all .2s ease 0s
				}

				.slider-product .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
				.slider-product .swiper-pagination .swiper-pagination-bullet:hover:before {
					border: 5px solid #c9e7e1
				}

				.product-similar {
					background: #fff
				}

				.product-similar h2 {
					padding-top: 10px;
					margin-bottom: 0
				}

				.product-similar .top {
					position: relative;
					padding-top: 190px;
					padding-bottom: 45px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					padding-left: 115px
				}

				.product-similar .top .l {
					position: relative;
					width: 650px;
					z-index: 1
				}

				.product-similar .top .r {
					-webkit-box-align: end;
					-ms-flex-align: end;
					align-items: flex-end;
					padding-right: 80px;
					margin-bottom: 10px
				}

				.product-similar .bot,
				.product-similar .top .r {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex
				}

				.product-similar .bot {
					position: relative;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap
				}

				.product-similar .bot .item {
					position: relative;
					-ms-flex-preferred-size: 25%;
					flex-basis: 25%;
					border-top: 1px solid rgba(239, 245, 246, .5);
					padding: 75px 50px 45px;
					box-sizing: border-box
				}

				.product-similar .bot .item .icon-row {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					position: absolute;
					width: 30%;
					top: 20px;
					left: 50px
				}

				.product-similar .bot .item .icon-row .icon {
					width: 33.3%;
					-ms-flex-preferred-size: 33.3%;
					flex-basis: 33.3%
				}

				.product-similar .bot .item .icon-row .icon img {
					width: 20px;
					height: auto
				}

				.product-similar .bot .item .bg {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: transparent linear-gradient(rgba(246, 252, 252, 0) 50%, #f6fcfc 0) 50%/100% 4px;
					z-index: 1;
					opacity: 0;
					transition: all .3s ease 0s
				}

				.product-similar .bot .item img {
					position: relative;
					display: block;
					height: 169px;
					margin: 0 auto;
					z-index: 2;
					-webkit-transform: translateZ(0);
					transform: translateZ(0)
				}

				.product-similar .bot .item .t {
					position: relative;
					padding-top: 60px;
					font: 700 24px/1 ProximaNova, sans-serif;
					color: #000;
					z-index: 2
				}

				.product-similar .bot .item .b {
					position: relative;
					padding-top: 7px;
					font: 400 10px/2 ProximaNova, sans-serif;
					color: #000;
					letter-spacing: .21em;
					text-transform: uppercase;
					z-index: 2
				}

				.product-similar .bot .item:hover .bg {
					opacity: 1
				}

				.contacts .title-page .container {
					width: 900px
				}

				.contacts .contacts-container {
					background: #fff
				}

				.contacts .contacts-container .container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap
				}

				.contacts .contacts-container .item {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex
				}

				.contacts .contacts-container .item .img {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					width: 50%;
					min-height: 340px;
					height: 100%;
					background-size: cover;
					background-position: 50%;
					background-repeat: no-repeat
				}

				.contacts .contacts-container .item .text {
					-ms-flex-preferred-size: 50%;
					flex-basis: 50%;
					box-sizing: border-box;
					padding-right: 65px;
					padding-left: 35px
				}

				.contacts .contacts-container .item .top {
					margin-top: 60px
				}

				.contacts .contacts-container .item .name {
					font: 700 18px/1.5 ProximaNova, sans-serif;
					text-transform: none;
					letter-spacing: 0
				}

				.contacts .contacts-container .item .position {
					margin-top: 15px;
					font: 400 16px/1.75 ClinicaPro, sans-serif
				}

				.contacts .contacts-container .item .bot {
					margin-top: 70px
				}

				.contacts .contacts-container .item .tel {
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					color: #000;
					transition: all .3s ease 0s
				}

				.contacts .contacts-container .item .tel:hover {
					color: #009473
				}

				.contacts .contacts-container .item .mail {
					font: 400 16px/1.75 ClinicaPro, sans-serif;
					position: relative;
					display: inline-block;
					color: #009473
				}

				.contacts .contacts-container .item .mail:after {
					left: 0
				}

				.contacts .contacts-container .item .mail:after,
				.contacts .contacts-container .item .mail:before {
					content: "";
					position: absolute;
					bottom: 5px;
					width: 50%;
					height: 1px;
					background: #009473;
					transition: all .3s ease 0s
				}

				.contacts .contacts-container .item .mail:before {
					right: 0
				}

				.contacts .contacts-container .item .mail:hover:after,
				.contacts .contacts-container .item .mail:hover:before {
					width: 10px
				}

				.tv {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 100;
					opacity: 0
				}

				.tv.show {
					opacity: 1;
					-webkit-animation: tv 10s ease infinite;
					animation: tv 10s ease infinite
				}

				.loading {
					position: absolute;
					top: 50%;
					left: 50%;
					z-index: 10000;
					pointer-events: none;
					opacity: 0;
					transition: opacity .5s ease 0s
				}

				.loading.show {
					opacity: 1
				}

				.loading:after,
				.loading:before {
					content: "";
					border: 6px solid rgba(20, 149, 115, .5);
					box-shadow: inset 0 0 10px 50px rgba(20, 149, 115, .5);
					border-radius: 100%;
					opacity: 0;
					-webkit-transform: scale(0);
					transform: scale(0);
					height: 40px;
					width: 40px;
					position: absolute;
					-webkit-animation-name: puls;
					animation-name: puls;
					-webkit-animation-duration: 1.8s;
					animation-duration: 1.8s;
					-webkit-animation-iteration-count: infinite;
					animation-iteration-count: infinite;
					-webkit-animation-timing-function: ease-out;
					animation-timing-function: ease-out
				}

				.loading:after {
					-webkit-animation-delay: .9s;
					animation-delay: .9s
				}

				.briks-top {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					pointer-events: none
				}

				.briks-top .brick.trans-1 {
					transition: opacity .5s ease .5s
				}

				.briks-top .brick.trans-1:before {
					transition: -webkit-transform .5s ease .1s;
					transition: transform .5s ease .1s;
					transition: transform .5s ease .1s, -webkit-transform .5s ease .1s
				}

				.briks-top .brick.trans-3 {
					transition: opacity .5s ease .9s
				}

				.briks-top .brick.trans-3:before {
					transition: -webkit-transform .5s ease .3s;
					transition: transform .5s ease .3s;
					transition: transform .5s ease .3s, -webkit-transform .5s ease .3s
				}

				.briks-top .brick.trans-5 {
					transition: opacity .5s ease 1.1s
				}

				.briks-top .brick.trans-5:before {
					transition: -webkit-transform .5s ease .5s;
					transition: transform .5s ease .5s;
					transition: transform .5s ease .5s, -webkit-transform .5s ease .5s
				}

				.briks-bot {
					width: 100%;
					z-index: 0
				}

				.briks-bot,
				.briks-bot .brick {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					pointer-events: none
				}

				.briks-bot .brick {
					width: 25%;
					border-left: none;
					border-right: none;
					border-top: 1px solid #eff5f6;
					background: none;
					opacity: 1
				}

				.wrapper .briks-bot .brick {
					border-left: 1px solid rgba(239, 245, 246, .5);
					border-right: 1px solid rgba(239, 245, 246, .5);
					border-top: 0 solid rgba(239, 245, 246, .5)
				}

				.wrapper .briks-bot .brick:nth-child(4n-3) {
					border-left: 1px solid #eff5f6
				}

				.wrapper .briks-bot .brick:nth-child(4n) {
					border-right: 1px solid #eff5f6
				}

				.brick {
					width: 25%;
					opacity: .3;
					pointer-events: none;
					z-index: 1000;
					overflow: hidden
				}

				.brick,
				.brick:before {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%
				}

				.brick:before {
					content: "";
					width: 100%;
					background: #c9e7e1;
					-webkit-transform: translateY(-100%);
					transform: translateY(-100%)
				}

				.brick.brick-1 {
					left: 25%
				}

				.brick.brick-2 {
					left: 50%
				}

				.brick.brick-3 {
					left: 75%
				}

				.brick.brick-4 {
					left: 0
				}

				.brick.brick-5 {
					left: 25%
				}

				.brick.brick-6 {
					left: 50%
				}

				.brick.brick-7 {
					left: 75%
				}

				.load-complete-once .briks-left .brick.show,
				.load-complete-once .briks-right .brick.show,
				.load-complete-once .briks-top .brick.show {
					opacity: 0 !important
				}

				.load-complete-once .briks-left .brick.show:before,
				.load-complete-once .briks-right .brick.show:before,
				.load-complete-once .briks-top .brick.show:before {
					-webkit-transform: translateY(0);
					transform: translateY(0)
				}

				.point {
					width: 6px;
					height: 6px;
					z-index: 100
				}

				.point,
				.point:before {
					position: absolute;
					background: #009473;
					border-radius: 50%
				}

				.point:before {
					content: "";
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					transition: all 1s ease 0s
				}

				.point.show:before {
					-webkit-transform: scale(7);
					transform: scale(7);
					opacity: 0
				}

				.about-page .title-page h1,
				.catalog-item .title-page h1,
				.catalog .title-page h1,
				.contacts .title-page h1,
				.news-page .title-page h1,
				.news-text .title-page h1 {
					display: inline-block;
					opacity: 0;
					position: relative
				}

				.about-page .title-page h1 :after,
				.catalog-item .title-page h1 :after,
				.catalog .title-page h1 :after,
				.contacts .title-page h1 :after,
				.news-page .title-page h1 :after,
				.news-text .title-page h1 :after {
					content: "";
					position: absolute;
					bottom: 10px;
					right: -10px;
					width: 2px;
					height: 55px;
					opacity: 0;
					background: #009473
				}

				.about-page .title-page h1 .show,
				.catalog-item .title-page h1 .show,
				.catalog .title-page h1 .show,
				.contacts .title-page h1 .show,
				.news-page .title-page h1 .show,
				.news-text .title-page h1 .show {
					display: inline-block !important
				}

				.about-page .title-page h1 .show:after,
				.catalog-item .title-page h1 .show:after,
				.catalog .title-page h1 .show:after,
				.contacts .title-page h1 .show:after,
				.news-page .title-page h1 .show:after,
				.news-text .title-page h1 .show:after {
					-webkit-animation: typed 1s ease infinite;
					animation: typed 1s ease infinite
				}
<!--0.00044107437133789-->