/*
Theme Name: AkronTech
Theme URI: https://akron-project.tech
Author: Nabozhev
Author URI: https://
Description: Современная тема для сайта проектных технологий Акрон. Адаптивный дизайн, поддержка современных технологий.
Version: 1.0.0
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: akrontech
Domain Path: /languages
Tags: responsive, modern, business, projects, technology
*/
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-shrink:active,
.hvr-shrink:focus,
.hvr-shrink:hover {
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}

@-webkit-keyframes hvr-pulse {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@keyframes hvr-pulse {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

.hvr-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-pulse:active,
.hvr-pulse:focus,
.hvr-pulse:hover {
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes hvr-pulse-grow {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.hvr-pulse-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-pulse-grow:active,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:hover {
	-webkit-animation-name: hvr-pulse-grow;
	animation-name: hvr-pulse-grow;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

@keyframes hvr-pulse-shrink {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9)
	}
}

.hvr-pulse-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-pulse-shrink:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover {
	-webkit-animation-name: hvr-pulse-shrink;
	animation-name: hvr-pulse-shrink;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.hvr-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-push:active,
.hvr-push:focus,
.hvr-push:hover {
	-webkit-animation-name: hvr-push;
	animation-name: hvr-push;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@keyframes hvr-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

.hvr-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-pop:active,
.hvr-pop:focus,
.hvr-pop:hover {
	-webkit-animation-name: hvr-pop;
	animation-name: hvr-pop;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.hvr-bounce-in:active,
.hvr-bounce-in:focus,
.hvr-bounce-in:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36)
}

.hvr-bounce-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.hvr-bounce-out:active,
.hvr-bounce-out:focus,
.hvr-bounce-out:hover {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36)
}

.hvr-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-rotate:active,
.hvr-rotate:focus,
.hvr-rotate:hover {
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg)
}

.hvr-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-grow-rotate:active,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:hover {
	-webkit-transform: scale(1.1) rotate(4deg);
	transform: scale(1.1) rotate(4deg)
}

.hvr-float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-float:active,
.hvr-float:focus,
.hvr-float:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px)
}

.hvr-sink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sink:active,
.hvr-sink:focus,
.hvr-sink:hover {
	-webkit-transform: translateY(8px);
	transform: translateY(8px)
}

@-webkit-keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}

	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}

	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@-webkit-keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

@keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}

.hvr-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-bob:active,
.hvr-bob:focus,
.hvr-bob:hover {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

@-webkit-keyframes hvr-hang {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

@keyframes hvr-hang {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

@-webkit-keyframes hvr-hang-sink {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

@keyframes hvr-hang-sink {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

.hvr-hang {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-hang:active,
.hvr-hang:focus,
.hvr-hang:hover {
	-webkit-animation-name: hvr-hang-sink, hvr-hang;
	animation-name: hvr-hang-sink, hvr-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

.hvr-skew {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-skew:active,
.hvr-skew:focus,
.hvr-skew:hover {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg)
}

.hvr-skew-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.hvr-skew-forward:active,
.hvr-skew-forward:focus,
.hvr-skew-forward:hover {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg)
}

.hvr-skew-backward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.hvr-skew-backward:active,
.hvr-skew-backward:focus,
.hvr-skew-backward:hover {
	-webkit-transform: skew(10deg);
	transform: skew(10deg)
}

@-webkit-keyframes hvr-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes hvr-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.hvr-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-wobble-vertical:active,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:hover {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}

	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}

	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.hvr-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-wobble-horizontal:active,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:hover {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px)
	}

	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px)
	}

	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes hvr-wobble-to-bottom-right {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px)
	}

	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px)
	}

	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.hvr-wobble-to-bottom-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-wobble-to-bottom-right:active,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:hover {
	-webkit-animation-name: hvr-wobble-to-bottom-right;
	animation-name: hvr-wobble-to-bottom-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-to-top-right {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px)
	}

	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px)
	}

	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes hvr-wobble-to-top-right {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px)
	}

	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px)
	}

	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px)
	}

	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px)
	}

	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.hvr-wobble-to-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-wobble-to-top-right:active,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:hover {
	-webkit-animation-name: hvr-wobble-to-top-right;
	animation-name: hvr-wobble-to-top-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

@keyframes hvr-wobble-top {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

.hvr-wobble-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.hvr-wobble-top:active,
.hvr-wobble-top:focus,
.hvr-wobble-top:hover {
	-webkit-animation-name: hvr-wobble-top;
	animation-name: hvr-wobble-top;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-bottom {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

@keyframes hvr-wobble-bottom {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

.hvr-wobble-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.hvr-wobble-bottom:active,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:hover {
	-webkit-animation-name: hvr-wobble-bottom;
	animation-name: hvr-wobble-bottom;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-skew {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

@keyframes hvr-wobble-skew {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg)
	}

	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg)
	}

	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg)
	}

	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg)
	}

	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg)
	}

	100% {
		-webkit-transform: skew(0);
		transform: skew(0)
	}
}

.hvr-wobble-skew {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-wobble-skew:active,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:hover {
	-webkit-animation-name: hvr-wobble-skew;
	animation-name: hvr-wobble-skew;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

@keyframes hvr-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

.hvr-buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-buzz:active,
.hvr-buzz:focus,
.hvr-buzz:hover {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: .15s;
	animation-duration: .15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

@keyframes hvr-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

.hvr-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-buzz-out:active,
.hvr-buzz-out:focus,
.hvr-buzz-out:hover {
	-webkit-animation-name: hvr-buzz-out;
	animation-name: hvr-buzz-out;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-forward:active,
.hvr-forward:focus,
.hvr-forward:hover {
	-webkit-transform: translateX(8px);
	transform: translateX(8px)
}

.hvr-backward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-backward:active,
.hvr-backward:focus,
.hvr-backward:hover {
	-webkit-transform: translateX(-8px);
	transform: translateX(-8px)
}

.hvr-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	overflow: hidden;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
	background-color: #2098D1;
	color: #fff
}

@-webkit-keyframes hvr-back-pulse {
	50% {
		background-color: rgba(32, 152, 209, .75)
	}
}

@keyframes hvr-back-pulse {
	50% {
		background-color: rgba(32, 152, 209, .75)
	}
}

.hvr-back-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	overflow: hidden;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color
}

.hvr-back-pulse:active,
.hvr-back-pulse:focus,
.hvr-back-pulse:hover {
	-webkit-animation-name: hvr-back-pulse;
	animation-name: hvr-back-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-color: #2098D1;
	background-color: #2098d1;
	color: #fff
}

.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover {
	color: #fff
}

.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.hvr-sweep-to-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-sweep-to-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-left:active,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:hover {
	color: #fff
}

.hvr-sweep-to-left:active:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-sweep-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover {
	color: #fff
}

.hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.hvr-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-top:active,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:hover {
	color: #fff
}

.hvr-sweep-to-top:active:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-right:active,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover {
	color: #fff
}

.hvr-bounce-to-right:active:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}

.hvr-bounce-to-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.hvr-bounce-to-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-left:active,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:hover {
	color: #fff
}

.hvr-bounce-to-left:active:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}

.hvr-bounce-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.hvr-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-bottom:active,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:hover {
	color: #fff
}

.hvr-bounce-to-bottom:active:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}

.hvr-bounce-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.hvr-bounce-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-bounce-to-top:active,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:hover {
	color: #fff
}

.hvr-bounce-to-top:active:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
	transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}

.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-radial-out:active,
.hvr-radial-out:focus,
.hvr-radial-out:hover {
	color: #fff
}

.hvr-radial-out:active:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:hover:before {
	-webkit-transform: scale(2);
	transform: scale(2)
}

.hvr-radial-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-radial-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e1e1e1;
	border-radius: 100%;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-radial-in:active,
.hvr-radial-in:focus,
.hvr-radial-in:hover {
	color: #fff
}

.hvr-radial-in:active:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:hover:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.hvr-rectangle-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-rectangle-in:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e1e1e1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-rectangle-in:active,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:hover {
	color: #fff
}

.hvr-rectangle-in:active:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:hover:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.hvr-rectangle-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-rectangle-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-rectangle-out:active,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:hover {
	color: #fff
}

.hvr-rectangle-out:active:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.hvr-shutter-in-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e1e1e1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:active,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:hover {
	color: #fff
}

.hvr-shutter-in-horizontal:active:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:hover:before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2098D1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-out-horizontal:active,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:hover {
	color: #fff
}

.hvr-shutter-out-horizontal:active:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #2098D1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #e1e1e1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover {
	color: #fff
}

.hvr-shutter-in-vertical:active:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:hover:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.hvr-shutter-out-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-shutter-out-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #2098D1;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-shutter-out-vertical:active,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:hover {
	color: #fff
}

.hvr-shutter-out-vertical:active:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.hvr-border-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-border-fade:active,
.hvr-border-fade:focus,
.hvr-border-fade:hover {
	box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-hollow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: background;
	transition-property: background;
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-hollow:active,
.hvr-hollow:focus,
.hvr-hollow:hover {
	background: 0 0
}

.hvr-trim {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-trim:before {
	content: '';
	position: absolute;
	border: #fff solid 4px;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.hvr-trim:active:before,
.hvr-trim:focus:before,
.hvr-trim:hover:before {
	opacity: 1
}

@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.hvr-ripple-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-ripple-out:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 6px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.hvr-ripple-out:active:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:hover:before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}

@-webkit-keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}

@keyframes hvr-ripple-in {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1
	}
}

.hvr-ripple-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-ripple-in:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -12px;
	right: -12px;
	bottom: -12px;
	left: -12px;
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.hvr-ripple-in:active:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:hover:before {
	-webkit-animation-name: hvr-ripple-in;
	animation-name: hvr-ripple-in
}

.hvr-outline-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-outline-out:before {
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left
}

.hvr-outline-out:active:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:hover:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px
}

.hvr-outline-in {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-outline-in:before {
	pointer-events: none;
	content: '';
	position: absolute;
	border: #e1e1e1 solid 4px;
	top: -16px;
	right: -16px;
	bottom: -16px;
	left: -16px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left
}

.hvr-outline-in:active:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:hover:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	opacity: 1
}

.hvr-round-corners {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: border-radius;
	transition-property: border-radius
}

.hvr-round-corners:active,
.hvr-round-corners:focus,
.hvr-round-corners:hover {
	border-radius: 1em
}

.hvr-underline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-from-left:active:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:hover:before {
	right: 0
}

.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
	left: 0;
	right: 0
}

.hvr-underline-from-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-underline-from-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-from-right:active:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:hover:before {
	left: 0
}

.hvr-overline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-overline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-from-left:active:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:hover:before {
	right: 0
}

.hvr-overline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-overline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-from-center:active:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:hover:before {
	left: 0;
	right: 0
}

.hvr-overline-from-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-overline-from-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-from-right:active:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:hover:before {
	left: 0
}

.hvr-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-color: #2098D1;
	border-style: solid;
	border-width: 0;
	-webkit-transition-property: border-width;
	transition-property: border-width;
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-reveal:active:before,
.hvr-reveal:focus:before,
.hvr-reveal:hover:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	border-width: 4px
}

.hvr-underline-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-underline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-underline-reveal:active:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:hover:before {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.hvr-overline-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden
}

.hvr-overline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	background: #2098D1;
	height: 4px;
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-overline-reveal:active:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:hover:before {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.hvr-glow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-glow:active,
.hvr-glow:focus,
.hvr-glow:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.hvr-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-shadow:active,
.hvr-shadow:focus,
.hvr-shadow:hover {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
}

.hvr-grow-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform
}

.hvr-grow-shadow:active,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:hover {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.hvr-box-shadow-outset {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow
}

.hvr-box-shadow-outset:active,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:hover {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
}

.hvr-box-shadow-inset {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-box-shadow-inset:active,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:hover {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity
}

.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}

.hvr-shadow-radial {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-shadow-radial:after,
.hvr-shadow-radial:before {
	pointer-events: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	box-sizing: border-box;
	height: 5px;
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.hvr-shadow-radial:before {
	bottom: 100%;
	background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}

.hvr-shadow-radial:after {
	top: 100%;
	background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}

.hvr-shadow-radial:active:after,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:hover:before {
	opacity: 1
}

.hvr-bubble-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-bubble-top:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 10px);
	top: 0;
	border-width: 0 10px 10px;
	border-color: transparent transparent #e1e1e1
}

.hvr-bubble-top:active:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:hover:before {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.hvr-bubble-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-bubble-right:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	top: calc(50% - 10px);
	right: 0;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:active:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:hover:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.hvr-bubble-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-bubble-bottom:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 10px);
	bottom: 0;
	border-width: 10px 10px 0;
	border-color: #e1e1e1 transparent transparent
}

.hvr-bubble-bottom:active:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:hover:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.hvr-bubble-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-bubble-left:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	top: calc(50% - 10px);
	left: 0;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:active:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:hover:before {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)
}

.hvr-bubble-float-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-top:before {
	position: absolute;
	z-index: -1;
	content: '';
	left: calc(50% - 10px);
	top: 0;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: transparent transparent #e1e1e1;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-top:active,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:hover {
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.hvr-bubble-float-top:active:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:hover:before {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.hvr-bubble-float-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-right:before {
	position: absolute;
	z-index: -1;
	top: calc(50% - 10px);
	right: 0;
	content: '';
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #e1e1e1;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-right:active,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:hover {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)
}

.hvr-bubble-float-right:active:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:hover:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.hvr-bubble-float-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-bottom:before {
	position: absolute;
	z-index: -1;
	content: '';
	left: calc(50% - 10px);
	bottom: 0;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #e1e1e1 transparent transparent;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-bottom:active,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.hvr-bubble-float-bottom:active:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:hover:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px)
}

.hvr-bubble-float-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-left:before {
	position: absolute;
	z-index: -1;
	content: '';
	top: calc(50% - 10px);
	left: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #e1e1e1 transparent transparent;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform
}

.hvr-bubble-float-left:active,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:hover {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.hvr-bubble-float-left:active:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:hover:before {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)
}

.hvr-icon-back {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.hvr-icon-back .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-back:active .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:hover .hvr-icon {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px)
}

.hvr-icon-forward {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.hvr-icon-forward .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-forward:active .hvr-icon,
.hvr-icon-forward:focus .hvr-icon,
.hvr-icon-forward:hover .hvr-icon {
	-webkit-transform: translateX(4px);
	transform: translateX(4px)
}

@-webkit-keyframes hvr-icon-down {

	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,
	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@keyframes hvr-icon-down {

	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,
	75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

.hvr-icon-down {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-down .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-down:active .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-down;
	animation-name: hvr-icon-down;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {

	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,
	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@keyframes hvr-icon-up {

	0%,
	100%,
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	25%,
	75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

.hvr-icon-up {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-up .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-up:active .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-up;
	animation-name: hvr-icon-up;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.hvr-icon-spin {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-spin .hvr-icon {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out
}

.hvr-icon-spin:active .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:hover .hvr-icon {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

@-webkit-keyframes hvr-icon-drop {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100%,
	51% {
		opacity: 1
	}
}

@keyframes hvr-icon-drop {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100%,
	51% {
		opacity: 1
	}
}

.hvr-icon-drop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-drop .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-drop:active .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:hover .hvr-icon {
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-animation-name: hvr-icon-drop;
	animation-name: hvr-icon-drop;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
	animation-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}

.hvr-icon-fade {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-fade .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-property: color;
	transition-property: color
}

.hvr-icon-fade:active .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:hover .hvr-icon {
	color: #0F9E5E
}

@-webkit-keyframes hvr-icon-float-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em)
	}
}

@keyframes hvr-icon-float-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em)
	}
}

.hvr-icon-float-away {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-float-away .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.hvr-icon-float-away:active .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-float-away;
	animation-name: hvr-icon-float-away;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em)
	}
}

@keyframes hvr-icon-sink-away {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em)
	}
}

.hvr-icon-sink-away {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-sink-away .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.hvr-icon-sink-away:active .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-sink-away;
	animation-name: hvr-icon-sink-away;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.hvr-icon-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-grow .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-grow:active .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:hover .hvr-icon {
	-webkit-transform: scale(1.3) translateZ(0);
	transform: scale(1.3) translateZ(0)
}

.hvr-icon-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-shrink .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-shrink:active .hvr-icon,
.hvr-icon-shrink:focus .hvr-icon,
.hvr-icon-shrink:hover .hvr-icon {
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}

@-webkit-keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@keyframes hvr-icon-pulse {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.hvr-icon-pulse {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-pulse .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pulse:active .hvr-icon,
.hvr-icon-pulse:focus .hvr-icon,
.hvr-icon-pulse:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-pulse;
	animation-name: hvr-icon-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-pulse-grow {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
}

@keyframes hvr-icon-pulse-grow {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
}

.hvr-icon-pulse-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-pulse-grow .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pulse-grow:active .hvr-icon,
.hvr-icon-pulse-grow:focus .hvr-icon,
.hvr-icon-pulse-grow:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-pulse-grow;
	animation-name: hvr-icon-pulse-grow;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-icon-pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

@keyframes hvr-icon-pulse-shrink {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.hvr-icon-pulse-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.hvr-icon-pulse-shrink .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pulse-shrink:active .hvr-icon,
.hvr-icon-pulse-shrink:focus .hvr-icon,
.hvr-icon-pulse-shrink:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-pulse-shrink;
	animation-name: hvr-icon-pulse-shrink;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

@-webkit-keyframes hvr-icon-push {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5)
	}
}

@keyframes hvr-icon-push {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5)
	}
}

.hvr-icon-push {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-push .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-push:active .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-push;
	animation-name: hvr-icon-push;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

.hvr-icon-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-pop .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-pop:active .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-pop;
	animation-name: hvr-icon-pop;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-icon-bounce {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-bounce .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-bounce:active .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:hover .hvr-icon {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36)
}

.hvr-icon-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-rotate .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-rotate:active .hvr-icon,
.hvr-icon-rotate:focus .hvr-icon,
.hvr-icon-rotate:hover .hvr-icon {
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg)
}

.hvr-icon-grow-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-grow-rotate .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:active .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:hover .hvr-icon {
	-webkit-transform: scale(1.5) rotate(12deg);
	transform: scale(1.5) rotate(12deg)
}

.hvr-icon-float {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-float .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-float:active .hvr-icon,
.hvr-icon-float:focus .hvr-icon,
.hvr-icon-float:hover .hvr-icon {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px)
}

.hvr-icon-sink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-sink .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-icon-sink:active .hvr-icon,
.hvr-icon-sink:focus .hvr-icon,
.hvr-icon-sink:hover .hvr-icon {
	-webkit-transform: translateY(4px);
	transform: translateY(4px)
}

@-webkit-keyframes hvr-icon-bob {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@keyframes hvr-icon-bob {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@-webkit-keyframes hvr-icon-bob-float {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

@keyframes hvr-icon-bob-float {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}
}

.hvr-icon-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-bob .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-bob:active .hvr-icon,
.hvr-icon-bob:focus .hvr-icon,
.hvr-icon-bob:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
	animation-name: hvr-icon-bob-float, hvr-icon-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}

	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px)
	}

	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@-webkit-keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

@keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}
}

.hvr-icon-hang {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-hang .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-hang:active .hvr-icon,
.hvr-icon-hang:focus .hvr-icon,
.hvr-icon-hang:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes hvr-icon-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px)
	}

	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}

	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}

	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px)
	}

	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.hvr-icon-wobble-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-wobble-horizontal .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-wobble-horizontal:active .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-wobble-horizontal;
	animation-name: hvr-icon-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes hvr-icon-wobble-vertical {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px)
	}

	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}

	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}

	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.hvr-icon-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-wobble-vertical .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-wobble-vertical:active .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-wobble-vertical;
	animation-name: hvr-icon-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes hvr-icon-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

@keyframes hvr-icon-buzz {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}
}

.hvr-icon-buzz {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-buzz .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-buzz:active .hvr-icon,
.hvr-icon-buzz:focus .hvr-icon,
.hvr-icon-buzz:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-buzz;
	animation-name: hvr-icon-buzz;
	-webkit-animation-duration: .15s;
	animation-duration: .15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes hvr-icon-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

@keyframes hvr-icon-buzz-out {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0)
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0)
	}
}

.hvr-icon-buzz-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-icon-buzz-out .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.hvr-icon-buzz-out:active .hvr-icon,
.hvr-icon-buzz-out:focus .hvr-icon,
.hvr-icon-buzz-out:hover .hvr-icon {
	-webkit-animation-name: hvr-icon-buzz-out;
	animation-name: hvr-icon-buzz-out;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.hvr-curl-top-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-curl-top-left:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	left: 0;
	background: #fff;
	background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
	z-index: 1000;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-top-left:active:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:hover:before {
	width: 25px;
	height: 25px
}

.hvr-curl-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-curl-top-right:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	right: 0;
	background: #fff;
	background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-top-right:active:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:hover:before {
	width: 25px;
	height: 25px
}

.hvr-curl-bottom-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-curl-bottom-right:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-bottom-right:active:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:hover:before {
	width: 25px;
	height: 25px
}

.hvr-curl-bottom-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative
}

.hvr-curl-bottom-left:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: width, height;
	transition-property: width, height
}

.hvr-curl-bottom-left:active:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:hover:before {
	width: 25px;
	height: 25px
}

/* Подключение шрифтов Muller */
@font-face {
	font-family: 'Muller-Light';
	src:
		url('fonts/Muller-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Muller-UltraLight';
	src:
		url('fonts/Fontfabric - MullerUltraLight.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Muller-Regular';
	src:
		url('fonts/Muller-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Muller-Medium';
	src:
		url('fonts/Muller-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Muller-Bold';
	src:
		url('fonts/Muller-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Добавьте в секцию с шрифтами */
@font-face {
	font-family: 'Muller-Thin';
	src: url('fonts/Fontfabric - MullerThin.otf') format('opentype');
	font-weight: 250;
	font-style: normal;
	font-display: swap;
}

* {
	/* box-shadow:0px 0px 0px 1px black inset; */
}

/* Базовые стили для body */
body {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Стили для заголовков */
h1 {
	font-family: 'Muller-Bold';
	font-weight: 500;
	font-size: 26px;
	line-height: 28px;
	letter-spacing: 0;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 20px;
}

h2 {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0;
	margin-top: 0;
	margin-bottom: 18px;
}

h3 {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 0;
	margin-top: 0;
	margin-bottom: 16px;
}

h4 {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0.01em;
	margin-top: 0;
	margin-bottom: 14px;
}

h5 {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.01em;
	margin-top: 0;
	margin-bottom: 12px;
}

h6 {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.01em;
	margin-top: 0;
	margin-bottom: 10px;
}

/* Стили для параграфов */
p {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	margin-top: 0;
	margin-bottom: 15px;
}

/* Стили для ссылок */
a {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	text-decoration: underline;
	text-decoration-style: solid;
	text-underline-offset: auto;
	text-decoration-thickness: auto;
	text-decoration-skip-ink: auto;
	color: #0073aa;
	transition: color 0.3s ease;
}

a:hover {
	color: #255ADF;
	text-decoration: underline;
}

a:hover {
	color: #255ADF;
	text-decoration: underline;
}

/* Контейнер для адаптивности */
.container {
	max-width: 1840px;
	margin: 0 auto;
	padding: 0 15px;
	width: 100%;
	box-sizing: border-box;
}

/* Очистка float */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

/* Базовые стили для изображений */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/* ========== Header Styles ========== */
.site-header {
	position: sticky;
	top: 0;
	width: 100%;
	background: #FFFFFF;
	border-bottom: 1px solid #C9D6DE;
	z-index: 1000;
	transition: all 0.3s ease;
}

.mob_only {
	display: none;
}

.site-header.scrolled {
	height: 60px;
}

.header-container {
	max-width: 1840px;
	margin: 0 auto;
	/*padding: 0 40px;*/
	height: 70px;
	display: flex;
	align-items: center;
	transition: height 0.3s ease;
}

.scrolled .header-container {
	height: 60px;
}

/* Логотип */
.site-branding {
	flex-shrink: 0;
}

.site-branding img {
	width: 177px;
	height: 50px;
	object-fit: contain;
}

header .current_page_item.menu-item-has-children>a {
	background-color: #F3F3F5;
	border-bottom: 1px solid #000000;
}

header .current_page_item.menu-item-has-children>a:hover {
	border-bottom: none;
}

.footer-menu-col ul li:first-child a {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
}

#menu-futer-3 {
	min-width: 200px;
}

/* Вертикальный разделитель */
.header-divider {
	width: 1px;
	height: 100%;
	background-color: #C9D6DE;
	margin-left: 41px;
	margin-right: 41px;
}

/* Навигация */
.main-navigation {
	flex: 1;
}

.main-navigation ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation ul li {
	position: relative;
	margin: 0;
}

.main-navigation ul li a {
	display: flex;
	align-items: center;
	height: 70px;
	padding: 0 20px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #012243;
	text-decoration: none;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.scrolled .main-navigation ul li a {
	height: 60px;
}

.main-navigation ul li:hover>a {
	background-color: #F3F3F5;
	color: #E50004;
	border-left: 1px solid #C9D6DE;
	border-right: 1px solid #C9D6DE;
}

.main-navigation ul li:hover .menu-plus-icon svg path {
	fill: #E50004;
}

.entry-title {
	margin-top: 20px;
}

.menu-plus-icon {
	margin-right: 5px;
	display: inline-flex;
	align-items: center;
}

.menu-plus-icon svg {
	display: block;
}

.menu-plus-icon svg path {
	transition: fill 0.3s ease;
}

/* Подменю */
.main-navigation .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 250px;
	background: #E3E3E8;
	border: 1px solid #C9D6DE;
	border-radius: 0 0 4px 4px;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 100;
	display: block !important;
}

.main-navigation ul li:hover>.sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.main-navigation .sub-menu li {
	display: block;
	margin-bottom: 10px;
}

.main-navigation .sub-menu li:last-child {
	margin-bottom: 0;
}

.main-navigation .sub-menu a {
	height: auto !important;
	padding: 4px 0;
	background: transparent !important;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D1D1B !important;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.main-navigation .sub-menu a:hover {
	color: #E50004 !important;
	border: none !important;
}

/* Контактный блок */
.header-contact {
	width: 200px;
	margin-right: 30px;
	text-align: right;
}

.header-phone {
	display: block;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: #012243;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.header-email {
	display: block;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #012243;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.header-phone:hover,
.header-email:hover {
	color: #E50004;
}

/* Кнопки */
.header-buttons {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	border: none;
	outline: none;
}

.btn-primary {
	width: fit-content;
	height: 46px;
	padding: 15px 20px;
	background: #E50004;
	color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #E50004;
}

.btn-primary:hover {
	background: #c40003;
	border-color: #c40003;
}

.btn-outline {
	width: 130px;
	max-height: 46px;
	padding: 14px 20px;
	background: #FFFFFF;
	color: #E50004;
	border: 1px solid #E50004;
	border-radius: 4px;
}

.btn-outline:hover {
	background: #F2D0D1;
	color: #E50004;
	text-decoration: none;
}

/* Мобильное меню кнопка */
.menu-toggle {
	display: none;
	width: 20px;
	height: 15px;
	position: relative;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	z-index: 1001;
	top: -5px;
}

.menu-toggle span {
	display: block;
	width: 100%;
	height: 3px;
	background: #E50004;
	position: absolute;
	left: 0;
	transition: all 0.3s ease;
}

.menu-toggle span:nth-child(1) {
	top: 6px;
}

.menu-toggle span:nth-child(2) {
	top: 12px;
}

.menu-toggle span:nth-child(3) {
	top: 18px;
}

.menu-toggle.active span:nth-child(1) {
	transform: rotate(45deg);
	top: 14px;
}

.menu-toggle.active span:nth-child(2) {
	opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
	transform: rotate(-45deg);
	top: 14px;
}

/* Мобильное меню панель */
.mobile-menu-panel {
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	height: calc(100vh - 70px);
	background: #F3F3F5;
	transform: translateX(-100%);
	transition: transform 0.3s ease;
	z-index: 999;
	overflow-y: auto;
}

.mobile-menu-panel.active {
	transform: translateX(0);
}

.scrolled .mobile-menu-panel {
	top: 60px;
	height: calc(100vh - 60px);
}

.mobile-menu-container {
	padding: 20px;
}

/* Мобильное меню стили */
#mobile-primary-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mobile-primary-menu li {
	border-bottom: 1px solid #CCCCCC;
}

#mobile-primary-menu li:last-child {
	margin-bottom: 20px;
}

#mobile-primary-menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #012243;
	text-decoration: none;
}

#mobile-primary-menu .mobile-has-children>a {
	color: #012243;
}

#mobile-primary-menu .mobile-has-children>a.active {
	color: #E50004;
}

#mobile-primary-menu .mobile-has-children>a.active .mobile-menu-plus svg path {
	fill: #E50004;
}

.mobile-menu-plus {
	margin-right: 8px;
	display: inline-flex;
	align-items: center;
}

.mobile-submenu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0 0 10px 20px;
	background: #E3E3E8;
	position: relative;
}

ul.sub-menu::after {
	position: absolute;
	content: '';
	width: 19px;
	height: 12px;
	left: 20px;
	top: -1px;
	z-index: 1000;
	background-image: url('img/ugol_pk.svg');
	background-repeat: no-repeat;
}

.mobile-submenu.active {
	display: block;
}

.mobile-submenu li {
	border-bottom: none !important;
}

.mobile-submenu a {
	padding: 10px 0 !important;
	color: #1D1D1B !important;
	text-decoration: underline;
}

.mobile-submenu a:hover {
	color: #E50004 !important;
}

/* Мобильный контактный блок */
.mobile-contact {
	padding-bottom: 20px;
	border-bottom: 1px solid #C9D6DE;
}

.mobile-phone {
	display: block;
	width: 100%;
	height: 46px;
	padding: 15px;
	margin-bottom: 10px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: #E50004;
	text-align: center;
	text-decoration: none;
	border: 1px solid #E50004;
	border-radius: 4px;
	box-sizing: border-box;
}

.mobile-email {
	display: block;
	width: 100%;
	height: 46px;
	padding: 15px;
	margin-bottom: 10px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	text-align: center;
	text-decoration: none;
	border: 1px solid #E50004;
	border-radius: 4px;
	box-sizing: border-box;
}

.mobile-call-button {
	width: 100%;
	height: 46px;
	margin-bottom: 10px;
}

.mobile-presentation-link {
	display: block;
	width: 100%;
	height: 46px;
	padding: 15px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	text-align: center;
	text-decoration: none;
	border: 1px solid #E50004;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Попап */
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	position: absolute;
	bottom: 1px;
}

.wpcf7 form.invalid .wpcf7-response-output {
	position: absolute;
	bottom: 1px;
}

.popup-body .wpcf7-form .wpcf7-not-valid-tip {
	margin-top: 1px;
	position: absolute;
	font-size: 11px;
}

/* ========== Попап с центрированием ========== */
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	display: none;
	align-items: center;
	justify-content: center;
}

.popup.active {
	display: flex;
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	z-index: 2001;
}

.popup-content {
	position: relative;
	width: 464px;
	min-height: 428px;
	background: #FFFFFF;
	padding: 40px 30px;
	border-radius: 5px;
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.16);
	z-index: 2002;
	box-sizing: border-box;
	margin: 0 auto;
}

.popap_title {
	font-size: 26px;
	color: #012243;
}

.popup-close:hover {
	color: #E50004;
}

body.popup-open {
	overflow: hidden;
}

.popup-content {
	width: 464px;
	min-height: 428px;
	background: #FFFFFF;
	padding: 40px 30px;
	padding-bottom: 0;
	border-radius: 5px;
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.16);
	position: relative;
	box-sizing: border-box;
}

.link {
	margin-left: 4px;
	color: #A6A6A6;
}

.popup-close {
	position: absolute;
	top: 30px;
	right: 23px;
	width: 30px;
	height: 30px;
	background: transparent;
	border: none;
	font-size: 30px;
	cursor: pointer;
	color: #E50004;
	transition: color 0.3s ease;
	z-index: 2003;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Заголовок формы */
.popup-body .wpcf7-form p:first-child {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 26px;
	line-height: 28px;
	color: #012243;
	margin: 0 0 20px 0;
	padding: 0;
}

/* Поля формы */
.popup-body .wpcf7-form p {
	margin: 0 0 15px 0;
	padding: 0;
}

.popup-body .wpcf7-form .form-control {
	width: 100%;
	height: 53px;
	padding: 16px 20px;
	border: 1px solid #D4D4D4;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #012243;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.popup-body .wpcf7-form textarea.form-control {
	height: 90px;
}

.popup-body .wpcf7-form .form-control:focus {
	border-color: #E50004;
	box-shadow: 0 0 0 2px rgba(229, 0, 4, 0.1);
}

.popup-body .wpcf7-form .form-control::placeholder {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #A6A6A6;
	opacity: 1;
}

/* Чекбокс */
.popup-body .wpcf7-form p:has(input.form-checkbox) {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	color: #A6A6A6;
}

.wpcf7-form input.form-checkbox,
.wpcf7-form .form-checkbox input[type="checkbox"]{
	width: 25px;
	height: 25px;
	margin: 0 10px 0 0;
	padding: 6px 4px;
	border: 1px solid #D4D4D4;
	border-radius: 5px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #FFFFFF;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.wpcf7-form input.form-checkbox:checked,
.wpcf7-form .form-checkbox input[type="checkbox"]:checked {
	background: #E50004;
	border-color: #E50004;
}

.wpcf7-form input.form-checkbox:checked::after,
.wpcf7-form .form-checkbox input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.wpcf7-form input.form-checkbox+span {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #012243;
}

.wpcf7-form input.form-checkbox+span a {
	color: #E50004;
	text-decoration: underline;
	font-weight: 500;
}

.wpcf7-form input.form-checkbox+span a:hover {
	color: #012243;
}



/* Кнопка отправки */
.popup-body .wpcf7-form .btn-submit {
	width: 100%;
	height: 56px;
	padding: 20px;
	background: #E50004;
	border: none;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-top: 5px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

/* Обращаемся к родительскому параграфу через data-name атрибут */
p:has(span[data-name="acceptance-123"]) {
	margin-top: -20px !important;
	/* или нужное вам значение */
	margin-bottom: 0;
}

.popup-body .wpcf7-form .btn-submit:hover {
	background: #c40003;
}

.popup-body .wpcf7-form .btn-submit:active {
	transform: translateY(1px);
}

/* Стили для ошибок и сообщений */
.popup-body .wpcf7-form .wpcf7-not-valid-tip {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #E50004;
	margin-top: 1px;
}

.popup-body .wpcf7-form .wpcf7-response-output {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	padding: 10px;
	margin: 15px 0 0 0;
	border-radius: 4px;
}

.popup-body .wpcf7-form .wpcf7-mail-sent-ok {
	border-color: #00a32a;
	color: #00a32a;
}

.popup-body .wpcf7-form .wpcf7-mail-sent-ng {
	border-color: #E50004;
	color: #E50004;
}

.popup-body .wpcf7-form .wpcf7-spam-blocked {
	border-color: #ffb900;
	color: #ffb900;
}

.popup-body .wpcf7-form .wpcf7-validation-errors {
	border-color: #E50004;
	color: #E50004;
}

/* Анимация загрузки */
.popup-body .wpcf7-form .wpcf7-spinner {
	background-color: #E50004;
	opacity: 0.5;
}

/* Адаптация для мобильных */
@media (max-width: 500px) {
	.popup-content {
		width: 95%;
		padding: 30px 20px;
	}

	.popup-body .wpcf7-form .form-control {
		height: 48px;
		padding: 14px 16px;
	}

	.popup-body .wpcf7-form .btn-submit {
		height: 50px;
		padding: 16px;
	}
}

.popup-close:hover {
	color: #E50004;
}

.mobile_ver_bottom {
	display: none;
}

/* Медиа-запросы */
@media (max-width: 1200px) {
	.header-container {
		padding: 0 20px;
	}

	.header-contact {
		display: none;
	}
}

@media (max-width: 992px) {
	ul.sub-menu::after {
		position: absolute;
		content: '';
		width: 15px;
		height: 9px;
		left: 20px;
		top: 0;
		z-index: 1000;
		background-image: url('img/ugol.svg');
		background-repeat: no-repeat;
	}

	#mobile-primary-menu a {
		justify-content: start;
	}

	#mobile-primary-menu .mobile-has-children>a.active .menu-plus-icon svg path {
		fill: #E50004 !important;
	}

	#mobile-primary-menu .mobile-has-children>a.active {
		background-color: #fff;
		padding-left: 20px;
	}

	#mobile-primary-menu .mobile-submenu li a {
		text-decoration: underline;
		color: #012243 !important;
		font-size: 14px !important;
		line-height: 16px !important;
		letter-spacing: 1%;
	}

	.main-navigation,
	.header-divider,
	.header-contact,
	.header-buttons {
		display: none;
	}

	.menu-toggle {
		display: block;
		margin-left: auto;
	}

	.header-container {
		height: 60px;
		padding: 0 20px;
	}

	.site-header {
		height: 60px;
	}

	.site-branding img {
		width: 142px;
		height: 40px;
	}

	.mobile-menu-panel {
		top: 60px;
		height: calc(100vh - 60px);
	}

	.scrolled .mobile-menu-panel {
		top: 60px;
	}
}

/* ========== Footer Styles ========== */
.site-footer {
	background: #0C0D14;
	width: 100%;
	padding: 0px 0 0px;
	position: relative;
	margin-top: 100px;
	padding-bottom: 0px;
}

.footer-container {
	max-width: 1920px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px;
}

/* Левая часть */
.footer-left {
	padding-top: 50px;
}

.footer-left>div {
	padding-left: 40px;
	padding-right: 40px;
}

.footer-left>div.footer-divider {
	padding-left: 0;
	padding-right: 0;
}

.footer-logo {
	margin-bottom: 36px;
}

.footer-logo img {
	width: 240px;
	height: 68px;
	object-fit: contain;
}

.footer-divider {
	width: 100%;
	height: 1px;
	background: #2C2D31;
	margin: 30px 0;
}

/* Меню в футере */
.footer-menus {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 83px;
	margin-bottom: 30px;
}

.footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-menu li {
	margin-bottom: 5px;
}

.footer-menu li:last-child {
	margin-bottom: 0;
}

.footer-menu a {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #9A9A9A;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-menu a:hover {
	color: #E50004;
}

/* Контакты в футере */
.footer-contacts {
	display: grid;
	grid-template-columns: 1fr 1fr 254px;
	gap: 30px;
	margin-bottom: -10px;
}

.footer-phones {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-phone {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 34px;
	line-height: 34px;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.footer-phone:hover {
	color: #E50004;
}

.footer-emails {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-email {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-email:hover {
	color: #E50004;
}

.footer-address {
	width: 254px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #9A9A9A;
}

/* Нижняя часть левой колонки */
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.footer-company-logo img {
	width: 214px;
	height: 33px;
	object-fit: contain;
}

.footer-company-info {
	display: flex;
	align-items: start;
	gap: 10px;
	flex-direction: column;
}

.footer-inn {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #9A9A9A;
}

.footer-privacy {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #9A9A9A;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.footer-privacy:hover {
	color: #E50004;
}

/* Правая часть футера */
.footer-right {
	padding-top: 70px;
	padding-right: 40px;
	padding-left: 70px;
	position: relative;
	border-left: 1px solid #2C2D31;
}

.footer-form-title {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 50px;
	line-height: 1;
	color: #9A9A9A;
	margin: 0 0 30px 0;
}

/* Стили для формы в футере */
.footer-form .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.footer-form .wpcf7-form p {
	margin: 0;
}

.footer-form .wpcf7-form .form-control {
	width: 100%;
	max-width: 402px;
	height: 46px;
	padding: 15px;
	background: #212121;
	border: none;
	border-radius: 3px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	box-sizing: border-box;
	outline: none;
}

.footer-form .wpcf7-form .form-control::placeholder {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #AFAFAF;
	margin-top: 10px;
}

.footer-form .wpcf7-form .btn-submit {
	width: 134px;
	height: 46px;
	padding: 15px 20px;
	background: #E50004;
	border: none;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	color: #FFFFFF;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-top: 5px;
}

.footer-form .wpcf7-form .btn-submit:hover {
	background: #c40003;
}

/* Чекбокс в форме */
.footer-form .wpcf7-form p:has(.form-checkbox) {
	display: block;
	margin-top: 0px !important;
	max-width: 402px;
	color: #9A9A9A;
	padding-left: 28px;
}

.footer-form .wpcf7-form p {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

footer .wpcf7 form.sent .wpcf7-response-output {
	color: #FFF;
}

footer .wpcf7-not-valid-tip {
	position: absolute;
}

.footer-form .wpcf7-form p:has(.form-checkbox) span {
	float: left;
	margin-left: -10px;
}

.footer-form .wpcf7-list-item {
	margin: 0;
	margin-right: 4px;
}

.footer-form .wpcf7-form .form-checkbox {
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 4px;
	background: #313131;
	border: none;
	border-radius: 3px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
}

.footer-form .wpcf7-form .form-checkbox:checked {
	background: #252525;
}

.footer-form .wpcf7-form p a {
	color: #9A9A9A;
}

.footer-form .wpcf7-form .form-checkbox:checked::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
}

.footer-form .wpcf7-form .form-checkbox+span {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #9A9A9A;
}

.footer-form .wpcf7-form .form-checkbox+span a {
	color: #E50004;
	text-decoration: underline;
}

.footer-form .wpcf7-form .form-checkbox+span a:hover {
	color: #FFFFFF;
}

/* Копирайт в правой части */
.footer-copyright {
	margin-top: 30px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #9A9A9A;
	text-align: right;
	position: absolute;
	bottom: 10px;
	width: 800px;
}

/* Кнопка "Наверх" */
.scroll-to-top {
	position: fixed;
	bottom: 38px;
	right: 87px;
	width: 50px;
	height: 50px;
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 999;
	opacity: 0.5;
	transition: opacity 0.3s ease;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.scroll-to-top:hover {
	opacity: 1;
}

.scroll-to-top svg {
	width: 70px;
	height: 70px;
}

.scroll-to-top svg rect {
	transition: stroke 0.3s ease;
}

.scroll-to-top svg path {
	transition: fill 0.3s ease;
}

.scroll-to-top:hover svg rect {
	stroke: #E50004;
}

.scroll-to-top:hover svg path {
	fill: #E50004;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.footer-container {
		grid-template-columns: 1fr;
	}

	.footer-right {
		border-left: none;
		padding-left: 0;
	}

	.footer-menus {
		gap: 40px;
	}

	.footer-contacts {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.footer-address {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.footer-container {
		padding: 0 20px;
	}

	.footer-menus {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.footer-company-info {
		flex-wrap: wrap;
		gap: 10px;
	}

	.footer-phone {
		font-size: 24px;
		line-height: 24px;
	}

	.footer-form-title {
		font-size: 36px;
	}

	.scroll-to-top {
		width: 50px;
		height: 50px;
		bottom: 20px;
		right: 20px;
	}

	.scroll-to-top svg {
		width: 50px;
		height: 50px;
	}
}

/*главная страница стили */
/* Hero секция */
.hero-section {
	background: linear-gradient(180deg, #F3F3F5 0%, #FFFFFF 100%);
	padding: 60px 0;
}

.hero-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}

/* Левая колонка */
.hero-left {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-right: 40px;
}

.hero-slogan {
	margin-bottom: 90px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
}

.hero-slogan-light {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	color: #012243;
	display: inline;
}

.hero-slogan-bold {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	color: #012243;
	display: inline;
	margin-left: 5px;
}

.tasks-list {
	flex: 1;
	margin-bottom: 30px;
	padding-left: 120px;
}

.popup textarea {
	margin-top: 10px;
}

.task-item {
	display: grid;
	grid-template-columns: 90px 1fr;
	gap: 30px;
	margin-bottom: 40px;
	align-items: start;
}

.task-item:last-child {
	margin-bottom: 0;
}

.task-number {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1;
	text-transform: uppercase;
	color: #999999;
	position: relative;
	padding-bottom: 20px;
}

.task-number::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90px;
	height: 2px;
	background: #CCCCCC;
}

.task-text {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 70px;
	line-height: 1;
	text-transform: uppercase;
	color: #1D2227;
	margin: 0;
	white-space: pre-line;
}

.hero-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 244px;
	height: 46px;
	padding: 15px 20px;
	background: #E50004;
	border: none;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
	flex-shrink: 0;
	margin-top: 30px;
}

.hero-button:hover {
	background: #c40003;
}

/* Правая колонка */
.hero-right {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.hero-right img {
	max-width: 100%;
	height: auto;
	width: 788.81px;
	height: 727px;
	object-fit: contain;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.hero-wrapper {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.hero-left {
		padding-right: 0;
	}

	.task-text {
		font-size: 50px;
	}
}

@media (max-width: 768px) {
	.hero-section {
		padding: 40px 0;
	}

	.hero-slogan {
		margin-bottom: 50px;
	}

	.hero-slogan-light,
	.hero-slogan-bold {
		font-size: 18px;
		display: block;
	}

	.hero-slogan-bold {
		margin-left: 0;
	}

	.task-item {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.task-number {
		padding-bottom: 15px;
	}

	.task-text {
		font-size: 36px;
	}

	.hero-right img {
		max-height: 500px;
		width: auto;
	}

	.hero-button {
		width: 100%;
	}
}

/* Универсальная бирка для секций */
.section-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 20px;
}

.badge-bracket {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 29px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #4E556A;
	display: inline-block;
}

.badge-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #012243;
}

/* Секция полного цикла */
.cycle-section {
	background: #F3F3F5;
	padding: 100px 0;
}

.cycle-wrapper {
	display: grid;
	grid-template-columns: 890px 1fr;
	gap: 40px;
}

/* Левая часть */
.cycle-left {
	max-width: 890px;
}

.cycle-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 20px 0 5px 0;
}

.add_space,
.indus {
	margin-left: 250px;
	margin-top: -80px;
}

.cycle-subtitle {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	max-width: 630px;
	margin-bottom: 30px;
}

.cycle-image img {
	width: 890px;
	height: 455.62px;
	object-fit: cover;
	border-radius: 5px;
}

/* Правая часть */
.cycle-right {
	max-width: 870px;
}

.cycle-step {
	margin-bottom: 15px;
}

.step-header {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 15px;
}

/* Круг с прогрессом */
.step-circle {
	position: relative;
	width: 90px;
	height: 90px;
	flex-shrink: 0;
}

.step-number {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Muller-UltraLight', Arial, sans-serif;
	font-weight: 250;
	font-size: 44px;
	line-height: 44px;
	color: #E50004;
	z-index: 2;
}

.progress-ring {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-90deg);
}

.progress-ring__circle {
	transition: stroke-dashoffset 0.5s;
	transform-origin: 50% 50%;
}

.step-title {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 36px;
	text-transform: uppercase;
	color: #1D2227;
	max-width: 280px;
}

/* Список пунктов */
.step-items {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 20px;
	/* 90px круг + 30px gap */
}

.own_cs {
	display: flex;
	gap: 20px;
	width: 422px;
	align-items: center;
}

.step-items li {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 10px;
	padding-left: 40px;
	position: relative;
	width: 387px;
}

.podr_link {
	width: 118px;
	display: flex;
	height: 46;
	border-width: 1px;
	color: #E50004;
	border: 1px solid #E50004;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	gap: 10px;
	border-radius: 4px;
	text-decoration: none;
	margin-top: 30px;
}

.podr_link:hover {
	transition: all .3s ease;
	color: #E50004;
	text-decoration: none;
	background-color: #E5000426;
}

.step-items li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30.5px;
	height: 1px;
	background: #4E556A;
}

.step-items li:last-child {
	margin-bottom: 0;
}

/* Разделитель между этапами */
.step-divider {
	width: 841px;
	height: 1px;
	background: transparent;
	border-bottom: 1px dashed #4E556A;
	margin: 0;
	margin-left: 30px;
	/* Отступ слева как у списка */
	opacity: 0.5;
	margin-bottom: 15px;
}

/* Адаптивность */
@media (max-width: 1800px) {
	.cycle-wrapper {
		grid-template-columns: 1fr 1fr;
	}

	.cycle-image img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 1400px) {
	.cycle-wrapper {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.step-divider {
		width: 100%;
		margin-left: 0;
	}

	.step-items {
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.step-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.step-title {
		font-size: 24px;
		line-height: 28px;
	}

	.step-items {
		margin-left: 0;
	}

	.cycle-title {
		font-size: 22px;
		line-height: 26px;
	}
}

/* Секция "Отрасли" */
.industries-section {
	padding: 80px 0;
	background: #FFFFFF;
	padding-bottom: 0px;
}

.industries-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 20px 0 10px 0;
}

.industries-subtitle {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 50px;
}

.industries-grid {
	display: flex;
	justify-content: center;
	gap: 15px;
	max-width: 1360px;
	margin: 0 auto;
	flex-wrap: wrap;
}

.industry-item {
	width: 260px;
	text-align: center;
}

.industry-circle {
	width: 260px;
	height: 260px;
	border: 1px solid #C4D1D9;
	border-radius: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: border-color 0.3s ease;
}

.industry-item:hover .industry-circle {
	border-color: #E50004;
}

.industry-icon {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.industry-title {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #1D2227;
	max-width: 200px;
	margin: 0 auto;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.industries-grid {
		gap: 30px;
	}

	.industry-item {
		width: 220px;
	}

	.industry-circle {
		width: 220px;
		height: 220px;
	}
}

@media (max-width: 992px) {
	.industries-grid {
		gap: 15px;
		flex-wrap: nowrap;
	}

	.industry-item {
		width: 143px;
	}

	.industry-circle {
		width: 143px;
		height: 143px;
	}

	.industry-icon {
		width: 48px;
		height: 48px;
	}

	.industry-title {
		font-size: 14px;
		line-height: 16px;
	}
}

@media (max-width: 768px) {
	.industries-grid {
		gap: 30px;
	}

	.industry-item {
		width: 150px;
	}

	.industry-circle {
		width: 150px;
		height: 150px;
	}

	.industry-icon {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 480px) {
	.industries-grid {
		gap: 20px;
	}

	.industry-item {
		width: 130px;
	}

	.industry-circle {
		width: 130px;
		height: 130px;
	}

	.industry-icon {
		width: 36px;
		height: 36px;
	}

	.industry-title {
		font-size: 12px;
		line-height: 14px;
	}
}

.industry-title,
a.industry-title {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #1D2227;
	max-width: 200px;
	margin: 0 auto;
	text-decoration: none;
	display: block;
	transition: color 0.3s ease;
}

a.industry-title:hover {
	color: #E50004;
}

/* Секция "Акрон Холдинг" */
.holding-section {
	padding: 80px 0;
	background: #FFFFFF;
	padding-bottom: 0;
}

.holding-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

/* Левая часть */
.holding-left {
	max-width: 610px;
	padding-top: 100px;
}

.holding-text-block {
	width: 610px;
	height: 585px;
	margin-bottom: 30px;
	margin-top: -70px;
	margin-left: 250px;
}

.holding-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 20px 0 25px 0;
}

.holding-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #000000;
}

.holding-text p {
	margin-bottom: 15px;
	font-family: 'Muller-Light';
}

.holding-image {
	width: 610px;
	height: 337px;
	margin-bottom: 20px;
}

.holding-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-top: 30px;
}

.holding-link {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #4E556A;
	text-decoration: underline;
	display: inline-block;
	transition: color 0.3s ease;
	margin-top: 30px;
}

.holding-link:hover {
	color: #E50004;
}

/* Правая часть */
.holding-right {
	display: flex;
	justify-content: center;
	background: #F3F3F5;
	min-height: 765px;
	position: relative;
	padding-top: 50px;
}

.stats-container {
	width: 626px;
	padding: 40px;
	padding-right: 0px;
	box-sizing: border-box;
}

/* Декоративные уголки */
.corner {
	position: absolute;
	width: 36px;
	height: 36px;
}

.corner-top-left {
	top: 0;
	left: 0;
}

.corner-top-right {
	top: 0;
	right: 0;
}

.corner-bottom-left {
	bottom: 0;
	left: 0;
}

.corner-bottom-right {
	bottom: 0;
	right: 0;
}

/* Статистические показатели */
.stat-item {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 30px;
	align-items: center;
}

/* Для второго элемента статистики добавляем "более" */
.stat-item:nth-child(2) .stat-number {
	position: relative;
	display: inline-block;
}

.stat-item:nth-child(2) .stat-number::before {
	content: 'более';
	position: absolute;
	bottom: 57px;
	left: -69px;
	transform: translateY(-50%) rotate(-90deg);
	/* Поворачиваем на -90 градусов */
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.stat-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.stat-number {
	font-family: 'Muller-Thin', Arial, sans-serif;
	font-weight: 250;
	font-size: 110px;
	line-height: 160px;
	color: #E50004;
	white-space: nowrap;
}

.stat-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	color: #000000;
	max-width: 469px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #4E556A;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.holding-wrapper {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.holding-right {
		justify-content: center;
	}

	.holding-left {
		max-width: 100%;
	}

	.holding-text-block {
		width: 100%;
		height: auto;
	}

	.holding-image {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 768px) {
	.stat-item {
		grid-template-columns: 1fr;
		text-align: left;
		gap: 10px;
	}

	.stat-number {
		font-size: 80px;
		line-height: 1;
	}

	.stats-container {
		padding: 20px;
		width: 100%;
		min-height: auto;
	}
}

/* Секция "Мощности" */
.capacities-section {
	padding: 0px 0;
	background: #FFFFFF;
	margin-top: -1px;
}

.capacities-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px;
}

/* Левая часть */
.capacities-left {
	display: flex;
	justify-content: center;
	position: relative;
	background: #F3F3F5;
	width: 981px;
	max-height: 744px;
	align-items: end;
}

.capacities-section .container {
	margin-left: 0;
	padding-left: 0;
}

.capacities-stats-block {
	width: 626px;
	min-height: 765px;
	padding: 40px;
	box-sizing: border-box;
}

.capacities-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin-top: 56px;
	/*margin-top: -80px;
	margin-left: 150px;*/
	max-width: 550px;
	margin-left: 70px;
}

.capacities-left .section-badge {
	position: absolute;
	left: 40px;
	top: 80px;
}

.capacities-stats-list {
	margin-bottom: 40px;
	margin-left: 70px;
	padding-top: 40px;
}

.capacity-item {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 30px;
	align-items: center;
}

.capacity-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.capacity-number {
	font-family: 'Muller-Thin', Arial, sans-serif;
	font-weight: 250;
	font-size: 110px;
	line-height: 110px;
	color: #E50004;
	white-space: nowrap;
}

.capacity-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 16px;
	color: #000000;
	max-width: 400px;
	border-bottom: 1px dashed #4E556A;
	padding-bottom: 20px;
}

.capacities-button-wrapper {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 30px;
	bottom: 46px;
}

.capacities-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 118px;
	height: 46px;
	padding: 15px 20px;
	background: transparent;
	border: 1px solid #E50004;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	text-decoration: none;
	transition: all 0.3s ease;
}

.capacities-button:hover {
	background: #E50004;
	color: #FFFFFF;
}

/* Правая часть */
.capacities-right {
	padding-left: 40px;
	padding-top: 100px;
}

.capacities-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #000000;
	margin-bottom: 40px;
	max-width: 800px;
}

.capacities-text p {
	margin-bottom: 15px;
}

.capacities-image {
	width: 820px;
	height: 516px;
}

.capacities-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Адаптивность */
@media (max-width: 1800px) {
	.capacities-image {
		width: 100%;
		height: auto;
	}

	.capacities-image img {
		height: auto;
	}
}

@media (max-width: 1400px) {
	.capacities-wrapper {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.capacities-left {
		justify-content: center;
	}

	.capacities-right {
		padding-left: 0;
	}

	.capacity-number {
		font-size: 80px;
		line-height: 1;
	}
}

@media (max-width: 768px) {
	.capacity-item {
		grid-template-columns: 1fr;
		text-align: left;
		gap: 0px;
		padding-top: 10px;
	}

	.capacities-stats-block {
		padding: 20px;
		width: 100%;
		min-height: auto;
	}

	.capacities-button-wrapper {
		justify-content: center;
	}

	.capacities-title {
		text-align: left;
	}
}

/* Референс-лист архив */
.reference-archive {
	padding: 0px 0 80px;
}

/* Хлебные крошки */
.breadcrumbs {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #9A9A9A;
	margin-bottom: 30px;
	margin-top: 20px;
}

.breadcrumbs a {
	color: #9A9A9A;
	text-decoration: none;
	transition: color 0.3s ease;
}

.breadcrumbs a:hover {
	color: #E50004;
}

.archive-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 0 0 15px 0;
}

.archive-description {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 30px;
	max-width: 800px;
}

/* Сетка карточек */
.reference-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 50px;
}

/* Карточка */
.reference-card {
	position: relative;
	width: 910px;
	height: 420px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	box-sizing: border-box;
}

.card-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.card-content {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 460px;
	height: 380px;
	background: #FFFFFF;
	border-radius: 4px;
	padding: 30px 50px;
	box-sizing: border-box;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 15px;
	overflow-y: auto;
	justify-content: center;
}

.card-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #1D2227;
	margin: 0;
}

.card-description {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 5px;
}

.equipment-title {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 15px;
}

.equipment-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.equipment-item {
	position: relative;
	padding-left: 15px;
}

.equipment-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 5px;
	background: #6F7073;
	border-radius: 50%;
}

.item-name {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 2px;
}

.item-quantity {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #1D2227;
}

/* Кнопка "Показать ещё" */
.load-more-wrapper {
	text-align: center;
}

.load-more-btn {
	width: 100%;
	max-width: 1840px;
	height: 46px;
	padding: 15px 20px;
	background: transparent;
	border: 1px solid #E50004;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	cursor: pointer;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.load-more-btn:hover {
	background: #E50004;
	color: #FFFFFF;
}

.load-more-btn.loading {
	opacity: 0.5;
	cursor: wait;
}

/* Адаптивность */
@media (max-width: 1900px) {
	.reference-card {
		width: 100%;
		height: auto;
		min-height: 420px;
	}

	.card-content {
		width: 400px;
		padding: 20px 30px;
	}
}

@media (max-width: 1400px) {
	.reference-grid {
		grid-template-columns: 1fr;
	}

	.card-content {
		width: 460px;
	}
}

@media (max-width: 768px) {
	.card-content {
		width: calc(100% - 40px);
		left: 20px;
		right: 20px;
		padding: 20px;
	}

	.reference-card {
		min-height: 500px;
	}
}

/* Hover эффект для карточки */
.reference-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.reference-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Эффект для фонового изображения */
.card-background {
	transition: transform 0.5s ease, filter 0.3s ease;
}

.reference-card:hover .card-background {
	transform: scale(1.05);
	filter: brightness(0.8);
}

/* Эффект для белого блока с контентом */
.card-content {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.reference-card:hover .card-content {
	transform: translateX(-5px);
	box-shadow: 0 5px 20px rgba(229, 0, 4, 0.1);
}

/* Легкое подчеркивание заголовка */
.card-title {
	transition: color 0.3s ease;
	position: relative;
	display: inline-block;
}

.card-title::after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 0;
	height: 2px;
	background: #E50004;
	transition: width 0.3s ease;
}

.reference-card:hover .card-title::after {
	width: 100%;
}

/* Легкое изменение цвета для элементов списка */
.equipment-item {
	transition: transform 0.2s ease;
}

.reference-card:hover .equipment-item {
	transform: translateX(3px);
}

.equipment-item::before {
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.reference-card:hover .equipment-item::before {
	background-color: #E50004;
	transform: scale(1.2);
}

.item-name {
	transition: color 0.3s ease;
}

.reference-card:hover .item-name {
	color: #E50004;
}

/* Плавное появление кнопки "Показать ещё" при наведении (опционально) */
.load-more-btn {
	transition: all 0.3s ease;
}

.load-more-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(229, 0, 4, 0.3);
}

/* Анимация появления новых карточек */
.reference-card {
	animation: fadeInUp 0.4s ease forwards;
	opacity: 0;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(200px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Стили для состояния загрузки */
.load-more-btn.loading {
	cursor: wait;
	opacity: 0.5;
}

.load-more-btn.error {
	background: #ff4444;
	color: white;
	border-color: #ff4444;
}

/* Секция "Референс-лист" */
.reference-section {
	padding: 80px 0;
	background: #FFFFFF;
}

.reference-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-left: 240px;
	margin-top: -70px;
	margin-bottom: 54px;
}

.reference-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 0 0 10px 0;
}

.reference-subtitle {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
}

/* Стрелки */
.reference-arrows {
	display: flex;
	gap: 20px;
}

.ref-arrow {
	width: 70px;
	height: 70px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: opacity 0.3s ease;
}

.ref-arrow.slick-disabled {
	opacity: 0.5;
	cursor: default;
}

.ref-arrow svg rect {
	transition: stroke 0.3s ease;
}

.ref-arrow:not(.slick-disabled):hover svg rect {
	stroke: #E50004;
}

/* Слайдер */
.reference-slider {
	max-width: 1920px;
	margin: 0 auto 0px;
	display: flex !important;
	justify-content: end;
}

.reference-slider .slick-list {
	max-width: 1580px;
}

.reference-slide {
	padding: 0 10px;
}

.project-card {
	background: #F3F3F5;
	border-radius: 4px;
	overflow: hidden;
	height: 489px;
	/* Фиксированная высота */
	display: flex;
	flex-direction: column;
}

.project-image {
	width: 100%;
	height: 180px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
}

.project-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.project-card:hover .project-image img {
	transform: scale(1.05);
}

.project-content {
	padding: 20px;
}

.project-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: #1D2227;
	margin: 0 0 10px 0;
}

.project-description {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 15px;
}

.project-equipment .equipment-title {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 10px;
}

.project-equipment .equipment-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.project-equipment .equipment-item {
	position: relative;
	padding-left: 15px;
}

.project-equipment .equipment-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 5px;
	background: #6F7073;
	border-radius: 50%;
}

.project-equipment .item-name {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 2px;
}

.project-equipment .item-quantity {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #1D2227;
}

/* Нижняя строка */
.reference-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	margin-left: 240px;
}

.ref-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 232px;
	height: 46px;
	padding: 15px 20px;
	background: transparent;
	border: 1px solid #E50004;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	text-decoration: none;
	transition: all 0.3s ease;
}

.ref-button:hover {
	background: #E50004;
	color: #FFFFFF;
}

/* Dots навигация */
.slider-dots {
	display: flex;
	gap: 30px;
	margin-right: 10px;
}

.slider-dots .slick-dots {
	display: flex;
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-dots .slick-dots li {
	margin: 0;
}

.slider-dots .slick-dots button {
	width: 7px;
	height: 7px;
	padding: 0;
	background: #CFD5D8;
	border: none;
	border-radius: 0%;
	font-size: 0;
	cursor: pointer;
	transition: background 0.3s ease;
}

.slider-dots .slick-dots .slick-active button {
	background: #4E556A;
}

/* Адаптивность */
@media (max-width: 1600px) {
	.reference-slider {
		max-width: 100%;
	}
}

@media (max-width: 1200px) {
	.reference-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.reference-arrows {
		align-self: flex-end;
	}
}

@media (max-width: 768px) {
	.reference-arrows {
		display: none;
	}

	.reference-bottom {
		flex-direction: column;
		gap: 20px;
	}

	.ref-button {
		width: 100%;
	}
}

/* Секция "Поставщики" */
.suppliers-section {
	background: #F3F3F5;
	padding: 80px 0;
}

.suppliers-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin-left: 240px;
	margin-top: -50px;
	margin-bottom: 30px;
}

.suppliers-wrapper {
	display: grid;
	grid-template-columns: 1001px 1fr;
	gap: 40px;
	padding-left: 240px;
}

/* Левая колонка с логотипами */
.suppliers-left {
	width: 1001px;
}

.logos-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
	background: #F3F3F5;
}

.logo-item {
	width: 250.25px;
	height: 172.67px;
	background: #FFFFFF;
	padding: 30px 20px;
	border-right: 1px solid #F3F3F5;
	border-bottom: 1px solid #F3F3F5;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.logo-item.no-border-right {
	border-right: none;
}

.logo-item.no-border-bottom {
	border-bottom: none;
}

.supplier-logo {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

@media (max-width: 992px) {
	.supplier-logo {
		filter: none;
	}
}

.logo-item:hover .supplier-logo {
	filter: grayscale(0%);
}

/* Правая колонка */
.suppliers-right {
	width: 549px;
	/* height: 518px; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	padding-right: 20px;
}

.decorative-plus {
	align-self: flex-end;
	margin-bottom: 20px;
}

.decorative-plus svg {
	display: block;
}

/* Ссылки */
.suppliers-links {
	width: 100%;
	margin-bottom: -40px;
}

.supplier-link {
	display: block;
	font-family: 'Muller-Thin', Arial, sans-serif;
	font-weight: 250;
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
	color: #1D2227;
	text-decoration: none;
	padding-bottom: 5px;
	transition: color 0.3s ease;
	width: fit-content;
	pointer-events: none;
}

.supplier-link:hover {
	color: #E50004;
}

.link-divider {
	width: 509px;
	height: 15px;
	border-bottom: 1px dashed #4E556A;
	margin-bottom: 30px;
}

/* Адаптивность */
@media (max-width: 1800px) {
	.suppliers-wrapper {
		grid-template-columns: 1fr 1fr;
	}

	.suppliers-left {
		width: 100%;
	}

	.logo-item {
		width: 100%;
		height: auto;
		/* aspect-ratio: 1.449; */
	}
}

@media (max-width: 1400px) {
	.suppliers-wrapper {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.suppliers-right {
		width: 100%;
		height: auto;
		min-height: 518px;
	}

	.link-divider {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.logos-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.supplier-link {
		font-size: 36px;
		line-height: 40px;
	}

	.link-divider {
		height: 10px;
	}

	.decorative-plus {
		width: 60px;
		height: 60px;
	}

	.decorative-plus svg {
		width: 60px;
		height: 60px;
	}
}

@media (max-width: 480px) {
	.supplier-link {
		font-size: 24px;
		line-height: 32px;
	}
}

/* Секция "Документация" */
.docs-section {
	background: #FFFFFF;
	padding: 80px 0;
	padding-bottom: 0;
}

.docs-header {
	display: flex;
	margin-left: 240px;
	margin-top: -60px;
}

.docs-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 0 0 10px 0;
}

.docs-subtitle {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	max-width: 630px;
}

.docs-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 46px;
	padding: 15px 20px;
	background: transparent;
	border: 1px solid #E50004;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	text-decoration: none;
	transition: all 0.3s ease;
	position: absolute;
	left: 62%;
	margin-top: 110px;
	z-index: 10;
}

.docs-button:hover {
	background: #E50004;
	color: #FFFFFF;
	text-decoration: none;
}

/* Слайдер */
.docs-slider-container {
	width: 100%;
	max-width: 1520px;
	/*overflow: hidden;*/
	margin-top: 40px;
	margin-left: 240px;
}

.docs-slider {
	margin: 0 -5px;
}

.doc-slide {
	padding: 0;
	box-sizing: border-box;
}

/* Основные слайды (первые 3) */
.doc-slide {
	width: auto;
}

/* Остальные слайды (будут видны частично) */
.doc-slide:not(.slick-active) .doc-preview {
	width: 165px;
	height: 235.125px;
}

.doc-item {
	display: block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

.doc-preview {
	width: 280px;
	height: 400px;
	border: 1px solid #4E556A;
	transition: all 0.3s ease-out;
	overflow: hidden;
	margin-bottom: 10px;
}

.doc-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-out;
}

.doc-item:hover .doc-preview {
	border-color: #E50004;
	box-shadow: 0 5px 15px rgba(229, 0, 4, 0.1);
}

.doc-item:hover .doc-preview img {
	transform: scale(1.05);
}

.doc-title {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	text-align: center;
	margin-top: 10px;
	display: none;
}

.docs-slider-container .slick-track {
	display: flex !important;
	align-items: end;
	gap: 5px;
}

/* Стили для неактивных слайдов (частично видимые) */
.slick-slide:not(.slick-active) .doc-preview {
	width: 165px;
	height: 235.125px;
	border-color: #D8D8D8;
}

.slick-slide:not(.slick-active) .doc-title {
	font-size: 12px;
	line-height: 14px;
}

/* Magnific Popup кастомизация */
.mfp-zoom-in .mfp-content {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-content {
	opacity: 1;
	transform: scale(1);
}

.mfp-zoom-in.mfp-removing .mfp-content {
	opacity: 0;
	transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.docs-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.docs-button {
		align-self: flex-start;
	}
}

@media (max-width: 768px) {
	.doc-preview {
		width: 220px;
		height: 315px;
	}

	.slick-slide:not(.slick-active) .doc-preview {
		width: 130px;
		height: 186px;
	}
}

@media (max-width: 576px) {
	.doc-preview {
		width: 180px;
		height: 257px;
	}

	.slick-slide:not(.slick-active) .doc-preview {
		width: 100px;
		height: 143px;
	}

	.docs-button {
		width: 100%;
	}
}

/* Страница О компании */
.page-about {
	padding: 40px 0 0px;
}

.page-about .container {
	padding: 0;
}

.page-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 20px 0 40px 0;
}

/* Панель вкладок */
.tabs-navigation {
	display: flex;
	gap: 10px;
	width: 100%;
	max-width: 1840px;
	height: 68px;
	background: #F3F3F5;
	border-bottom: 1px solid #B0C3CF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.tab-link {
	display: flex;
	align-items: center;
	height: 58px;
	padding: 20px 30px;
	background: #E3E3E8;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	color: #1D2227;
	text-decoration: none;
	box-sizing: border-box;
	white-space: nowrap;
	margin-top: -1px;
}

.tab-link:hover {
	text-decoration: none;
	color: #E50004;
}

.tab-link.active {
	background: #FFFFFF;
	transform: translateY(1px);
	height: 59px;
	border: 1px solid #B0C3CF !important;
	border-bottom: none !important;
}

/* Контент вкладок */
.tab-pane {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.tab-pane.active {
	display: block;
	opacity: 1;
	animation: fadeIn 0.3s ease;
}

/* Секция 1 - Заголовок и описание */
.tab-company-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin: 0 0 20px 0;
	max-width: 610px;
	position: relative;
	z-index: 2;
}

.tab-company-desc {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	max-width: 610px;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}

/* Блок с фоновым изображением */
.company-hero-block {
	position: relative;
	width: 100%;
	max-width: 1700px;
	height: 714px;
	margin-bottom: 60px;
	background-size: cover;
	background-position: center;
	margin-top: -170px;
	z-index: 0;
}

/* Плавающий блок */
.floating-block {
	position: absolute;
	top: 50px;
	right: 250px;
	width: 529px;
	background: rgba(255, 255, 255, 0.6);
	padding: 30px;
	box-sizing: border-box;
	border-radius: 4px;
	z-index: 1;
}

.floating-corner {
	position: absolute;
	width: 36px;
	height: 36px;
}

.corner-tl {
	top: 0;
	left: 0;
}

.corner-tr {
	top: 0;
	right: 0;
	transform: rotate(90deg);
}

.corner-bl {
	bottom: 0;
	left: 0;
	transform: rotate(-90deg);
}

.corner-br {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}

.floating-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 20px;
}

.floating-image {
	width: 202px;
	height: 72.75px;
	margin-bottom: 20px;
}

.floating-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Статистика в плавающем блоке */
.floating-stats {
	display: flex;
	gap: 30px;
	margin-top: 20px;
}

.floating-stat {
	flex: 1;
}

.floating-stats .stat-number {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 44px;
	line-height: 50px;
	color: #1D2227;
	margin-bottom: 5px;
}

.stat-label {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #1D2227;
	white-space: pre-line;
}

/* Секция направлений деятельности */
.directions-section {
	width: 100%;
	max-width: 1840px;
	padding: 50px 40px 80px;
	background: #F3F3F5;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 60px;
}

.directions-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin: 0 0 20px 0;
}

.directions-divider {
	width: 100%;
	height: 1px;
	background: #CFD5D8;
	margin-bottom: 30px;
}

.directions-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}

.direction-col-title {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0.01em;
	color: #E50004;
	margin-bottom: 20px;
}

.direction-items {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.direction-item {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 855px;
	min-height: 50px;
	background: #FFFFFF;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding: 5px;
	box-sizing: border-box;
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.06);
}

.direction-item:hover {
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.11);
}

.item-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #F3F3F5;
	border: 1px solid #CFD5D8;
	border-radius: 100px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #E50004;
	margin-right: 15px;
	flex-shrink: 0;
}

.item-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #1D2227;
}

/* Адаптивность */
@media (max-width: 1800px) {
	.floating-block {
		right: 40px;
	}

	.directions-grid {
		gap: 30px;
	}
}

@media (max-width: 1400px) {
	.floating-block {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		margin-top: 20px;
	}

	.company-hero-block {
		height: auto;
		min-height: 714px;
		display: flex;
		align-items: flex-end;
	}

	.floating-stats {
		flex-wrap: wrap;
	}
}

@media (max-width: 992px) {
	.tabs-navigation {
		overflow-x: auto;
		white-space: nowrap;
	}

	.directions-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.floating-block {
		padding: 20px;
	}

	.floating-stats {
		flex-direction: column;
	}

	.direction-item {
		border-radius: 50px;
	}
}

/* Вкладка Опыт и мощности */
.tab-experience-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin: 0 0 20px 0;
}

.tab-experience-desc {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	max-width: 920px;
	margin-bottom: 30px;
}

/* Карточки */
.experience-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-bottom: 60px;
}

.experience-card {
	width: 100%;
	max-width: 452px;
	min-height: 536px;
	background: #F3F3F5;
	padding: 30px;
	box-sizing: border-box;
}

.experience-card br {
	display: none;
}

.card-header {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #E50004;
	margin: 0 0 20px 0;
}

.card-image {
	width: 100%;
	height: 140px;
	border-top: 1px solid #C9D6DE;
	border-bottom: 1px solid #C9D6DE;
	margin-bottom: 20px;
	overflow: hidden;
}

.card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-stats {
	padding: 0 0px;
}

.exp-stat-item {
	margin-bottom: 20px;
}

.exp-stat-item:last-child {
	margin-bottom: 0;
}

.exp-stat-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 5px;
}

.exp-stat-number {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 34px;
	line-height: 30px;
	color: #E50004;
	white-space: nowrap;
}

.exp-stat-divider {
	flex: 1;
	height: 0;
	border-bottom: 1px dashed #4E556A;
}

.exp-stat-label {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #1D2227;
}

/* Адаптивность */
@media (max-width: 1600px) {
	.experience-cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.experience-card {
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.experience-cards {
		grid-template-columns: 1fr;
	}

	.exp-stat-number {
		font-size: 28px;
		line-height: 24px;
	}

	.exp-stat-label {
		font-size: 14px;
		line-height: 16px;
	}
}

/* Рекомендуемый hover эффект - элегантный минимализм */
.experience-card {
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	cursor: pointer;
}

.card-header {
	position: relative;
	transition: color 0.3s ease;
}

.card-header::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 2px;
	background: #E50004;
	transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.experience-card:hover {
	background: #ffffff;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.experience-card:hover .card-header {
	color: #E50004;
}

.experience-card:hover .card-header::after {
	width: 50px;
}

.card-image {
	overflow: hidden;
}

.card-image img {
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.experience-card:hover .card-image img {
	transform: scale(1.05);
}

.exp-stat-number {
	transition: color 0.3s ease, transform 0.3s ease;
	display: inline-block;
}

.experience-card:hover .exp-stat-number {
	color: #1D2227;
	transform: translateX(3px);
}

.exp-stat-divider {
	transition: border-color 0.3s ease, width 0.3s ease;
}

.experience-card:hover .exp-stat-divider {
	border-color: #E50004;
}

.exp-stat-label {
	transition: color 0.3s ease, transform 0.3s ease;
}

.experience-card:hover .exp-stat-label {
	color: #E50004;
	transform: translateX(3px);
}

/* Вкладка Партнёры */
.tab-partners-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin: 20px 0 40px 0;
}

.partners-wrapper {
	display: grid;
	grid-template-columns: 1001px 1fr;
	gap: 40px;
}

.partners-left {
	width: 1001px;
}

.partners-wrapper .decorative-plus {
	align-self: start;
}

.partners-logos-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: #CFD5D8;
}

.partners-logo-item {
	width: 250.25px;
	height: 172.67px;
	background: #F3F3F5;
	padding: 30px 20px;
	border-right: 1px solid #F3F3F5;
	border-bottom: 1px solid #F3F3F5;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.partners-logo-item.no-border-right {
	border-right: none;
}

.partners-logo-item.no-border-bottom {
	border-bottom: none;
}

.partners-logo {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

.partners-logo-item:hover .partners-logo {
	filter: grayscale(0%);
}

.partners-right {
	width: 811px;
	height: 518px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.partners-links {
	width: 100%;
	margin-bottom: -40px;
}

.partners-link {
	display: block;
	font-family: 'Muller-Thin', Arial, sans-serif;
	font-weight: 250;
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
	color: #1D2227;
	text-decoration: none;
	padding-bottom: 0px;
	transition: color 0.3s ease;
	width: fit-content;
	pointer-events: none;
}

.partners-link:hover {
	color: #E50004;
}

.partners-link-divider {
	width: 509px;
	height: 15px;
	border-bottom: 1px dashed #4E556A;
	margin-bottom: 30px;
}

@media (max-width: 1800px) {
	.partners-wrapper {
		grid-template-columns: 1fr 1fr;
	}

	.partners-left {
		width: 100%;
	}

	.partners-logo-item {
		width: 100%;
		height: auto;
		/* aspect-ratio: 1.449; */
	}
}

@media (max-width: 1400px) {
	.partners-wrapper {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.partners-right {
		width: 100%;
		height: auto;
		min-height: 518px;
	}

	.partners-link-divider {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.partners-logos-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.partners-link {
		font-size: 36px;
		line-height: 40px;
	}

	.partners-link-divider {
		height: 40px;
	}
}

/* Вкладка Документация - новый дизайн */
.tab-docs-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 20px 0 40px 0;
}

.tab-docs-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin: 0 0 10px 0;
}

.tab-docs-subtitle {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	max-width: 920px;
}

.tab-docs-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 46px;
	padding: 15px 20px;
	background: transparent;
	border: 1px solid #E50004;
	border-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	text-decoration: none;
	transition: all 0.3s ease;
}

.tab-docs-button:hover {
	background: #E50004;
	color: #FFFFFF;
}

/* Большое изображение */
.tab-docs-large {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.large-image-container {
	position: relative;
	width: 352px;
	height: 501px;
	padding: 0px;
	overflow: hidden;
	cursor: pointer;
}

.large-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.large-image-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
	color: white;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
}

/* Контейнер миниатюр */
.tab-docs-thumbnails-container {
	position: relative;
	width: 1448px;
	padding: 0 20px;
	padding-right: 0;
	box-sizing: border-box;
}

.tab-docs-thumbnails-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
}

.navi_group {
	display: flex;
	justify-content: space-between;
}

/* Стрелки для миниатюр */
.tab-docs-thumb-arrows {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}

.tab-docs-thumb-arrow {
	width: 70px;
	height: 70px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	transition: opacity 0.3s ease;
	flex-shrink: 0;
}

.tab-docs-thumb-arrow.slick-disabled {
	opacity: 0.3;
	cursor: default;
}

.tab-docs-thumb-arrow:hover:not(.slick-disabled) svg rect {
	stroke: #E50004;
}

.tab-docs-thumb-arrow:hover:not(.slick-disabled) svg path {
	fill: #E50004;
}

/* Сетка миниатюр */
.tab-docs-thumbnails {
	display: flex;
	gap: 9px;
	overflow-x: hidden;
	scroll-behavior: smooth;
	padding-bottom: 32px;
	padding-top: 30px;
	padding-left: 12px;
	padding-right: 12px;
	scrollbar-width: thin;
	scrollbar-color: #E50004 #F3F3F5;
	flex: 1;
}

.tab-docs-thumbnails::-webkit-scrollbar {
	height: 6px;
}

.tab-docs-thumbnails::-webkit-scrollbar-track {
	background: #F3F3F5;
	border-radius: 3px;
}

.tab-docs-thumbnails::-webkit-scrollbar-thumb {
	background: #E50004;
	border-radius: 3px;
}

/* Миниатюра */
.tab-doc-thumb {
	flex: 0 0 auto;
	width: 228px;
	height: 325px;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
}

.tab-doc-thumb.active {
	border-color: #E50004;
	transform: scale(1.02);
	display: none;
}

.tab-doc-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.4);
	transition: opacity 0.3s ease;
}

.tab-doc-thumb.active .thumb-overlay,
.tab-doc-thumb:hover .thumb-overlay {
	opacity: 0;
}

.tab-doc-thumb:hover {
	border-color: #E50004;
}

/* Dots навигация */
.tab-docs-thumb-dots {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-top: 30px;
}

.tab-docs-thumb-dots .dot {
	width: 7px;
	height: 7px;
	padding: 0;
	background: #CFD5D8;
	border: none;
	cursor: pointer;
	transition: background 0.3s ease;
}

.tab-docs-thumb-dots .dot.active {
	background: #4E556A;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.tab-docs-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.tab-docs-button {
		align-self: flex-start;
	}

	.large-image-container {
		width: 500px;
		height: 715px;
	}
}

@media (max-width: 1200px) {
	.tab-docs-thumbnails-container {
		padding: 0 60px;
	}

	.tab-docs-thumb-arrow {
		width: 50px;
		height: 50px;
	}

	.tab-docs-thumb-arrow svg {
		width: 50px;
		height: 50px;
	}
}

@media (max-width: 992px) {
	.large-image-container {
		width: 400px;
		height: 570px;
	}

	.tab-doc-thumb {
		width: 130px;
		height: 185px;
	}

	.tab-docs-thumbnails-container {
		padding: 0 40px;
	}
}

@media (max-width: 768px) {
	.tab-docs-button {
		width: 100%;
	}

	.large-image-container {
		width: 300px;
		height: 430px;
	}

	.tab-docs-thumbnails-wrapper {
		flex-direction: column;
		gap: 15px;
	}

	.tab-docs-thumb-arrows {
		order: 2;
	}

	.tab-doc-thumb {
		width: 100px;
		height: 145px;
	}

	.tab-docs-thumbnails-container {
		padding: 0 20px;
	}
}

/* Страница "Как мы работаем" */
.page-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 20px 0 20px 0;
}

.step-icon {
	width: 272.5px;
	height: 42px;
}

.page-subtitle {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	max-width: 830px;
	margin-bottom: 40px;
}

/* Вкладки */
.work-tabs .tabs-navigation {
	display: flex;
	gap: 10px;
	width: 100%;
	background: #F3F3F5;
	border-bottom: 1px solid #B0C3CF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.work-tabs .tab-link {
	display: flex;
	align-items: center;
	height: 58px;
	padding: 0 30px;
	background: #E3E3E8;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #1D2227;
	text-decoration: none;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.work-tabs .tab-link.active {
	background: #FFFFFF;
	transform: translateY(1px);
	height: 59px;
	border-bottom: none;
}

/* Легенда */
.work-legend {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	flex-direction: column;
}

.legend-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.legend-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #5C5C5C;
}

/* Сетка этапов */
.steps-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;
	margin-top: 30px;
}

.step-card {
	width: 302.5px;
	min-height: 283px;
	background: #FFFFFF;
	border: 1px solid #CFD5D8;
	border-radius: 4px;
	padding: 20px 15px 30px;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

.step-card.active {
	border-color: #E50004;
	box-shadow: 0 5px 15px rgba(229, 0, 4, 0.1);
}

.step-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 15px;
}

.step-number {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 18px;
	color: #1D2227;
}

.step-number.active {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
}

.step-indicator svg {
	display: block;
	max-width: 100%;
}

.tabs-content .step-title {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	text-transform: unset;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin: 0 0 10px 0;
	margin-top: 30px;
}

.step-description {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
}

.step-description ul {
	list-style: disc;
	padding-left: 20px;
}

.step-description ul li {
	margin-bottom: 5px;
}

.steps-grid .step-card:nth-child(n+3) {
	background-color: #F1F1F3;
}

.steps-grid .step-card {
	position: relative;
	transition: all 0.3s ease;
	overflow: hidden;
}

.steps-grid .step-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(229, 0, 4, 0.05) 0%, transparent 50%);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.steps-grid .step-card:hover {
	border-color: #E50004;
	box-shadow: 0 5px 20px rgba(229, 0, 4, 0.1);
}

.steps-grid .step-card:hover::before {
	opacity: 1;
}

.steps-grid .step-card:hover .step-number.active {
	color: #1D2227;
}

/* Адаптивность */
@media (max-width: 1800px) {
	.step-card {
		width: 100%;
	}
}

@media (max-width: 1400px) {
	.steps-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.work-tabs .tab-link {
		white-space: normal;
		text-align: center;
		padding: 15px 20px;
		height: auto;
	}
}

@media (max-width: 992px) {
	.steps-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.work-legend {
		flex-direction: column;
		gap: 15px;
	}
}

@media (max-width: 768px) {
	.steps-grid {
		grid-template-columns: 1fr;
	}

	.work-tabs .tabs-navigation {
		flex-direction: column;
		height: auto;
		padding: 10px;
	}

	.work-tabs .tab-link {
		width: 100%;
		justify-content: center;
	}
}

/* Анимация появления блоков */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.step-card {
	opacity: 0;
	/* Изначально скрыты */
}

.tab-pane.active .step-card {
	opacity: 0;
	/* Сбрасываем перед анимацией */
}

/* Эти стили будут применяться через JS с задержкой */
.step-card.animated {
	animation: fadeInUp 0.5s ease forwards;
}

.page-id-19 .container {
	padding: 0;
}

/* Горизонтальный аккордеон */
.horizontal-accordion-container {
	width: 100%;
	margin-top: 36px;
	white-space: nowrap;
	scrollbar-width: thin;
	scrollbar-color: #E50004 #F1F1F3;
}

.horizontal-accordion-container::-webkit-scrollbar {
	height: 6px;
}

.horizontal-accordion-container::-webkit-scrollbar-track {
	background: #F1F1F3;
	border-radius: 3px;
}

.horizontal-accordion-container::-webkit-scrollbar-thumb {
	background: #E50004;
	border-radius: 3px;
}

.horizontal-accordion {
	display: flex;
	gap: 5px;
	min-width: min-content;
	height: 437px;
}

.accordion-slide {
	height: 437px;
	background: #F9F9FA;
	border-radius: 0;
	transition: width 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	white-space: normal;
}

.accordion-slide.active {
	background: #F1F1F3;
}

.accordion-slide.active .slide-content.active-content {
	padding: 114px 20px 20px 20px;
}

.page-general-contractor .page-description {
	max-width: 830px;
}

.accordion-slide .collapsed-header {
	display: none;
}

.accordion-slide.active .collapsed-header {
	display: block;
}

.collapsed-image-wrapper img {
	opacity: .3;
	transition: all .7s ease;
}

.collapsed-image-wrapper img:hover {
	opacity: 1;
}

.accordion-slide.active .collapsed-image-wrapper img {
	opacity: 1;
}

/* Иконка */
.slide-icon-wrapper {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 3;
}

.slide-icon-wrapper svg {
	width: 76px;
	height: 76px;
	display: block;
}

/* Контент для активного слайда */
.slide-content.active-content {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 20px 20px 20px 116px;
	/* 20px + 76px иконка + 20px отступ */
	box-sizing: border-box;
	gap: 20px;
}

.content-left {
	flex: 1;
	max-width: 500px;
}

.content-left ul {
	list-style: circle;
}

.slide-title {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0.01em;
	color: #E50004;
	margin: 0 0 15px 0;
}

.slide-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
}

.slide-text ul,
.slide-text ol {
	margin: 0;
	padding-left: 20px;
}

.slide-text li {
	margin-bottom: 5px;
}

.content-right {
	flex-shrink: 0;
	width: 370px;
}

.slide-image-wrapper {
	position: relative;
	width: 370px;
	height: 301px;
	border-bottom-right-radius: 30px;
	overflow: hidden;
}

.slide-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	height: 301px;
}

.slide-close-btn {
	position: absolute;
	bottom: 9px;
	right: 20px;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.3s ease;
	width: 44px;
	height: 44px;
}

.slide-close-btn:hover {
	opacity: 1;
}

/* Контент для неактивного слайда */
.slide-content.collapsed-content {
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
}

.collapsed-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide-open-btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	opacity: 0.8;
	width: 44px;
	height: 44px;
	transition: opacity 0.3s ease;
}

.slide-open-btn:hover {
	opacity: 1;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.horizontal-accordion-container {
		overflow-x: auto;
	}
}

@media (max-width: 768px) {
	.slide-content.active-content {
		flex-direction: column;
		padding: 20px;
	}

	.content-right {
		width: 100%;
	}

	.slide-image-wrapper {
		width: 100%;
		height: auto;
	}

	.slide-image-wrapper img {
		height: auto;
	}

	.slide-icon-wrapper {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 15px;
	}

	.accordion-slide.active {
		width: 100% !important;
	}
}

/* Заголовок в свернутом состоянии */
.collapsed-header {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
}

.collapsed-title {
	font-family: 'Muller-Medium', Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #1D2227;
	margin: 0;
	white-space: normal;
	word-wrap: break-word;
	max-width: 100%;
}

/* Контент для неактивного слайда */
.slide-content.collapsed-content {
	width: 100%;
	height: 100%;
	padding: 20px 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.collapsed-image-wrapper {
	position: relative;
	width: 106px;
	height: 301px;
	border-bottom-right-radius: 30px;
	overflow: hidden;
	margin-top: auto;
	align-self: flex-end;
}

/* Адаптивность */
@media (max-width: 768px) {
	.collapsed-title {
		font-size: 14px;
		line-height: 16px;
	}

	.collapsed-image-wrapper {
		width: 80px;
		height: 200px;
	}
}

/* Мобильная версия - вертикальный аккордеон */
@media (max-width: 992px) {
	.horizontal-accordion-container {
		overflow-x: visible;
		overflow-y: visible;
		padding: 0;
	}

	.horizontal-accordion {
		display: block;
		height: auto;
		min-width: 100%;
	}

	.accordion-slide {
		width: 100% !important;
		height: auto;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		transition: all 0.3s ease;
	}

	.accordion-slide.active {
		width: 100% !important;
	}

	/* Переворачиваем стрелки для вертикального режима */
	.slide-close-btn svg,
	.slide-open-btn svg {
		transform: rotate(90deg);
	}

	/* Адаптация контента */
	.slide-content.active-content {
		flex-direction: column;
		padding: 20px;
	}

	.content-left {
		max-width: 100%;
	}

	.content-right {
		width: 100%;
		margin-top: 20px;
	}

	.slide-image-wrapper {
		width: 100%;
		height: auto;
	}

	.slide-image-wrapper img {
		height: auto;
	}

	.collapsed-content {
		display: flex !important;
		flex-direction: row;
		align-items: center;
		gap: 15px;
	}

	.collapsed-header {
		flex: 1;
		border-bottom: none;
		padding: 0;
		margin: 0;
	}

	.collapsed-title {
		font-size: 16px;
		line-height: 18px;
	}

	.collapsed-image-wrapper {
		width: 80px;
		height: 100px;
		margin: 0;
		flex-shrink: 0;
	}

	.slide-icon-wrapper {
		position: relative;
		top: auto;
		left: auto;
		margin-bottom: 15px;
	}

	/* Анимация для вертикального открытия */
	.accordion-slide .slide-content.collapsed-content {
		max-height: 150px;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	.accordion-slide.active .slide-content.collapsed-content {
		display: none !important;
	}

	.accordion-slide.active .slide-content.active-content {
		display: flex !important;
	}
}

@media (max-width: 576px) {
	.collapsed-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.collapsed-image-wrapper {
		width: 100%;
		height: auto;
	}

	.collapsed-image-wrapper img {
		height: auto;
	}

	.slide-close-btn svg,
	.slide-open-btn svg {
		width: 36px;
		height: 36px;
	}
}

/* Вертикальные стрелки для мобильной версии */
@media (max-width: 992px) {

	.slide-close-btn svg,
	.slide-open-btn svg {
		transform: rotate(90deg);
		transition: transform 0.3s ease;
	}

	.accordion-slide.active .slide-close-btn svg {
		transform: rotate(-90deg);
	}

	/* Улучшенный вид для свернутых слайдов */
	.collapsed-content {
		cursor: pointer;
		transition: background-color 0.3s ease;
	}

	.collapsed-content:hover {
		background-color: rgba(229, 0, 4, 0.05);
	}

	.collapsed-content:hover .collapsed-title {
		color: #E50004;
	}

	/* Анимация открытия/закрытия */
	.accordion-slide .active-content {
		display: none;
		animation: slideDown 0.3s ease;
	}

	.accordion-slide.active .active-content {
		display: flex;
	}

	@keyframes slideDown {
		from {
			opacity: 0;
			transform: translateY(-20px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
}

.gensubtitle {
	font-weight: 700;
	font-size: 24px;
	font-family: 'Muller-Bold';
	margin-bottom: 20px;
}

/* Прогресс круг */
.progress-circle {
	position: relative;
	width: 76px;
	height: 76px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.progress-circle__inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.progress-circle__number {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 20px;
	color: #1D2227;
}

.progress-circle__number.active {
	color: #1D2227;
}

.progress-circle__svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotate(0deg);
	z-index: 1;
}

.progress-circle__bg {
	stroke: #FFFFFF;
	stroke-width: 3;
}

.progress-circle__bar {
	stroke: #D0D0D2;
	stroke-width: 3;
	stroke-linecap: round;
	transition: stroke 0.3s ease, stroke-dashoffset 0.3s ease;
}

/* Активное состояние */
.accordion-slide.active .progress-circle__bar {
	stroke: #E50004;
}

.accordion-slide.active .progress-circle__number {
	color: #E50004;
}

/* Страница Комплексные поставки */
.compl-page-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 20px 0 20px 0;
}

/* Вкладки */
.compl-tabs-navigation {
	display: flex;
	gap: 10px;
	width: 100%;
	background: #F3F3F5;
	border-bottom: 1px solid #B0C3CF;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.compl-tab-link {
	display: flex;
	align-items: center;
	height: 58px;
	padding: 0 30px;
	background: #E3E3E8;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #1D2227;
	text-decoration: none;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.compl-tab-link:hover {
	text-decoration: none;
	color: #1D2227;
}

.compl-tab-link.active {
	background: #FFFFFF;
	transform: translateY(1px);
	height: 59px;
	border-left: 1px solid #B0C3CF;
	border-right: 1px solid #B0C3CF;
	border-top: 1px solid #B0C3CF;
}

/* Контент вкладок */
.compl-tab-pane {
	display: none;
	animation: fadeIn 0.3s ease;
}

.compl-tab-pane.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Приветственный текст */
.compl-welcome-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin-bottom: 40px;
}

/* Подзаголовок */
.compl-subtitle {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #1D2227;
	margin: 60px 0 30px 0;
}

/* Статистические блоки */
.compl-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 60px;
}

.compl-stat-card {
	background: #F3F3F5;
	padding: 30px;
	position: relative;
	min-height: 126px;
}

.compl-stat-corner {
	position: absolute;
	top: 0;
	left: 0;
}

.compl-stat-number {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 64px;
	line-height: 50px;
	color: #E50004;
	margin-bottom: 15px;
}

.compl-stat-label {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #E50004;
	max-width: 300px;
}

/* Таблица */
.compl-table {
	width: 100%;
	overflow-x: auto;
}

.compl-table-header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background: #F3F3F5;
	height: 46px;
	border-bottom: 2px solid #AABECB;
}

.compl-table-header-left,
.compl-table-header-right {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #4E556A;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.compl-table-header-left {
	border-right: 1px solid #CFD5D8;
}

.compl-table-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 100px;
	border-bottom: 2px solid #AABECB;
}

.compl-table-row.even {
	background: #FFFFFF;
}

.compl-table-row.odd {
	background: #F3F3F5;
}

.compl-table-cell-left,
.compl-table-cell-right {
	padding: 20px;
}

.compl-table-cell-right {
	padding: 0;
}

.compl-table-cell-left {
	border-right: 1px solid #CFD5D8;
}

.compl-manufacturer-content {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	justify-content: space-between;
}

.compl-manufacturer-name {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #4E556A;
	margin-bottom: 15px;
}

.compl-manufacturer-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 80px;
	margin: 0;
	flex: 1;
}

.compl-manufacturer-logo img {
	max-width: 100%;
	max-height: 140px;
	object-fit: contain;
}

.compl-manufacturer-link {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #4E556A;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	align-self: flex-end;
	transition: color 0.3s ease;
}

.compl-manufacturer-link:hover {
	color: #E50004;
}

.compl-manufacturer-link:hover svg path {
	fill: #E50004;
}

/* Список продукции */
.compl-products-list {
	display: flex;
	flex-direction: column;
}

.compl-product-item {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 10px 20px;
	border-bottom: 1px solid #CFD5D8;
}

.compl-product-item:last-child {
	border-bottom: none;
}

.compl-product-item:hover {
	background-color: #e1e7e999;
}

.compl-product-marker {
	width: 6px;
	height: 6px;
	background: #B5B9C7;
	border-radius: 50%;
	flex-shrink: 0;
}

.compl-product-name {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	color: #1D2227;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.compl-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 992px) {
	.compl-tabs-navigation {
		flex-wrap: wrap;
		height: auto;
	}

	.compl-tab-link {
		white-space: normal;
		text-align: center;
		height: auto;
		padding: 12px 20px;
	}

	.compl-tab-link.active {
		height: auto;
	}

	.compl-stats-grid {
		grid-template-columns: 1fr;
	}

	.compl-table-header,
	.compl-table-row {
		grid-template-columns: 1fr;
	}

	.compl-table-cell-left {
		border-right: none;
		border-bottom: 1px solid #CFD5D8;
	}

	.compl-manufacturer-link {
		margin-top: 15px;
		align-self: flex-start;
	}
}

@media (max-width: 768px) {
	.compl-stat-number {
		font-size: 48px;
		line-height: 40px;
	}

	.compl-product-name {
		font-size: 16px;
		line-height: 18px;
	}
}

/* Страница Контакты */
.contacts-page-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 20px 0 30px 0;
}

.contacts-company-name {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 44px;
	line-height: 50px;
	color: #1D2227;
	margin-bottom: 50px;
}

/* Две колонки */
.contacts-wrapper {
	display: grid;
	grid-template-columns: 668px 1fr;
	gap: 40px;
}

/* Левая колонка */
.contacts-left {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* Блок контакта */
.contacts-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.contacts-icon {
	flex-shrink: 0;
	width: 32px;
	display: flex;
	justify-content: center;
}

.contacts-divider {
	width: 1px;
	height: auto;
	background: #E50609;
	flex-shrink: 0;
}

.contacts-item .contacts-divider {
	min-height: 45px;
}

.contacts-address-item .contacts-divider {
	min-height: auto;
	align-self: stretch;
}

.contacts-info {
	flex: 1;
	border-left: 2px solid #E50004;
	padding-left: 20px;
	margin-left: 0px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.contacts-info a{
	margin: 0;
}

/* Телефоны и email */
.contacts-phone,
.contacts-email {
	display: block;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #1D2227;
	text-decoration: none;
	transition: color 0.3s ease;
	margin-bottom: 5px;
}

.contacts-phone:last-child,
.contacts-email:last-child {
	margin-bottom: 0;
}

.contacts-phone:hover,
.contacts-email:hover {
	color: #E50004;
}

/* Адреса */
.address-block {
	margin-bottom: 20px;
}

.address-block:last-child {
	margin-bottom: 0;
}

.address-label {
	display: inline-block;
	background: #E3E3E8;
	padding: 5px 10px;
	border-radius: 5px;
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #4E556A;
	margin-bottom: 10px;
}

.address-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
}

/* Режим работы */
.hours-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	flex-direction: column;
}

.hours-row:last-child {
	margin-bottom: 0;
}

.hours-day {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #4E556A;
}

.hours-time {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
}

/* Правая колонка */
.contacts-right {
	width: 100%;
	height: 520px;
	border-radius: 8px;
	overflow: hidden;
}

#contacts-map {
	width: 100%;
	height: 100%;
}

/* Адаптивность */
@media (max-width: 1400px) {
	.contacts-wrapper {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.contacts-left {
		max-width: 668px;
	}
}

@media (max-width: 768px) {
	.contacts-company-name {
		font-size: 32px;
		line-height: 38px;
	}

	.contacts-item {
		flex-wrap: wrap;
	}

	.contacts-divider {
		display: none;
	}

	.contacts-icon {
		margin-bottom: 10px;
	}

	.contacts-right {
		height: 400px;
	}
}

.ymaps-2-1-79-map-copyrights-promo,
.ymaps-2-1-79-float-button {
	display: none !important;
}

.ymaps-2-1-79-copyright__layout {
	display: none !important;
}

/* Анимация для контактов */
.contacts-item {
	opacity: 0;
	transform: translateX(-20px);
	animation: slideInLeft 0.5s ease forwards;
}

.contacts-item:nth-child(1) {
	animation-delay: 0.1s;
	align-items: center;
}

.contacts-item:nth-child(2) {
	animation-delay: 0.2s;
	align-items: center;
}

.contacts-item:nth-child(3) {
	animation-delay: 0.3s;
}

.contacts-item:nth-child(4) {
	animation-delay: 0.4s;
}

@keyframes slideInLeft {
	from {
		opacity: 0;
		transform: translateX(-20px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Анимация для заголовков */
.contacts-page-title,
.contacts-company-name {
	opacity: 0;
	transform: translateY(-10px);
	animation: fadeInDown 0.5s ease forwards;
}

.contacts-page-title {
	animation-delay: 0s;
}

.contacts-company-name {
	animation-delay: 0.1s;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Анимация для страницы Генеральный подряд */
.page-general-contractor .breadcrumbs,
.page-general-contractor .page-title,
.page-general-contractor .gensubtitle,
.page-general-contractor .page-description,
.page-general-contractor .horizontal-accordion-container {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 0.5s ease forwards;
}

.page-general-contractor .breadcrumbs {
	animation-delay: 0s;
}

.page-general-contractor .page-title {
	animation-delay: 0.1s;
}

.page-general-contractor .gensubtitle {
	animation-delay: 0.2s;
}

.page-general-contractor .page-description {
	animation-delay: 0.3s;
}

.page-general-contractor .horizontal-accordion-container {
	animation-delay: 0.4s;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Анимация для слайдов аккордеона */
.page-general-contractor .accordion-slide {
	opacity: 0;
	transform: translateX(-20px);
	animation: slideInLeft 0.5s ease forwards;
}

.page-general-contractor .accordion-slide:nth-child(1) {
	animation-delay: 0.5s;
}

.page-general-contractor .accordion-slide:nth-child(2) {
	animation-delay: 0.55s;
}

.page-general-contractor .accordion-slide:nth-child(3) {
	animation-delay: 0.6s;
}

.page-general-contractor .accordion-slide:nth-child(4) {
	animation-delay: 0.65s;
}

.page-general-contractor .accordion-slide:nth-child(5) {
	animation-delay: 0.7s;
}

.page-general-contractor .accordion-slide:nth-child(6) {
	animation-delay: 0.75s;
}

.page-general-contractor .accordion-slide:nth-child(7) {
	animation-delay: 0.8s;
}

.page-general-contractor .accordion-slide:nth-child(8) {
	animation-delay: 0.85s;
}

@keyframes slideInLeft {
	from {
		opacity: 0;
		transform: translateX(-20px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/*лоя главной страницы анимация*/
/* Анимация для Hero секции на главной */
.hero-section .hero-left {
	opacity: 0;
	transform: translateX(-30px);
	animation: slideInFromLeft 0.8s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;
}

.hero-slogan-light,
.hero-slogan-bold {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 0.5s ease forwards;
}

.hero-slogan-light {
	animation-delay: 0.1s;
}

.hero-slogan-bold {
	animation-delay: 0.2s;
}

.task-item {
	opacity: 0;
	transform: translateX(-20px);
	animation: slideInLeft 0.5s ease forwards;
}

.task-item:first-child {
	animation-delay: 0.3s;
}

.task-item:last-child {
	animation-delay: 0.4s;
}

.hero-button {
	opacity: 0;
	transform: scale(0.9);
	animation: scaleIn 0.5s ease forwards;
	animation-delay: 0.5s;
}

@keyframes slideInFromLeft {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slideInAndFloat {
	0% {
		opacity: 0;
		transform: translateX(30px);
	}

	80% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
		animation: gentleFloat 3s ease-in-out infinite;
	}
}

@keyframes gentleFloat {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slideInLeft {
	from {
		opacity: 0;
		transform: translateX(-20px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Класс для плавающей анимации, которая будет добавлена после появления */
.hero-image-float {
	animation: gentleFloat 3s ease-in-out infinite;
}

/* Попап производителя */
.manufacturer-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
}

.manufacturer-popup.active {
	display: flex;
}

.manufacturer-popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.manufacturer-popup-content {
	position: relative;
	width: 808px;
	max-width: 90%;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.16);
	z-index: 10000;
	max-height: 90vh;
	overflow-y: auto;
}

.manufacturer-popup-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	z-index: 10;
	transition: opacity 0.3s ease;
}

.manufacturer-popup-close:hover {
	opacity: 0.7;
}

.manufacturer-popup-title {
	font-family: 'Muller-Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #1D2227;
	margin: 0 0 30px 0;
	padding-right: 30px;
}

.manufacturer-popup-grid {
	display: grid;
	grid-template-columns: auto auto;
	gap: 30px;
}

.manufacturer-popup-left {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.manufacturer-popup-logo {
	width: 100%;
	height: 140px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.manufacturer-popup-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.manufacturer-popup-description {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	color: #1D2227;
}

.manufacturer-popup-right {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.manufacturer-popup-stats {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.manufacturer-stat-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.manufacturer-stat-number {
	font-family: 'Muller-Light', Arial, sans-serif;
	font-weight: 300;
	font-size: 40px;
	line-height: 40px;
	color: #012243;
}

.manufacturer-stat-text {
	font-family: 'Muller-Regular', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #012243;
}

@media (max-width: 768px) {
	.manufacturer-popup-grid {
		grid-template-columns: 1fr;
	}

	.manufacturer-popup-title {
		font-size: 22px;
		line-height: 26px;
	}
}

.footer-right .footer-company-info {
	display: none;
}


.home-order-project{
	background-color: #1D2227;
	color: #FFFFFF;
	padding: 60px 0;
}
.home-order-project .container{
	position: relative;
}

.home-order-project__ang{
	position: absolute;
	top: 0;
	right: 15px;
}
.home-order-project__title{
	font-family: 'Muller-Light', Arial, sans-serif;
    font-weight: 300;
    font-size: 48px;
	line-height: 1;
	margin-bottom: 50px;
	border-bottom: 1px solid transparent;
}
.home-order-project:hover .home-order-project__title{
	border-bottom: 1px solid #FFFFFF;
	margin-left: 2px;
	transition:  .5s;
	display: inline-block;
}


.order-project-form{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.order-project-form p{
	padding: 0 !important;
	margin: 0 !important;
}
.order-project-form__fields{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.order-project-form__fields-item >p {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.order-project-form__fields input,
.order-project-form__fields select,
.order-project-form__fields textarea{
	width: 100%;
	padding: 18px 20px;
	border: 0;
	border-radius: 4px;
	font-family: inherit;
}
.order-project-form__fields textarea{
	height: 111px;
}
.order-project-form__submit{
	position: relative;
}
.order-project-form__submit {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.order-project-form__submit input[type="submit"] {
    padding: 20px;
    background: #E50004;
    border: none;
    border-radius: 4px;
    font-family: 'Muller-Regular', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-project-form__submit .wpcf7-spinner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
}
.order-project-form__acceptance{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.order-project-form__acceptance > div > p,
.order-project-form__acceptance .form-checkbox > span {
	display: flex;
	align-items: center;
}
.home-order-project .wpcf7-response-output{
	position: static !important;
	text-align: center;
}