/* Start:/local/templates/main_new/fonts/fonts.css?16669509076144*/
@font-face {
    font-family: 'Roboto Mono';
    src: url('/local/templates/main_new/fonts/RobotoMono-Thin.eot');
    src: url('/local/templates/main_new/fonts/RobotoMono-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/RobotoMono-Thin.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/RobotoMono-Thin.woff') format('woff'),
        url('/local/templates/main_new/fonts/RobotoMono-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/main_new/fonts/Roboto-Light.eot');
    src: url('/local/templates/main_new/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Roboto-Light.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Roboto-Light.woff') format('woff'),
        url('/local/templates/main_new/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/main_new/fonts/Roboto-Black.eot');
    src: url('/local/templates/main_new/fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Roboto-Black.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Roboto-Black.woff') format('woff'),
        url('/local/templates/main_new/fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/main_new/fonts/Roboto-Regular.eot');
    src: url('/local/templates/main_new/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Roboto-Regular.woff') format('woff'),
        url('/local/templates/main_new/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/main_new/fonts/Roboto-Medium.eot');
    src: url('/local/templates/main_new/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Roboto-Medium.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Roboto-Medium.woff') format('woff'),
        url('/local/templates/main_new/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/local/templates/main_new/fonts/RobotoMono-Light.eot');
    src: url('/local/templates/main_new/fonts/RobotoMono-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/RobotoMono-Light.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/RobotoMono-Light.woff') format('woff'),
        url('/local/templates/main_new/fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/local/templates/main_new/fonts/RobotoMono-Medium.eot');
    src: url('/local/templates/main_new/fonts/RobotoMono-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/RobotoMono-Medium.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/RobotoMono-Medium.woff') format('woff'),
        url('/local/templates/main_new/fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/main_new/fonts/Roboto-Bold.eot');
    src: url('/local/templates/main_new/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Roboto-Bold.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Roboto-Bold.woff') format('woff'),
        url('/local/templates/main_new/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/main_new/fonts/Roboto-Thin.eot');
    src: url('/local/templates/main_new/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Roboto-Thin.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Roboto-Thin.woff') format('woff'),
        url('/local/templates/main_new/fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/local/templates/main_new/fonts/RobotoMono-Bold.eot');
    src: url('/local/templates/main_new/fonts/RobotoMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/RobotoMono-Bold.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/RobotoMono-Bold.woff') format('woff'),
        url('/local/templates/main_new/fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/local/templates/main_new/fonts/RobotoMono-Regular.eot');
    src: url('/local/templates/main_new/fonts/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/RobotoMono-Regular.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/RobotoMono-Regular.woff') format('woff'),
        url('/local/templates/main_new/fonts/RobotoMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu-Regular'),
        url('/local/templates/main_new/fonts/Ubuntu-Regular.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Ubuntu-Regular.woff') format('woff'),
        url('/local/templates/main_new/fonts/Ubuntu-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/main_new/fonts/Montserrat-Black.eot');
    src: url('/local/templates/main_new/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Montserrat-Black.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Montserrat-Black.woff') format('woff'),
        url('/local/templates/main_new/fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/local/templates/main_new/fonts/Ubuntu-Bold.eot');
    src: url('/local/templates/main_new/fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Ubuntu-Bold.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Ubuntu-Bold.woff') format('woff'),
        url('/local/templates/main_new/fonts/Ubuntu-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/local/templates/main_new/fonts/Ubuntu-Light.eot');
    src: url('/local/templates/main_new/fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Ubuntu-Light.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Ubuntu-Light.woff') format('woff'),
        url('/local/templates/main_new/fonts/Ubuntu-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/local/templates/main_new/fonts/Ubuntu-Medium.eot');
    src: url('/local/templates/main_new/fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Ubuntu-Medium.woff') format('woff'),
        url('/local/templates/main_new/fonts/Ubuntu-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/main_new/fonts/Montserrat-ExtraBold.eot');
    src: url('/local/templates/main_new/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/main_new/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('/local/templates/main_new/fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('/local/templates/main_new/fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/* End */


/* Start:/local/templates/main_new/libs/animate/animate.css?159721468974161*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

@keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		-ms-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

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

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

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

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		-ms-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		-ms-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		-ms-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		-ms-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		-ms-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

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

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		-ms-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		-ms-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

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

@keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

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

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		-ms-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

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

@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

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

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

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

@keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

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

@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		-ms-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		-ms-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		-ms-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		-ms-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		-ms-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		-ms-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		-ms-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		-ms-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

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

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

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

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

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

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

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

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

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

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

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

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

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

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

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

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

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

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

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

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

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

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

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

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

/* End */


/* Start:/local/templates/main_new/libs/slick/slick-theme.css?16019092585023*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/main_new/libs/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/main_new/libs/slick/./fonts/slick.eot');
    src: url('/local/templates/main_new/libs/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/libs/slick/./fonts/slick.woff') format('woff'), url('/local/templates/main_new/libs/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/main_new/libs/slick/./fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: initial;
    bottom: -80px;
    display: block;

    width: 40px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 50;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    content: ' ';
    width: 40px;
    height: 20px;
    display: block;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
   background: url(/local/templates/main_new/css/../img/icon/switch.svg) center/contain no-repeat;
}
[dir='rtl'] .slick-prev:before
{
    background: url(/local/templates/main_new/css/../img/icon/switch.svg) center/contain no-repeat;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    background: url(/local/templates/main_new/css/../img/icon/switch.svg) center/contain no-repeat;
    transform: rotate(180deg);
}
[dir='rtl'] .slick-next:before
{
    background: url(/local/templates/main_new/css/../img/icon/switch.svg) center/contain no-repeat;
    transform: rotate(180deg);
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: relative;
    bottom: -70px;

    display: block;

    width: 100%;
    padding: 0;
    margin: auto;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    background-color: #9B9B9B;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li.slick-active button{
    background-color: #000000;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/main_new/libs/fancybox-master/jquery.fancybox.min.css?159721468913841*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/main_new/css/main.css?174834709760848*/
*::-webkit-input-placeholder {
  color: #131313;
  opacity: .7;
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
}

*:-moz-placeholder {
  color: #131313;
  opacity: .7;
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
}

*::-moz-placeholder {
  color: #131313;
  opacity: .7;
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
}

*:-ms-input-placeholder {
  color: #131313;
  opacity: .7;
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  /* -ms-overflow-style: scrollbar; */
}

input,
textarea {
  font-family: 'Ubuntu', sans-serif;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 19px;
  font-family: 'Ubuntu', sans-serif;
  overflow-x: hidden;
  background-color: #fcfcfc;
  color: #000000;
  margin: 0;
  min-height: 100vh;
}

::-moz-selection {
  background: #000;
  /* Safari */
  color: #fff;
  opacity: 1;
}

::selection {
  background: #000;
  /* Safari */
  color: #fff;
  opacity: 1;
}

::-moz-selection {
  background: #000;
  /* Firefox */
  color: #fff;
  opacity: 1;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover,
a:focus {
  /* color: initial; */
  text-decoration: initial;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

textarea {
  font: 500 14px 'Ubuntu', sans-serif;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.tabs__content::-webkit-scrollbar {
  width: initial;
  background: initial;
}

.d-flex {
  display: -ms-flexbox;
  display: flex;
}

/*Main style*/
.black-bg {
  background-color: #000000;
}

.btn.black-bg {
  color: #F7F7F7;
  background: linear-gradient(180deg, #AC5AAD 0%, #8A428B 100%);
  box-shadow: 0 10px 20px rgba(115, 57, 116, 0.45);
}

.btn.black-bg:hover,
.btn.black-bg:focus {
  color: #F7F7F7;
  background: linear-gradient(180deg, #8A428B 0%, #8A428B 100%);
  box-shadow: 0 5px 20px rgba(115, 57, 116, 0.45);
}

.light {
  color: #ffffff;
}

.darker {
  color: #333333;
}

.dark {
  color: #181818;
}

.btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border: none;
  text-decoration: none;
  cursor: pointer;
  border-radius: 10px;
  appearance: none;
  font-family: 'Montserrat', sans-serif;
  transition: all .3s;
}

.img {
  width: 100%;
  height: auto;
}

.page {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 100vh;
}

.footer {
  margin-top: auto;
}

main,
footer {
  /* max-width: calc(100% - 357px); */
  max-width: calc(100% - 341px);
  margin: 0 0 0 auto;
  width: 100%;
}

/*-----Menu------*/
.menu-right,
.menu-left,
.menu-top {
  position: fixed;
  z-index: 99;
}

.menu-top {
  height: 100px;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0 30px;
  -webkit-box-align: center;
  align-items: center;
  z-index: 101;
  transition: all .3s;
}

.scroll .menu-top,
.not-front-page .menu-top {
  background: #ffffff;
  -webkit-box-shadow: 0px 0.59851px 3.99006px rgba(0, 0, 0, 0.0201946), 0px 2.01027px 13.4018px rgba(0, 0, 0, 0.0298054), 0px 9px 60px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0.59851px 3.99006px rgba(0, 0, 0, 0.0201946), 0px 2.01027px 13.4018px rgba(0, 0, 0, 0.0298054), 0px 9px 60px rgba(0, 0, 0, 0.05);

}

.menu-top {
  display: none;
}

.callback {
  width: 180px;
  height: 40px;
  font-weight: 500;
  font-size: 16px;
  margin: 0 62px 0 0;
  font-family: 'Ubuntu', sans-serif;
  border-radius: 4px;
  padding: 8px 10px 9px;
}

.callback-wrap {
  align-items: center;
}

.menu-top__phone {
  margin-right: 60px;
  font-weight: 700;
  font-size: 22px;
  line-height: 25px;
  display: flex;
  align-items: center;
}

.menu-top__phone:before {
  content: ' ';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/local/templates/main_new/css/../img/icon/phone-call.svg) center/contain no-repeat;
}

.services .callback {
  margin-top: 53px;
}

.phone-link,
.time,
.menu-left-link {
  text-transform: uppercase;
  font-weight: normal;
}

.menu-top-link {
  font-weight: normal;
}

.about-page .menu-top-link {
  top: 41px !important;
  width: 310px;
  text-align: center;
  margin: 0 auto;
}

/*Burger*/
.burger {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  position: fixed;
  height: 30px;
  width: 32px;
  top: 35px;
  right: 30px;
  background-color: transparent;
  border: none;
  z-index: 101;
  outline: none;
}

.burger {
  display: none;
}

.burger-item,
.burger:before,
.burger:after {
  display: block;
  height: 4px;
  background: #000000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  right: 0;
  position: absolute;
  border-radius: 2px;
}

.burger:before,
.burger:after {
  content: ' ';
}

.burger-item {
  top: 3px;
  width: 28px;
}

.burger:before {
  top: 13px;
  width: 18px;
}

.burger:after {
  top: 23px;
  width: 32px;
}

.open-menu .burger {
  z-index: 101;
}

.open-menu .burger-item {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 13px;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.open-menu .burger:before {
  width: 0;
}

.open-menu .burger:after {
  width: 28px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 13px;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

/*Popup Menu*/
.popup-menu {
  position: fixed;
  z-index: 90;
  overflow: hidden;
  color: #ffffff;
  -webkit-transition: 0.3s ease-in;

  transition: 0.3s ease-in;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  max-width: 357px;
  background-color: #6841EF;
  left: 0;
  padding: 35px 20px 30px 60px;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow-y: auto;
  top: 0;
  height: 100vh;
}

/* .popup-menu::-webkit-scrollbar{
	background: #bebebe27;
	width: 6px;
	height: 6px;
}
.popup-menu::-webkit-scrollbar-thumb{
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background:  #75757542;
} */
.popup-menu,
.open-menu .popup-menu {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;

}

.popup-menu .nav-wrap::-webkit-scrollbar {
  background: #ffffff17;
  width: 5px;
  height: 5px;
}

.popup-menu .nav-wrap::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #ffffff37;
}

.popup-menu__logo {
  width: 100%;
}

.nav-wrap {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-right: 30px;
}

.not-front-page .nav-wrap {
  justify-content: space-between;
}

.menu-nav__ul {
  margin-top: 40px;
}

.menu-nav__li {
  margin-bottom: 20px;
}

.menu-nav__link,
.popup-menu__phone {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  display: block;
}

.menu-nav__link:hover,
.popup-menu__phone:hover,
.ul-second__link:hover,
.popup-menu__link:hover,
.popup-menu__download-link:hover {
  opacity: 0.5;
}

.menu-nav__ul-third {
  padding-left: 40px;
}

.ul-third__link {
  display: block;
  margin: 3px 0;
  font-size: 14px;
  transition: all .3s;
}

.ul-third__link:hover {
  opacity: 0.5;
}

.popup-menu a {
  color: #ffffff;
}

.menu-nav__ul-second {
  padding: 15px 0 0 0;
}

.ul-second__li {
  margin-bottom: 9px;
}

.ul-second__link {
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
}

.ul-second__link:before {
  height: 16px;
  width: 10px;
  content: ' ';
  display: inline-block;
  margin-right: 10px;
  background: url(/local/templates/main_new/css/../img/icon/Arrow-w.svg) center/contain no-repeat;
}

.popup-menu__phone {
  margin-bottom: 15px;
  margin-top: 3vh;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.popup-menu__phone:before {
  content: ' ';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url(/local/templates/main_new/css/../img/icon/phone-call-white.svg) center/contain no-repeat;
}

.popup-menu__link-wrap .popup-menu__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.popup-menu__link--email:before,
.popup-menu__link--skype:before {
  display: block;
  content: ' ';
  width: 14px;
  height: 14px;
  margin-right: 2px;
}

.popup-menu__link--email:before {
  background: url(/local/templates/main_new/css/../img/icon/mail-white.svg) center/contain no-repeat;
}

.popup-menu__link--skype:before {
  background: url(/local/templates/main_new/css/../img/icon/skype-white.svg) center/contain no-repeat;
}

.popup-menu__ul {
  margin-bottom: 90px;
}

.popup-menu__link {
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
}

.popup-menu__ul li:not(:last-child):after {
  content: ' / ';
  text-decoration: none;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 5px;
}

.social {
  align-items: center;
  margin: 25px 0;
  margin-left: -4px;
}

.social__link {
  width: 32px;
  height: 32px;
  margin: 0 4px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.social__link .ico {
  width: 32px;
  height: 32px;
  fill: #AC5AAD;
}

.social__link:hover .ico {
  fill: #934D94;
}

.popup-menu__download {
  font-size: 14px;
  line-height: 16px;
  color: #F3F3F3;
  display: flex;
  flex-wrap: wrap;
}

.popup-menu__download:before {
  display: block;
  content: ' ';
  width: 16px;
  height: 16px;
  background: url(/local/templates/main_new/css/../img/icon/download.svg) center/contain no-repeat;
  margin-right: 4px;
}

.popup-menu__download-link {
  text-decoration: underline;
  display: block;
  margin: 0 5px 0 0;
}

.popup-menu__callback.btn {
  height: 40px;
  margin: 40px 0;
  background: #FFFFFF;
  border-radius: 4px;
  color: #AC5AAD;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  flex: none;
  transition: all .3s;
}

.popup-menu__callback.btn:hover {
  background-color: #AC5AAD;
  color: #FFFFFF;
}

/*--FORM---*/
.form-title {
  margin: 0 0 60px 0;
  text-align: center;
  font-weight: 900;
  font-family: 'Montserrat';
}

.textarea-wrap {
  margin: 0 0 10px 10px;
  position: relative;
}

.form-input,
.form-textarea {
  outline: none;
  background-color: transparent;
  border: 1px solid #9D9D9D;
  width: 100%;
  height: 44px;
  border-radius: 2px;
  padding: 13px 16px;
  font-size: 14px;
}

.form-input:focus,
.form-textarea:focus {
  border: 1px solid #9F51A0;
}

.input-wrap,
.check-wrap {
  margin: 30px 0 30px 0;
  position: relative;
}

.input-wrap {
  margin: 0 0 11px 0;
}

.form-textarea {
  resize: none;
  height: 100%;
}

.form-input-group {
  -webkit-box-flex: 1;
  flex: auto;
}

.form-submit {
  margin: 50px auto;
  width: 155px;
  height: 40px;
  font-family: 'Ubuntu', sans-serif;
  border-radius: 4px;
  font-size: 16px;
  padding: 7px 10px 9px;
}

.personal-info {
  font-size: 12px;
  line-height: 14px;
  color: #333333;
  margin: 0 0 0 30px;
  cursor: pointer;
}

.personal-info__link {
  text-decoration: underline;
}

.personal-info__link:hover {
  color: #a656a7;
  text-decoration: underline;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px;
}

input[type='checkbox']:checked+label:before,
input[type='checkbox']:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: #FFFFFF;
  border: 1px solid #D3D3D3;
}

input[type='checkbox']:checked+label:after,
input[type='checkbox']:not(:checked)+label:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

input[type='checkbox']:checked+label:after,
input[type='checkbox']:not(:checked)+label:after {
  left: 1px;
  top: -2px;
  width: 16px;
  height: 7px;
  border-radius: 1px;
  border-left: 2px solid #985199;
  border-bottom: 2px solid #985199;
  -webkit-transform: rotate(-53deg);
  transform: rotate(-53deg);
}

input[type='checkbox']:not(:checked)+label:after,
input[type='radio']:not(:checked)+label:after {
  opacity: 0;
}

/*--Form end---*/

/*-----------Main-------------*/

/*First Screen*/
.screen {
  width: 100%;
  height: 100%;
  min-height: 100vh;
}

.first-screen__down {
  position: absolute;
  bottom: 30px;
  height: 65px;
  width: 15px;
  left: calc(50% - 7px);
  cursor: pointer;
  z-index: 4;
  animation: down .9s linear alternate infinite;
}

.first-screen__down>span {
  transform: rotate(-90deg);
  display: block;

}

.first-screen__down:after {
  content: ' ';
  display: block;
  width: 15px;
  height: 26px;
  margin-top: 8px;
  background: url(/local/templates/main_new/css/../img/icon/arrow-down.svg) center/contain no-repeat;
  animation: down2 .7s linear alternate infinite;
}

@keyframes down {
  100% {
    transform: translateY(-10px);
  }
}

@keyframes down2 {
  100% {
    transform: translateY(15px);
  }
}

.first-screen {
  position: relative;
}

.main-slide__img {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main-slide__text {
  font-family: 'Montserrat', sans-serif;
  min-height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 180px;
  color: #000;
  background-color: #fcfcfc;
}

.main-slide__text span {
  color: #9E509F;
}

/* .blend {
  mix-blend-mode: lighten;
} */
.first-screen__callback .callback {
  display: none;
}

/*animation*/
.blob {
  margin: auto;
  width: 100vw;
  height: calc(100vh + 6%);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: calc(100vw - 341px);
}

.item1,
.item2,
.item3 {
  position: absolute;
  transform-origin: 50% 50%;
  fill: #9E509F;
}

.item1 {
  left: 5%;
  top: -40%;
  animation: move 36s ease-in-out infinite;
  transform: rotate(15deg);
}

.item2 {
  top: 10%;
  right: -20%;
  animation: movez 33s ease-in-out infinite;
  transform: rotate(45deg);
}

.item3 {
  /* bottom: -30%; */
  bottom: 73px;
  left: 5%;
  animation: movex 38s ease-in-out infinite;
  transform: rotate(-45deg);
}

@keyframes move {
  0% {
    transform: scale(1) translate(0, 0) rotate(0);
    fill: #9E509F;
    opacity: 0.04;
  }

  25% {
    transform: scale(1.3) translate(5vw, 10vh) rotate(25deg);
    fill: #9E509F;
    opacity: 0.05;
  }

  50% {
    transform: scale(1.5) translate(15vw, 5vh) rotate(90deg);
    fill: #9E509F;
    opacity: 0.07;
  }

  75% {
    transform: scale(1.3) translate(5vw, 10vh) rotate(25deg);
    fill: #9E509F;
    opacity: 0.05;
  }

  100% {
    transform: scale(1) translate(0, 0) rotate(0);
    fill: #9E509F;
    opacity: 0.04;
  }
}

@keyframes movez {
  0% {
    transform: scale(1) translate(0, 0) rotate(0);
    fill: #9E509F;
    opacity: 0.04;
  }

  25% {
    transform: scale(1.1) translate(5vw, -15vh) rotate(55deg);
    fill: #9E509F;
    opacity: 0.05;
  }

  50% {
    transform: scale(1.2) translate(10vw, -25vh) rotate(180deg);
    fill: #9E509F;
    opacity: 0.06;
  }

  75% {
    transform: scale(1.1) translate(5vw, -15vh) rotate(55deg);
    fill: #9E509F;
    opacity: 0.05;
  }

  100% {
    transform: scale(1) translate(0, 0) rotate(0);
    fill: #9E509F;
    opacity: 0.04;
  }
}

@keyframes movex {
  0% {
    transform: scale(1) translate(0, 0) rotate(0);
    fill: #9E509F;
    opacity: 0.05;
  }

  25% {
    transform: scale(1.1) translate(-5vw, 10vh) rotate(-15deg);
    fill: #9E509F;
    opacity: 0.07;
  }

  50% {
    transform: scale(1.2) translate(-15vw, 5vh) rotate(-45deg);
    fill: #9E509F;
    opacity: 0.08;
  }

  75% {
    transform: scale(1.1) translate(-5vw, 10vh) rotate(-15deg);
    fill: #9E509F;
    opacity: 0.07;
  }

  100% {
    transform: scale(1) translate(0, 0) rotate(0);
    fill: #9E509F;
    opacity: 0.05;
  }
}

/*-------------What need-------------*/
.what-need {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding: 138px 2vw 70px;
}

.screen-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 96px;
  line-height: 112px;
  text-align: center;
  margin: 0 0 50px 0;
  position: relative;
  z-index: 1;
}

.screen-title {
  font-size: calc(1vw + 30px);
  line-height: calc(3.2vw + 34px);
}

.elem-wrap {
  display: -webkit-box;
  display: flex;
}

.elem {
  width: 25%;
}

.elem-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: auto;
}

.elem__title {
  font-size: 24px;
  line-height: 28px;
  color: #181818;
  font-weight: 700;
  padding: 4px 14px;
  margin: 0 0 20px 0;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  z-index: 1;
  text-align: center;
}

.elem:hover .elem__title {
  color: #ffffff;
}

.elem__info {
  font-size: 14px;
  line-height: 16px;
  padding: 0 14px;
  position: relative;
  z-index: 1;
  text-align: center;
}


.elem__title:before {
  content: ' ';
  display: -webkit-box;
  display: flex;
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #AC5AAD 0%, #8A428B 100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
}

.elem:hover .elem__title:before {
  width: 100%;
  border-radius: 3px;
}

/*-------------------About--------------*/
.about {
  padding: 5vw 15px;
}

.about__photo,
.about__info {
  width: 50%;
}

.about__info {
  padding: 0 0 0 80px;
}

.about__photo-slider {
  max-width: 606px;
  width: 100%;
  position: relative;
  margin: 0 0 0 auto;
}

.about__photo-slider:before {
  width: 424px;
  height: 424px;
  content: ' ';
  display: block;
  background: url(/local/templates/main_new/css/../img/icon/circle.svg) center/contain no-repeat;
  position: absolute;
  left: -166px;
  bottom: -176px;
}

.about-inner {
  -webkit-box-pack: center;
  justify-content: center;
}

.about .screen-title {
  text-align: left;
  margin: 0 0 60px 0;
}

.about__slider {
  max-width: 485px;
  padding: 0 40px 0 0;
}

.about__slide-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 138.4%;
  margin: 0 0 10px 0;
}

.about__slide-text {
  font-size: 18px;
  line-height: 21px;
}

.about__slider .slick-prev {
  left: 0;
}

.about__slider .slick-next {
  right: initial;
  left: 70px;
}

.about__slider .slick-arrow,
.awards__slider-1 .slick-arrow {
  transition: all .3s;
}

.about__slider .slick-arrow:hover,
.awards__slider-1 .slick-arrow:hover {
  filter: drop-shadow(0 6px 3px black);
}

.about__slide {
  position: relative;
}

.team__slider {
  display: flex;
  flex-wrap: wrap;
}

.team__slide {
  width: 100%;
  max-width: 33.33%;
}

/**/
.slick-dots li button:before {
  font-size: 10px;
}


/**/
.subtitle {
  font-weight: 800;
  font-size: 40px;
  line-height: 138.4%;
  text-align: center;
  color: #0D0D0D;
  font-family: 'Montserrat', sans-serif;
  margin: 0 auto 80px;
}


.team {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0 5vw;
}

.team__item {
  width: calc(100% / 3);
  display: -webkit-box;
  display: flex;
  margin: 0 0 50px 0;
}

.team__img-wrap {
  max-width: 217px;
  height: 217px;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-shadow: -20px 20px 0 #faf3ff;
  transition: box-shadow .4s;
  border-radius: 3px;
}

.team__img-wrap:hover {
  box-shadow: -12px 12px 0 #faf3ff;
}

.team__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  display: block;
  z-index: 1;
}

.team__hov {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.team__img-hov {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  display: block;
}

.team__item .team__img-wrap:hover .team__hov,
.all-team__item:hover .team__hov {
  opacity: 1;
}

.team__item-inner {
  padding: 30px 25px 0;
  width: 238px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.team__name {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 15px 0;
  -webkit-box-flex: 30%;
  flex: 30%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  max-width: 140px;
}

.team__position {
  max-width: 149px;
  -webkit-box-flex: 70%;
  flex: 70%;
}

.team__link-certificate {
  display: inline-block;
  width: fit-content;
  color: #AC5AAD;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  border-bottom: 1px dashed #AC5AAD;
}

.more {
  width: 172px;
  height: 60px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 30px auto;
}

.awards__item {
  margin: 0 0 40px 0;
  display: block;
}

.awards__img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.awards {
  padding: 0 3vw;
}

/*-----------CallBack Section------------*/
.callback-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 80px 4vw 60px;
  background: #FAF3FF;
  position: relative;
}

.callback-block .blob {
  height: 679px;
}

.callback-block .item1 {
  left: -8%;
  top: -63%;
  width: 23vw;
}

.callback-block .item2 {
  width: 40vw;
  top: 7%;
}

.callback-block .item3 {
  bottom: -40%;
  left: -6%;
  width: 36vw;
}

.callback-block .screen-title {
  font-size: 42px;
  line-height: 51px;
}

.callback-block-inner {
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.form-input:placeholder-shown+label,
.form-textarea:placeholder-shown+label {
  position: absolute;
  top: 14px;
  left: 15px;
  font-size: 13px;
  line-height: 15px;
  background: #faf3ff;
  opacity: .5;
  transition: all .3s;
  padding: 0 3px;
}

.form-input+label,
.form-textarea+label,
.form-input:focus+label,
.form-textarea:focus+label {
  position: absolute;
  left: 15px;
  font-size: 13px;
  line-height: 15px;
  background: #faf3ff;
  transition: all .3s;
  padding: 0 3px;
  top: -5px;
  opacity: 1;
}

.contacts-form .form-input:placeholder-shown+label,
.contacts-form .form-textarea:placeholder-shown+label,
.contacts-form .form-input+label,
.contacts-form .form-textarea+label,
.contacts-form .form-input:focus+label,
.contacts-form .form-textarea:focus+label {
  background: #FFFFFF;
}

.phone {
  display: block;
  margin: 0 0 5px 0;
  white-space: nowrap;
}



.skype {
  background: url(/local/templates/main_new/css/../img/icon/skype.svg) center/contain no-repeat;
}


.callback-block__form .textarea-wrap {
  margin: 0 0 25px 0;
  position: relative;
}

.callback-block__form .form-textarea {
  height: 82px;
}

.callback-block-form,
.callback-block__form {
  width: 100%;
  max-width: 691px;
  margin: auto;
}

.callback-block .check-wrap {
  max-width: 337px;
  margin: auto;
}


/*----------Footer-----------*/
.footer {
  padding: 60px 0;
  background: #150E2F;
  color: #f3f3f3;
  font-size: 14px;
  line-height: 120%;
}

.footer a,
.footer a:hover {
  color: #F3F3F3;
}

.footer-inner {
  max-width: 1443px;
  padding: 0 20px;
  margin: auto;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.company-link {
  font-weight: 900;
}

.copyright {
  margin: 5px 0 0 0;
}

.footer__link {
  font-size: 14px;
  line-height: 16px;
  color: #f3f3f3;
  text-decoration: underline;
}

.footer__link:hover,
.footer__link:active {
  color: #FFFFFF;
}

.footer__column:nth-child(1) {
  display: -webkit-box;
  display: flex;
}

.footer__column:nth-child(2) p {
  margin: 0;
  font-size: 14px;
  line-height: 120%;
  color: #F3F3F3;
}

.footer__column:nth-child(2) a {
  text-decoration: underline;
}


.footer__item-old-site {
  margin-top: 14px;
  font-size: 12px;
  line-height: 14px;
  color: #f3f3f3;
}

.footer__item-old-site a {
  color: #f3f3f3;
  text-decoration: underline;
}

.footer__item-old-site a:hover {
  color: #8c6aff;
}

.footer__yandex {
  display: block;
  margin-right: 20px;
}

.footer__item-wrap {
  max-width: 300px;
}

.footer__item-wrap p {
  font-size: 12px;
}

.footer__email,
.footer__phone {
  display: block;
  margin: 10px 0;
}

.footer__column-address {
  font-size: 16px;
}

.footer__item--img {
  display: flex;
  align-items: center;
}



/*----------------warranty------------*/
.warranty,
.reviews-page {

  padding: 100px 4vw 150px;
}

.warranty__text {
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
}

.warranty__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 12px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.warranty__inner {
  margin-top: 150px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-right: -35px;
  margin-left: -35px;
}

.warranty__item {
  width: 100%;
  max-width: 520px;
  padding: 0 35px;
}

.warranty__info {
  font-size: 18px;
  position: relative;
  line-height: 21px;
}

/* .warranty__info-wrap {
  position: relative;
}
.warranty__info-hov {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  color: #fff;
  font-size: 18px;
  line-height: 21px;
  background: #000000;
  font-family: 'Roboto Mono', monospace;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  -webkit-transform: translate(0, 30%);
  transform: translate(0, 30%);
}
.warranty__info-wrap:hover .warranty__info-hov {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.warranty__info-wrap:hover .warranty__info {
  opacity: 0;
} */
.warranty__title-img {
  margin-bottom: 40px;
}

/*--------------Contacts------------*/
.contacts-wrap {
  max-width: 1000px;
  padding: 120px 0 100px;
  margin: auto;
}

.contacts-inner {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.contacts-form {
  max-width: 580px;
  margin: 0 0 0 20px;
}

.contacts-form .form-textarea {
  width: 230px;
}

.contacts__link-wrap {
  margin: 40px 0 0 0;
}

.contacts__link {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 0 15px 0;
}

.contacts__link:before {
  width: 26px;
  height: 26px;
  margin: 0 10px 0 0;
  content: ' ';
  display: block;
}

.contacts__link:nth-child(1)::before {
  background: url(/local/templates/main_new/css/../img/icon/email.svg) center/contain no-repeat;
}

.contacts__link:nth-child(2)::before {
  background: url(/local/templates/main_new/css/../img/icon/skype2.svg) center/contain no-repeat;
}

.contacts__block {
  margin: 60px 0 0 0;
}

.contacts-inner .form-submit {
  margin: 50px auto 0;
}

.contacts-inner .callback-block__subtitle {
  font-weight: 500;
  color: #181818;
  margin-bottom: 14px;
}

.callback-block__address {
  margin-right: 40px;
}

.subtitle2 {
  font-weight: 800;
  font-size: 40px;
  line-height: 138.4%;
  color: #0D0D0D;
  margin: 0 0 60px 0;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

.subtitle3 {
  font-weight: 800;
  font-size: 24px;
  line-height: 138.4%;
  color: #333333;
  margin-bottom: 54px;
}

.requisites {
  padding: 29px 25px;
  background: #FFFFFF;
  box-shadow: 0 0 0 8px #ffffff, 0 2px 40px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: 1px solid #EDEDED;
  color: #333333;
  font-size: 14px;
  line-height: 16px;
  padding-left: 220px;
  position: relative;
}

.requisites:before {
  content: ' ';
  display: block;
  width: 222px;
  height: 242px;
  background: url(/local/templates/main_new/css/../img/contacts.png) center/contain no-repeat;
  position: absolute;
  top: -38px;
  left: -20px;
}

.requisites__block {
  max-width: 50%;
  padding: 0 10px 0;
  width: 100%;
}

.requisites__item {
  margin: 0 0 8px 0;
}

.requisites__item:last-child {
  margin: 0;
}

.representations {
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: flex;
}

.representations__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: #181818;
  text-align: center;
  margin: 0 0 8px 0;
}

.representations__link,
.representations__phone {
  font-size: 18px;
  line-height: 21px;
  text-align: center;
}

.representations__img-wrap {
  max-width: 102px;
  margin: 0 auto 15px;
}

.representations__img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.contacts-top__phone {
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
  display: flex;
  align-items: center;
}

.contacts-top__phone:before {
  content: ' ';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 18px;
  background: url(/local/templates/main_new/css/../img/icon/phone-white.svg) center/contain no-repeat;
}

.contacts-top__phone:not(:last-child) {
  margin-bottom: 10px;
}

/*---------------About Page------------*/
.menu-left-link,
.menu-right__link,
.menu-right__li {
  color: #333333;
}

.menu-left-link {
  cursor: pointer;
}

/**/
.big-title {
  font-weight: 900;
  font-size: 44px;
  line-height: 138.4%;
  margin: 0 0 3px 0;
  font-family: 'Montserrat', sans-serif;
}

.about-screen-inner,
.contacts-top__inner,
.vakansii-top__inner {
  height: 282px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 80px;
  width: 100%;
  position: relative;
  z-index: 1;
  color: #ffffff;
}

.about-screen-inner__subtitle {
  line-height: 120%;
  text-align: left;
  max-width: 505px;
  width: 100%;
}

.about-screen,
.contacts-top,
.vakansii-top {
  overflow: hidden;
  height: 282px;
  position: relative;
}

.about__img-wrap,
.contacts-top__img,
.vakansii-top__img {
  width: 100%;
  height: 282px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  justify-content: center;

}

.about__img-wrap img,
.contacts-top__img img,
.vakansii-top__img img {
  height: 100%;
  width: auto;
  object-fit: cover;
  min-width: 100%;
}

.about-screen {
  overflow: hidden;
}

.about-page .block.about {
  overflow: hidden;
}

.about__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  width: 100%;
  max-width: 1172px;
}

.about__item:not(:last-child) {
  margin-bottom: 210px;
}

.about__item:nth-child(2n) .about__content {
  order: 1;
}

.about__item:nth-child(2n) .about__img {
  order: 2;
}

.about__img {
  border-radius: 3px;
  width: 100%;
  max-width: 520px;
  position: relative;

}

.about__photo-slider .about__img {
  margin: 0 0 0 auto;
}

.about__img:after {
  width: 464px;
  height: 464px;
  content: ' ';
  display: block;
  background: url(/local/templates/main_new/css/../img/about/circle.svg) center/contain no-repeat;
  position: absolute;
  left: -120px;
  top: -120px;
  z-index: 0;
}

.about__item:nth-child(2n) .about__img:after {
  left: initial;
  right: -120px;
}

.about__img img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: block;

}

.about__content {
  width: 100%;
  max-width: 520px;
  text-align: left;
}

.about__content .subtitle2 {
  margin-bottom: 30px;
  text-align: left;
}

.about__content p {
  margin: 0 0 20px 0;
}

.about__instruments {
  align-items: center;
  flex-wrap: wrap;
}

.about__instruments img {
  display: block;
  margin: 6px;
}

/*team*/
.team__slider .team__item {
  width: 100%;
  padding: 0 0 0 20px;
}

.about-page .team {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 80px;
}

.about-page .subtitle {
  text-align: center;
  width: 100%;
}

.all-team__wrap,
.all-team {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.team__slider .slick-slide {
  outline: none;
}

.team__slider .slick-arrow {
  bottom: -50px;
  height: 40px;
}

.team__slider .slick-prev:before,
.team__slider .slick-next:before {
  height: 40px;
  width: 40px;
  border: 2px solid #AC5AAD;
  border-radius: 3px;
}

.team__slider .slick-prev {
  left: initial;
  right: 65px;
}

.team__slider .slick-next {
  right: 0;
}

.team__slider .slick-next:before {
  background: url(/local/templates/main_new/css/../img/about/arrow-team.svg) center/20px no-repeat;
  transform: rotate(0deg);
}

.team__slider .slick-prev:before {
  transform: rotate(180deg);
  background: url(/local/templates/main_new/css/../img/about/arrow-team.svg) center/20px no-repeat;
}

.show .all-team {
  height: 100%;
  visibility: visible;
  opacity: 1;
}

/* .about__slider .slick-dots {
    bottom: -20px;
} */
/*awards*/
.awards__inner {
  max-width: 980px;
  margin: auto;
  text-align: center;
}

.awards__slide {
  padding: 20px;
}

.awards__inner>input {
  display: none;
  position: absolute;
}

.awards__inner>input:checked+label {
  background: #AC5AAD;
  border-radius: 3px;
  color: #F7F7F7;
}

.awards__inner>label {
  display: inline-block;
  padding: 9px 50px;
  background: #F8DFF9;
  letter-spacing: 1px;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  margin: 0 -2px;
  cursor: pointer;
  transition: all .3s;
}

.awards__inner>label:hover,
.portfolio__link:hover {
  background-color: #E9C4EA;
  border-radius: 3px;
}

.awards__inner>label:nth-child(2) {
  border-radius: 3px 0 0 3px;
}

.awards__inner>label:nth-child(6) {
  border-radius: 0 3px 3px 0;
}

.awards__inner>.awards__slider-wrap {
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  padding: 0;
  max-width: 100%;
}

#tab1:checked~#content-tab1,
#tab2:checked~#content-tab2,
#tab3:checked~#content-tab3,
#tab4:checked~#content-tab4 {
  display: block;
  visibility: visible;
  height: 100%;
  padding: 15px;
  margin-top: 20px;
}

.awards__slider-title {
  font-weight: 500;
  font-size: 36px;
  line-height: 42px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.awards__slider-1,
.awards__slider-2,
.awards__slider-4 {
  max-width: 940px;
  margin: auto;
}

.awards__slider-3 {
  max-width: 615px;
  margin: auto;
}

.awards__slide-info {
  text-align: center;
  margin: 20px 0;
}

.awards__img {
  box-shadow: 0 0 0 10px #ffffff, 0 0 5px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}

.awards__slider-1.slick-initialized .slick-slide,
.awards__slider-2.slick-initialized .slick-slide,
.awards__slider-3.slick-initialized .slick-slide,
.awards__slider-4.slick-initialized .slick-slide {
  padding: 20px;
}

.awards__slider-1 .slick-dots,
.awards__slider-2 .slick-dots,
.awards__slider-3 .slick-dots,
.awards__slider-4 .slick-dots {
  position: relative;
  bottom: 0;
  width: 50px;
  margin: 20px auto 60px;
  text-align: center;
}

.awards__slider-1 .slick-dots li,
.awards__slider-2 .slick-dots li,
.awards__slider-3 .slick-dots li,
.awards__slider-4 .slick-dots li {
  display: none;
}

.awards__slider-1 .slick-dots li.slick-active,
.awards__slider-2 .slick-dots li.slick-active,
.awards__slider-3 .slick-dots li.slick-active,
.awards__slider-4 .slick-dots li.slick-active {
  display: block;
  margin: auto;
  width: 30px;
}

.awards__slider-1 .slick-prev,
.awards__slider-1 .slick-next,
.awards__slider-2 .slick-prev,
.awards__slider-2 .slick-next,
.awards__slider-3 .slick-prev,
.awards__slider-3 .slick-next,
.awards__slider-4 .slick-prev,
.awards__slider-4 .slick-next {
  top: initial;
  bottom: -8px;
}

.awards__slider-1 .slick-prev,
.awards__slider-2 .slick-prev,
.awards__slider-3 .slick-prev,
.awards__slider-4 .slick-prev {
  left: calc(50% - 70px);
}

.awards__slider-1 .slick-next,
.awards__slider-2 .slick-next,
.awards__slider-3 .slick-next,
.awards__slider-4 .slick-next {
  right: calc(50% - 70px);
}

/*---------------Reviews Page---------------*/
.caption {
  font-size: 16px;
  line-height: 18px;
  margin: 3px 0 0 0;
}

.slider-wrap {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: auto;
  margin-top: 80px;
}

.reviews-page .slider-wrap {
  margin: 0;
}

.reviews__slider {
  width: 100%;
}

.reviews__img-slide {
  width: 100%;
  max-width: 340px;
  /* padding: 0 70px 0 0; */
  flex: none;
}

.reviews__img-wrap {
  padding: 35px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  /* max-width: 340px; */
  background: url(/local/templates/main_new/css/../img/icon/reviews.svg) center/contain no-repeat;
}

.reviews__img-wrap>img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.reviews__slide {
  display: flex;
  align-items: center;
  /* flex-wrap: wrap; */
  width: 100%;
  padding: 60px 0 40px;
  position: relative;
}

.reviews__slide:not(:last-child):after {
  display: block;
  content: ' ';
  width: 100%;
  height: 1px;
  background: radial-gradient(50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: .2;
  position: absolute;
  left: 0;
  bottom: 0;
}


.reviews__slide>p {
  margin: 0 0 10px 0;
}

.reviews__slide-name {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 5px;
}

.reviews__slide-info {
  font-size: 14px;
  line-height: 16px;
}

.reviews__slide-inner {
  margin-left: 73px;
  max-width: 763px;
}


.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
}

.pagination__link {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  width: 162px;
  height: 44px;
  margin: 0 7px;
  border: 2px solid #AC5AAD;
  display: flex;
  justify-content: center;
  border-radius: 10px;
}

.pagination__link:hover {
  background-color: #8A428B;
  border-color: #8A428B;
  color: #ffffff;
}

.pagination__link:hover:before {
  background: url(/local/templates/main_new/css/../img/icon/Arrow-w.svg) center/contain no-repeat;
}

.pagination__link--prev:hover:before {
  transform: rotate(180deg);
}

.pagination__link--prev {
  color: #AC5AAD;
  background-color: transparent;
}

.pagination__link--prev:before,
.pagination__link--next:after {
  content: ' ';
  display: block;
  width: 15px;
  height: 8px;
}

.pagination__link--prev:before {
  margin-right: 8px;
  background: url(/local/templates/main_new/css/../img/icon/prev-pink.svg) center/contain no-repeat;
}

.pagination__link--next:after {
  margin-left: 8px;
  background: url(/local/templates/main_new/css/../img/icon/Arrow-w.svg) center/contain no-repeat;
}

.pagination__link--next {
  background-color: #AC5AAD;
  color: #ffffff;
}

/*------------Portfolio------------*/
.portfolio {
  padding: 70px 5vw 80px;
}

.portfolio .screen-title {
  margin: 0 0 72px 0;
}

.portfolio-wrap {
  position: relative;
}

/* .portfolio-wrap:before,
.team__inner:before {
  content: ' ';
  display: block;
  width: 666px;
  height: 626px;
  background: url(/local/templates/main_new/css/../img/icon/dots.svg) center/contain no-repeat;
  position: absolute;
  top: 452px;
  right: -384px;
  z-index: -1;
} */

.team__inner:before {
  top: 100px;
  right: -50px;
}

.portfolio__item {
  margin: 0;
  margin-bottom: 40px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: all .3s;
  position: relative;
  z-index: 1;
}

.portfolio__item-link-wrap {
  position: absolute;
  bottom: 30px;
  left: 0;
  padding: 0 4vw;
  flex-wrap: wrap;
}

.portfolio__item-link {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  margin-right: 30px;
  text-shadow: 0px 2px 7px black;
  transition: all .3s;
}

.portfolio__item-link:hover,
.portfolio__item-link:focus {
  color: #6841ef;
  text-shadow: 0 7px 3px black;
}

.portfolio__item-link-more {
  width: 221px;
  height: 60px;
}

.portfolio__item--last {
  background-color: #ffffff;
  padding: 8px;
}

.portfolio__item--last .portfolio__img-wrap {
  background: url(/local/templates/main_new/css/../img/portfolio.jpg) right/contain no-repeat;
  border: 1px solid #EDEDED;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 80px;
  min-height: 183px;
}

.portfolio__item--last p {
  margin: 0;
}

.portfolio__item-title {
  font-weight: 800;
  font-size: 40px;
  line-height: 138.4%;
  margin: 0;
  margin-bottom: 9px;
  font-family: 'Montserrat', sans-serif;
  margin-right: 20px;
}

.portfolio__img-wrap {
  position: relative;
  overflow: hidden;
  display: block;
  height: 100%;
}

.portfolio__img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.portfolio__hover {
  position: absolute;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 15px 15px 20px 15px;
  color: #ffffff;
  width: 100%;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}

.portfolio__img-wrap:hover .portfolio__hover {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.hover-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 5px 0;
  font-family: 'Roboto Mono', monospace;
}

.hover-info {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 25px 0;
  font-family: 'Roboto Mono', monospace;
}

.hover-link-wrap {
  width: 100%;
  max-width: 300px;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.hover-link {
  color: #fcfcfc;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
}

.hover-link:first-child {
  margin: 0 15px 0 0;
}

.hover-link:after {
  content: ' ';
  display: block;
  width: 15px;
  height: 10px;
  margin: 0 0 0 10px;
  background: url(/local/templates/main_new/css/../img/icon/Arrow-w.svg) center/contain no-repeat;
}

.portfolio__img-hov {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.portfolio__img-wrap:hover .portfolio__img-hov {
  opacity: 1;
}

.portfolio__img {
  width: 100%;
  display: block;
  height: 100%;
}

.portfolio__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}

.portfolio__top p {
  margin: 0;
}

.portfolio__link-wrap {
  display: flex;
  border-radius: 3px;
  width: 100%;
  max-width: 750px;
  overflow: hidden;
}

.portfolio__link {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #0D0D0D;
  background: #F8DFF9;
  width: 100%;
  max-width: 250px;
  padding: 8px 20px;
  flex: none;
  text-align: center;
}

.portfolio__link.active {
  color: #ffffff;
  background: #AC5AAD;
  border-radius: 3px;
}

/*-----------------Services Page-----------------*/
.services {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}

.services-page {
  padding: 100px 4vw;
}

.services__top .big-title {
  margin-bottom: 20px;
}

.news-detail .tabs__price {
  line-height: 36px;
}

.services-page .catalog-section-list {
  display: flex;
  flex-wrap: wrap;
  margin: 40px -10px 0;
}

.services-page .catalog-section-list .catalog-item {
  width: 100%;
  max-width: calc(50% - 20px);
  margin: 0 10px 20px;
  position: relative;
}

.services-page .catalog-section-list .catalog-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: all .3s;
}

.services-page .catalog-section-list .catalog-item:hover img {
  filter: hue-rotate(15deg) drop-shadow(0px 5px 10px #636363);
}

.services-page .catalog-item-name {
  color: #ffffff;
  text-shadow: 0 2px 7px black;
  display: inline-block;
  padding: 30px;
  font-size: 32px;
  line-height: 36px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.services-page .catalog-section-list li span {
  display: none;
}

/* .services-page .catalog-section-list li#bx_1847241719_23{
	background: url(/local/templates/main_new/css/../img/uslugi/develope.jpg) center/cover no-repeat;
}
.services-page .catalog-section-list li#bx_1847241719_25{
	background: url(/local/templates/main_new/css/../img/uslugi/marketing.jpg) center/cover no-repeat;
}
.services-page .catalog-section-list li#bx_1847241719_26{
	background: url(/local/templates/main_new/css/../img/uslugi/prodv.jpg) center/cover no-repeat;
}
.services-page .catalog-section-list li#bx_1847241719_27{
	background: url(/local/templates/main_new/css/../img/uslugi/ts.jpg) center/cover no-repeat;
}
.services-page .catalog-section-list li#bx_1847241719_34{
	background: url(/local/templates/main_new/css/../img/uslugi/domen.jpg) center/cover no-repeat;
} */
.services-page .news-list {
  display: flex;
  flex-wrap: wrap;
  margin: 40px -10px 20px;
}

.services-page .news-item {
  width: 100%;
  max-width: calc(33.333% - 20px);
  margin: 0 10px 20px;
  position: relative;
}

.services-page .news-item img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  transition: all .3s;
}

.services-page .news-item:hover img {
  filter: hue-rotate(45deg) drop-shadow(0px 5px 10px #636363);
}

.services-page .news-item-name {
  color: #ffffff;
  text-shadow: 0 2px 7px black;
  display: inline-block;
  padding: 20px;
  font-size: 24px;
  line-height: 28px;
  max-width: 290px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

/* .services-page .news-item#bx_3218110189_785{
	background: url(/local/templates/main_new/css/../img/uslugi/sites.jpg) center/cover no-repeat;
}
#bx_3218110189_789{
	background: url(/local/templates/main_new/css/../img/uslugi/3d.jpg) center/cover no-repeat;
}
#bx_3218110189_786{
	background: url(/local/templates/main_new/css/../img/uslugi/automat.jpg) center/cover no-repeat;
}
#bx_3218110189_790{
	background: url(/local/templates/main_new/css/../img/uslugi/instruments.jpg) center/cover no-repeat;
}
#bx_3218110189_788{
	background: url(/local/templates/main_new/css/../img/uslugi/monitoring.jpg) center/cover no-repeat;
}
#bx_3218110189_787{
	background: url(/local/templates/main_new/css/../img/uslugi/control.jpg) center/cover no-repeat;
} */
.service-description {
  background-color: transparent !important;
  font-size: 18px;
  line-height: 24px;
}

.tabs {
  min-height: 530px;
}

.back {
  display: none;
}

.services__title {
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  margin: 0 0 30px 0;
}

.tabs__title {
  font-weight: 500;
  font-size: 36px;
  line-height: 56px;
  color: #181818;
  cursor: pointer;
}

.active-tabs .tabs__title {
  text-transform: uppercase;
}

.tabs__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 100%;
  display: none;
  opacity: 0;
}

.tabs__content.active {
  -webkit-animation: cont 0.3s linear;
  animation: cont 0.3s linear;
  opacity: 1;
}

@-webkit-keyframes cont {
  from {
    opacity: 0;
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }

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

@keyframes cont {
  from {
    opacity: 0;
    -webkit-transform: translate(10%, 0);
    transform: translate(10%, 0);
  }

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

@-webkit-keyframes right {
  from {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }

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

@keyframes right {
  from {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }

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

.tabs__li {
  font-size: 18px;
  line-height: 21px;
  color: #181818;
  cursor: pointer;
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  display: -webkit-box;
  display: flex;
  position: relative;
}

.tabs__li.active {
  text-decoration: underline;
}

.active.tabs__li:before {
  content: ' ';
  display: block;
  margin: 0 10px 0 0;
  width: 10px;
  height: 10px;
  background: url(/local/templates/main_new/css/../img/icon/Arrow.svg) center/contain no-repeat;
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
  -webkit-animation: right 0.3s linear;
  animation: right 0.3s linear;
}

.tabs__left,
.table {
  width: 50%;
}

.table {
  overflow: hidden;
}

.tabs__ul {
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.active-tabs .tabs__ul {
  height: 100%;
  margin: 15px 0 30px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

.tabs__item {
  margin: 0 0 16px 0;
}

.tabs__content.active {
  display: block;
}

.tabs__content-title {
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
  text-decoration: underline;
  margin: 0 0 15px 0;
}

.tabs__price {
  font-size: 36px;
  line-height: 42px;
  margin: 0 0 20px 0;
}

.tabs__info {
  font-family: 'Roboto Mono', monospace;
  font-size: 18px;
  line-height: 21px;
}

.tabs__info {
  position: relative;
}

.tabs__info--inner {
  max-height: 40vh;
  overflow: auto;
  padding-bottom: 40px;
}

.tab--has-more::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(transparent),
      to(#fcfcfc));
  background-image: linear-gradient(to bottom, transparent, #fcfcfc);
  height: 60px;
}

.tabs__link {
  text-decoration: underline;
  font-size: 18px;
  line-height: 21px;
  margin: 47px 0 15px 0;
  display: block;
}

.form__message {
  margin-bottom: 30px;
  padding: 10px;
  text-align: center;
  border: 1px solid rgb(51, 51, 51);
  font-size: 13px;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

input.visually-hidden {
  left: auto !important;
}

/*--------404 Page-------*/
.page404 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.page404__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  padding: 100px 10px;
}

.page404__title-img {
  max-width: 380px;
}

.page404__title-img>img {
  width: 100%;
}

.page404__subtitle {
  font-weight: 500;
  font-size: 32px;
  line-height: 37px;
  color: #181818;
  margin: 0 0 20px 0;
  text-align: center;
}

.page404__text {
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #333333;
  max-width: 403px;
  margin: 0 auto 30px;
}

.page404 .black-bg {
  width: 100%;
  max-width: 155px;
  height: 30px;
  margin: auto;
}

/*------Case footer---*/
.case-footer {
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 60px 100px;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.case-footer .btn {
  height: 30px;
  width: 100%;
  max-width: 209px;
  -webkit-box-flex: 0;
  flex: none;
}

.case-footer .btn.btn-up {
  background: #ffffff;
  opacity: 0.7;
  margin: 0 0 0 40px;
  max-width: 123px;
  color: #000000;
}

.case-footer .btn-group {
  -webkit-box-flex: 0;
  flex: none;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.case-footer .btn.btn-next:after {
  content: '→';
  margin: 0 0 0 5px;
  font-size: 18px;
}

.case-footer .btn-prev.btn:before,
.page404 .btn-back:before {
  content: '←';
  margin: 0 5px 0 0;
  font-size: 18px;
}

.case-footer .btn.btn-up:after {
  content: '↑';
  margin: 0 0 0 5px;
  font-size: 16px;
}

.team-front {
  padding: 5vw 15px;
}

/*! fix height last element. Delete this when will be add new element in portfolio*/
div#bx_3218110189_402 {
  grid-row: span 1;
}

.portfolio__img-wrap iframe {
  width: 100%;
  height: 100%;
}

.portfolio__video {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
}

.personal-information {
  padding: 14vh 4vw;
}

.personal-information h1 {
  margin: 35px 0;
  line-height: 130%;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  margin: 20px 0 0 0;
}

.breadcrumbs__item {
  font-size: 14px;
  margin: 0 5px 10px 0;
  position: relative;
  color: #777777;
}

.breadcrumbs__item:not(:last-child):after {
  content: ' / ';
  display: inline-block;
  margin: 0 5px;
  color: #777777;
}

.breadcrumbs__item a {
  color: #6841EF;
}

.news-detail img {
  display: block;
  max-width: 100%;
  height: auto;
}

.news-detail ul li {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 5px;
}

.to-top {
  position: fixed;
  width: 46px;
  height: 46px;
  opacity: .8;
  background: url(/local/templates/main_new/css/../img/to-top.svg) 50%/contain no-repeat;
  bottom: 98px;
  right: 24px;
  z-index: 3;
  cursor: pointer;
  transition: all .2s;

}

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

.link {
  text-decoration: underline;
}

.link:hover {
  color: #a656a7;
  text-decoration: underline;
}
.banner {
  position: relative;
  width: 100%;
  display: block;
  max-width: 100%;
}
.banner img,
.banner picture {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.tooltip {
  position: absolute;
  right: 10px;
  top: 10px;
}
.tooltip__content {
  background-color: #ffffffc9;
  color: rgba(0,0,0,.48);
  font-size: 12px;
  height: 20px;
  line-height: 13px;
  padding: 2px 3px 2px 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tooltip__content:after {
  content: '';
  display: block;
  width: 18px;
  height: 17px;
  margin-left: 4px;
  background: url(/local/templates/main_new/css/../img/info1.svg) center/contain no-repeat;
}
.tooltip__popup{
  position: absolute;
  visibility: hidden;
  width: 150px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 135%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip__popup:after {
  content: "";
  position: absolute;
  bottom: 99%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555555 transparent;
}
.tooltip:hover .tooltip__popup {
  visibility: visible;
  opacity: 1;
}

/*--------------Vakansii------------*/

.vacansii h3, 
.vacansii h2 {
  font-family: Montserrat;
}

.vakansii-top__text {
  max-width: 505px;
  width: 100%;
}

.vacansii-wrap {
  max-width: 1170px;
  padding: 120px 0 60px; 
  margin: auto;
}

.vacansii-wrap .subtitle2 {
  text-align: left;
}

.vacansii-section-list-w .subtitle2 {
  margin: 0 0 45px 0;
}

.vacansii-section-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  height: auto;
  margin-bottom: 60px;
}

.vacansii-item {
  width: 100%;
  height: auto;
  min-height: 290px;
  max-width: 565px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: all .3s;
  background-image: url("/local/templates/main_new/img/vacansii/vacansii-item.jpg");
}

.vacansii .vacansii-item:hover {
  filter: hue-rotate(71deg) drop-shadow(0px 5px 10px #636363);
}

.vacansii-item__card {
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 40px 25px 25px;
}

.vacansii-item .details:after {
  content:  "";
  background-image: url("/local/templates/main_new/img/icon/details-arrow.svg");
  width: 27px;
  height: 8px;
  display: inline-block;
  margin-left: 10px;
} 

.vacansii-item-name {
  font-size: 24px;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 29px;
}

.vacansii-item-text {
  margin-top: 25px;
  line-height: 150%;
}

.vacansii-item .details {
  display: flex;
  margin-top: auto;
  position: relative;
  align-items: center;
  color: #868686;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.vacansii-connection__text {
  text-align: center;
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  line-height: 188%;
}

.vacansii-detail .vacansii-connection__text {
  max-width: 380px;
  margin: auto;
  line-height: 30px
}

.vacansii-connection__text p {
  margin: 0;
}

.vacansii-connection__text span {
  color: #333333;
  font-weight: 500;
  white-space: nowrap;
}
.vacansii-connection__text .vacansii-connecrion__phone {
  font-size: 16px;
}

.vacansii-connection__text .vacansii-connecrion__phone .vacansii-connecrion-phone__link {
  font-weight: 600;
  white-space: nowrap;
}

.vacansii-connection__text .vacansii-connecrion__phone .vacansii-connecrion-phone__link:hover {
  color: #8A428B;
}

.join_you,
.submit-resume {
  width: 242px;
  height: 40px;
  margin: 15px auto 0;
  font-weight: 700;
}

.vakansii-bottom {
  overflow: hidden;
  position: relative;
}

.vakansii-bottom__img img {
  width: auto;
  height: 100%;
  width: auto;
  object-fit: cover;
  min-width: 100%;
}

.vakansii-bottom__img {
  width: 100%;
  z-index: 0;
  display: flex;
  justify-content: center;
}

/*---vacansii-detail page---*/
.vacansii-detail__content {
  margin-bottom: 60px;
}

.vacansii-detail__content {
  display: flex;
  position: relative;
}

.vacansii-detail .subtitle2 {
  margin-bottom: 30px;
}

.vacansii-detail__img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 442px;
  height: auto;
  max-width: fit-content;
}

.vacansii-detail__img img {
  width: 100%;
  height: 100%;
  max-width: 428px;
}

.vacansii-detail__text {
  color: #333333;
  line-height: 150%;
}

.vacansii-detail__text ol li:before {
  content:  "- ";
}

.popup-join-you__form {
  max-width: 860px;
  margin: auto;
}

.join-you__form {
  width: 100%;
  max-width: 454px;
}

.popup-join-you__form .textarea-wrap {
  margin: 0 0 11px 0;
}

.popup-join-you__form .check-wrap {
  max-width: 335px;
  margin: 25px auto 0;
}

.popup-vacansii {
  background-color: #FAF3FF;
}

.popup-vacansii .callback-block__social .ico {
  width: 43px;
  height: 41px;
  background: #AC5AAD;
}

.popup-vacansii .callback-block__social .social__link:hover .ico {
  background: #934D94;
}

.popup-vacansii .callback-block__social .social {
  justify-content: space-between;
}

.popup-join-you__form .social__link {
  width: 43px;
  height: 41px;
  border-radius: 10%;
}

.popup-vacansii .callback-block__group {
  margin-bottom: 50px;
  line-height: 16px;
}

.popup-vacansii .contacts-inner .callback-block__subtitle {
  margin-bottom: 11px;
  font-size: 18px;
}

.popup-vacansii .contacts-inner .callback-block__info {
  font-size: 14px;
  font-weight: 500;
}

.popup-vacansii .input-resume {
  display: flex;
  justify-content: center;
}

.popup-vacansii .message {
  text-align: center;
  margin-bottom: 20px;
}
.popup-vacansii .message .form-title {
  margin: 0;
  font-weight: 800;
  line-height: 51px;
  font-size: 42px;
}

.popup-vacansii .message p {
  color: #333333;
  margin: 10px 0;
  font-size: 40px;
  line-height: 110%;
  font-weight: 300;
}

.form__messages .message__img {
  position: absolute;
  left: 0;
  bottom: 0; 
  width: 20%;
}

/*---- отправить резюме-файл----*/
.popup-vacansii .input-file{
  /* position: absolute; */
	visibility: hidden;
  /* height: 0px; */
}
.popup-vacansii .popup-join-you__form .popup-block__form .input-wrap.d-flex {
  justify-content: center;
}

.popup-vacansii label.label-file {
  max-width: 278px;
  height: 43px;
  border-radius: 3px;
  border-top-right-radius: 13px;
  position: absolute;
  top: 0;
  border: none;
  box-shadow: none;
} 

.popup-vacansii .label-file .input__file-button-text {
  position: relative;
  font-size: 12px;
  font-family: Ubuntu;
}

.popup-vacansii .label-file .input__file-button-text::before {
  content: "";
  background-repeat: no-repeat;
  background-image: url(/local/templates/main_new/img/vacansii/attach-file.svg); 
  width: 11px;
  height: 13px;
  position: absolute;
  left: -15px;
  bottom: 1px;
}
/* posibilities start --> */
.posibilities {
  /* width: 100%;
  max-width: 1210px;
  padding-left: 40px;
  padding-right: 20px;
  padding-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 160px; */
}
.img-full img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.posibilities .img-full {
  margin-bottom: 50px;
}
.posibilities ul {
  margin: 0 0 20px 0;
}
.posibilities ul li {
  list-style: disc;
  list-style-position: inside;
}
.subtitle-primary {
  font-weight: 600;
  color: #6841EF;
}
.img-wrap {
  margin: 0 0 20px 0;
}
.img-wrap img {
  display: block;
  object-fit: contain;
  max-width: 100%;
  height: auto;
}
/* <-- posibilities end */

.case__block.case__block-4.video{
  text-align: center;
}
/* End */


/* Start:/local/templates/main_new/css/style-graftent.css?169813892413315*/
body {
  font-family: sans-serif;
  width: 1920px;
  position: relative;
  font-size: 18px;
  line-height: 25px;
  font-family: "Exo 2", sans-serif;
  /* font-family: 'Open Sans', sans-serif; */
  background-color: #f9fdfe;
  color: #333333;
  margin: auto;
}

@media (min-width: 1000px) and (max-width: 1860px) {
  body {
    overflow-x: auto;
  }
}
@media screen and (max-width: 1000px) {
	body {
		overflow-x: auto;
	}
}
main.esmontaj,
footer{
	max-width: 100%;
	margin: auto;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .esmontaj {
    overflow-x: hidden;
  }
}
.img {
  width: 100%;
  height: auto;
}

.case-header {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 40px;
  left: 0;
  padding: 0 5vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.case-header,
.case-header__link {
  color: #ffffff;
  font-size: 18px;
  line-height: 130.84%;
  letter-spacing: -0.015em;
  text-transform: uppercase;
}
.case-header__link {
  margin: 0 0 0 20px;
}
.case-header .back-link {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.case-header .back-link:before {
  content: " ";
  display: block;
  width: 20px;
  height: 10px;
  background: url(/local/templates/main_new/css/../img/icon/Arrow-w.svg) center/contain no-repeat;
  margin: 0 10px 0 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.case__first-screen {
  overflow: hidden;
  height: 1280px;
  position: relative;
  background: url(/local/templates/main_new/css/../img/graftent/bg.jpg) center/cover no-repeat;
  -webkit-box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 60px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.first-screen__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 120px 255px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-screen__img-wrap {
  position: relative;
}

.first-screen__inner {
  max-width: 630px;
}
.title {
  color: #f2f2f2;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
  font-weight: 700;
  font-size: 123.608px;
  line-height: 111px;
  margin: 0px 0 30px 0;
}

.case .subtitle {
  color: #ffffff;
  font-weight: bold;
  font-size: 22px;
  line-height: 130.4%;
  font-family: "Open Sans", sans-serif;
  text-align: left;
  margin: 0 0 80px 0;
}
.first-screen__info {
  color: #e8e8e8;
  font-family: "Open Sans", sans-serif;
}
.first-screen__info > div {
  color: #ffffff;
  font-weight: bold;
  font-size: 22px;
  line-height: 130.4%;
  margin: 0 0 15px 0;
}
.first-screen__img:first-child {
  margin: 200px 0 0 0;
}
.first-screen__img:last-child {
  position: absolute;
  left: -10px;
  top: calc(50% - 120px);
}
.case__block {
  position: relative;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .first-screen__content {
    padding: 0 0 120px 200px;
  }
  .case__first-screen {
    height: 1060px;
  }
  .title {
    font-size: 100px;
  }
}
@media (min-width: 1000px) and (max-width: 1440px){
  .first-screen__content {
    padding: 0 0 120px 20px;
  }
  .first-screen__inner {
    max-width: 470px;
  }
}
/*1*/
.case__block {
  padding: 100px 80px 0 80px;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .case__block {
    padding: 20px 40px 0 80px;
  }
}
.block__img-wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.block__img {
  margin: 0 0 50px 0;
}
.case__block-1 .block__img-wrap:first-child {
  width: 613px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.block__inner {
  padding: 0 25px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 90px 0;
}
.block__title {
  font-weight: 700;
  font-size: 90px;
  line-height: 108px;
  text-shadow: 0px 0px 9.38023px rgba(255, 255, 255, 0.3);
}
.block__text {
  font-weight: 600;
  font-size: 20px;
  width: 705px;
  line-height: 130.4%;
  font-family: "Open Sans", sans-serif;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .block__title {
    font-size: 5vw;
  }
  .block__text {
    font-size: 16px;
    width: 60%;
  }
  .block__inner{
    margin: 0 0 40px 0;
  }
  .case__block-1 .block__img-wrap:first-child {
    max-width: 40%;
  }
}
.case__block-1:before,
.case__block-1:after,
.case__block-2:before,
.case__block-2:after,
.block-3__img-wrap:before,
.block-3__img-wrap:after,
.case__block-3 .block__img-wrapper:before,
.case__block-5:before,
.case__block-6:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 0;
}
.case__block-1:before {
  width: 1735px;
  height: 1791px;
  background: url(/local/templates/main_new/css/../img/graftent/1block11.png) center/contain no-repeat;
  right: 40%;
  top: 400px;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .case__block-1:before {
    display: none;
  }
}

.case__block-1:after {
  width: 530px;
  height: 395px;
  background: url(/local/templates/main_new/css/../img/graftent/1block2.png) center/contain no-repeat;
  bottom: 0;
  right: 0;
}
.block__inner,
.block__img-wrapper {
  position: relative;
  z-index: 1;
}
.shadow {
  -webkit-box-shadow: 0px 4.5625px 54.75px rgba(0, 40, 100, 0.3);
  box-shadow: 0px 4.5625px 54.75px rgba(0, 40, 100, 0.3);
}

/*2*/
.case__block-2:before {
  width: 1588px;
  height: 1882px;
  background: url(/local/templates/main_new/css/../img/graftent/block2-1.png) center/contain no-repeat;
  top: 500px;
  left: -20px;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .case__block-2:before {
    display: none;
  }
}
.case__block-2:after {
  width: 1485px;
  height: 1875px;
  bottom: 400px;
  background: url(/local/templates/main_new/css/../img/graftent/block2-2.png) center/contain no-repeat;
  left: calc(50% - 742px);
}
.block-2__big-img-1,
.block-2__big-img-2 {
  position: relative;
  max-width: 1095px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-shadow: 0px 4.5625px 54.75px rgba(0, 40, 100, 0.3);
  box-shadow: 0px 4.5625px 54.75px rgba(0, 40, 100, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.block-2__big-img-1 {
  right: -105px;
}
.block-2__big-img-2 {
  left: -105px;
  margin: -155px 0 0 0;
}
.block-2__img {
  margin: -45px 0 0 -50px;
  max-width: 560px;
}
.block-2__phone {
  max-width: 560px;
}
.block-2__ipad {
  position: absolute;
  width: 1161px;
  height: 1564px;
  z-index: 2;
  bottom: -150px;
  right: -84px;
}
.block2__inner {
  position: relative;
  z-index: 1;
}
.block__inner:nth-child(2) .block-2__left {
  position: relative;
  margin: -350px 0 0 0;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .block__inner:nth-child(2) .block-2__left {
    margin: -250px 0 0 0;
  }
  .block-2__ipad {
    width: 65%;
    height: auto;
  }
}
/*3*/
.case__block-3 {
  color: #ffffff;
  background-color: #4f4f4f;
  margin: -10px 0 0 0;
  padding: 130px 80px 0 80px;
}
.block-3__big-img {
  max-width: 1200px;
  height: 3049px;
  margin: 0 auto 100px;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 4.5625px 54.75px rgba(0, 40, 100, 0.3);
  box-shadow: 0px 4.5625px 54.75px rgba(0, 40, 100, 0.3);
}
.block-3__img-wrap {
  position: relative;
}
.block-3__img-1,
.block-3__img-2 {
  position: absolute;
  z-index: 2;
}
.block-3__img-1 {
  width: 495px;
  height: 605px;
  right: 140px;
  top: 508px;
}
.block-3__img-2 {
  width: 1300px;
  height: 790px;
  left: -80px;
  bottom: 39px;
}
.block-3__img-wrap:before {
  left: -80px;
  top: 292px;
  width: 1920px;
  height: 901px;
  background: url(/local/templates/main_new/css/../img/graftent/block3-bg.jpg) center/contain no-repeat;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .block-3__big-img {
    max-width: 100%;
    height: auto;
  }
  .block-3__img-wrap:before {
    width: 100%;
  }
  .block-3__img-2 {
    max-width: 100%;
  }
}
.block-3__img-wrap:after {
  width: 1751px;
  height: 2109px;
  bottom: -400px;
  left: -80px;
  background: url(/local/templates/main_new/css/../img/graftent/block3-bg2.png) center/contain no-repeat;
}

.block-3-img {
  width: 500px;
  position: relative;
  z-index: 1;
}
.case__block-3 .block__img-wrapper {
  position: relative;
}
.case__block-3 .block__img-wrapper:before {
  width: 1230px;
  height: 644px;
  background: url(/local/templates/main_new/css/../img/graftent/block3-bg3.png) center/contain no-repeat;
  bottom: 0;
  left: calc(50% - 615px);
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .case__block-3 {
    padding: 60px 20px 0 20px;
  }
  .block-3__img-wrap:after {
    max-width: 100%;
    background-size: contain;
  }
  .block-3-img {
    width: 33%;
  }
  .case__block-3 .block__img-wrapper:before {
    display: none;
  }
}
/*4*/
.case__block-4 {
  color: #ffffff;
  background-color: #4f4f4f;
  padding-bottom: 100px;
}
.block-4__a {
  font-weight: 700;
  font-size: 214px;
  color: #5b5c5d;
}
.text-title {
  font-weight: 700;
  font-size: 64px;
  line-height: 77px;
  color: #e6f0f5;
}
.text-sub {
  font-size: 36px;
  line-height: 43px;
  color: #c4d1e1;
}
.block-4__a {
  font-weight: 700;
  font-size: 214px;
  line-height: 185px;
  color: #5b5c5d;
}
.block-4__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.block-4__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 30px 0;
}
.color__item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 30px 0;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #fbfbfb;
}
.color {
  width: 296px;
  height: 272px;
  margin: 0 0 15px 0;
}
.color1 {
  background: url(/local/templates/main_new/css/../img/graftent/color1.png) center/contain no-repeat;
}
.color2 {
  background: url(/local/templates/main_new/css/../img/graftent/color2.png) center/contain no-repeat;
}
.color3 {
  background: url(/local/templates/main_new/css/../img/graftent/color3.png) center/contain no-repeat;
}
.color4 {
  background: url(/local/templates/main_new/css/../img/graftent/color4.png) center/contain no-repeat;
}
.block-4__text-img {
  width: 860px;
}
.block-4__text-wrap {
  margin: 0 186px 0 0;
}
.color__text {
  width: 237px;
  margin: auto;
}
.block-4__text .text {
  margin: 0 0 0 -60px;
}
.open-sans {
  font-family: "Open Sans", sans-serif;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .block-4__text-wrap {
    margin: 0 20px 0 0;
  }
  .case__block-4 .d-flex {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
  }
}
/*5*/
.case__block-5,
.case__block-6 {
  color: #ffffff;
  background-color: #f76c08;
}
.case__block-5:before {
  width: 1920px;
  height: 1249px;
  top: 0;
  left: 0;
  background: url(/local/templates/main_new/css/../img/graftent/block5-bg.jpg) top/contain no-repeat;
}
.case__block-5 .block__img-wrap:first-child {
  max-width: 500px;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .case__block-5 .block__img-wrap:first-child {
    max-width: 25%;
  }
}
/*6*/
.case__block-6 {
  padding: 100px 0 100px 600px;
  position: relative;
}
.block-6__title {
  color: #ffffff;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  margin: 0 auto 80px;
  max-width: 920px;
  text-align: center;
  position: relative;
}
.case__block-6 .callback-block__form {
  margin: auto;
}
.case__block-6 .form-label,
.case__block-6 .personal-info,
.case__block-6 a {
  color: #ffffff;
}
.case__block-6 .form-input,
.case__block-6 .form-textarea {
	border: none;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
.case__block-6s a {
  text-decoration: underline;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before {
	border: 1px solid #ffffff;
	background: transparent;
}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
  border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background: transparent;
}
.case__block-6 .form-submit {
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.case__block-6:before {
  width: 945px;
  height: 612px;
  left: 0;
  top: 20px;
  background: url(/local/templates/main_new/css/../img/graftent/block6-bg.jpg) center/contain no-repeat;
}
.form-input:placeholder-shown + label, .form-textarea:placeholder-shown +label,
.form-input + label, .form-textarea + label, .form-input:focus + label, .form-textarea:focus + label{
	background: transparent;
	color: #ffffff;
	visibility: visible;
	transition: all 0;
	opacity: 1;
}
.form-input:focus + label, .form-textarea:focus + label,
.form-input + label, .form-textarea + label{
	visibility: hidden;
}
.callback-block__form .form-submit,
.callback-block__form .form-submit:hover,
.callback-block__form .form-submit:focus{
	border: 1px solid #FFFFFF;
	background: transparent;
	box-shadow: none;
}
.case-footer .btn{
	font-family: 'Ubuntu', sans-serif;
}
@media (min-width: 1000px) and (max-width: 1860px) {
  .case__block-6 {
    padding: 100px 20px 100px 30%;
  }
}
/* End */


/* Start:/local/templates/main_new/css/media.css?172733368429355*/
@media (min-width: 1240px) and (max-width: 1405px) {
  .awards__inner>label {
    padding: 9px 20px;
  }
}
@media only screen and (max-width: 1820px) {
  .team-front .team {
    padding: 0 3vw;
  }
}

@media only screen and (max-width : 1740px) {
  .team-front .team__item {
    width: calc(100% / 2);
  }

  /*---Portfolio page---*/
  .portfolio__item-link-wrap {
    bottom: 20px;
  }

  .portfolio__top {
    flex-direction: column;
    text-align: center;
  }

  .portfolio__link-wrap {
    margin-top: 20px;
  }

}

@media only screen and (max-width : 1580px) {

  /*about page*/
  .about-page .about__img,
  .about-page .about__content {
    max-width: 50%;
  }

  .about-page .about__img,
  .about-page .about__item:nth-child(2n) .about__content {
    padding-right: 20px;
  }

  .about-page .about__content,
  .about-page .about__item:nth-child(2n) .about__img {
    padding-left: 20px;
  }

  .about-page .about__item:not(:last-child) {
    margin-bottom: 110px;
  }
  /*---vacansii page---*/
  .vacansii-wrap {
    padding: 120px 50px 100px;
  }

  .vacansii-item {
    max-width: calc(50% - 20px);
  }
}

@media only screen and (max-width: 1510px) {

  /*-------Header-------*/
  /* .not-front-page main,
  .not-front-page .footer {
    width: 78%;
  }
  .not-front-page .footer{
    padding: 60px 20px;
  } */
  /*---------Warranty Page-------*/
  .warranty__item {
    padding: 0 20px;
  }

  .warranty__title:before {
    margin: 0 20px 0 0;
  }

  /*---Contacts Page---*/
  .contacts-wrap {
    padding: 120px 50px 100px;
  }

  /**/
  .elem {
    width: 100%;
    padding: 30px 0;
    position: relative;
  }

  .elem-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .elem__hover {
    width: 100%;
    height: 100%;
    left: 0;
  }

  .elem__title,
  .elem__info {
    width: 100%;
    max-width: 350px;
  }

  .elem-inner {
    width: 100%;
    max-width: 350px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 1440px) {
  .footer__column:nth-child(2) p {
    max-width: 350px;
    text-align: right;
  }

  /*--------About--------*/
  .team__item {
    width: 33%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .team__item-inner {
    max-width: 293px;
    padding: 20px 10px 0;
    min-height: 135px;
  }

  .team__name {
    max-width: 100%;
    margin: 5px 0 10px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    flex: initial;
  }

  .team__position {
    text-align: center;
    max-width: 100%;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    margin: 10px 0;
  }

  .team__link-certificate {
    margin: auto;
  }

  .team__slider .slick-arrow {
    bottom: -20px;
  }

  /*----------Portfolio Page---------*/
  .hover-link-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .hover-link:first-child {
    margin: 0 15px 10px 0;
  }

  /*--------Warranty Page------*/
  .warranty__title:before {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 1360px) {

  /*-----Menu-----*/
  .menu-right,
  .menu-left {
    display: none;
  }

  /*---Reviews Page---*/
  /* .reviews__img-slider{
    max-width: 360px;
    padding: 0 30px 0 0;
  } */
  /* .reviews__slider{
    width: calc(100% - 360px);
  }
  .reviews__img-slider .slick-next {
    right: 30px;
	} */
  /*---------Warranty---------*/
  .warranty__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
  }

  .warranty__title:before {
    width: 130px;
    height: 130px;
  }

  .warranty__item {
    padding: 0 0 80px;
  }

  .warranty__info-wrap {
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  /* .warranty__info-hov {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .warranty__info-wrap:hover .warranty__info-hov {
    position: relative;
    margin: 10px 0 0 0;
  }
  .warranty__info-wrap:hover .warranty__info {
    opacity: 1;
	} */

/*---vakansii page---*/
  .vakansii-top__text {
    max-width: 474px;
  }
}

@media only screen and (max-width: 1240px) {
  .services-page {
    padding: 130px 30px;
  }

  /*-----Header-----*/
  main,
  .footer {
    width: 100%;
    margin: initial;
    max-width: 100%;
  }

  .blob {
    max-width: 100vw;
  }

  .popup-menu {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: hidden;
  }

  .popup-menu,
  .front-page .popup-menu {
    min-width: 320px;
  }

  .open-menu .popup-menu {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
  }

  .burger {
    display: flex;
  }

  .menu-top {
    display: flex;
  }

  .popup-menu {
    top: 100px;
    height: calc(100vh - 100px);
  }

  .popup-menu__logo {
    display: none;
  }

  /* main, footer,
	.blob{
		max-width: calc(100vw - 320px);
	} */
  .warranty,
  .reviews-page {
    padding: 200px 4vw 150px;
  }

  .warranty__inner {
    margin-top: 50px;
  }

  /*-----------Contacts----------*/
  .contacts-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .contacts-form {
    margin: 0;
  }

  .contacts-wrap .menu-form {
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .contacts-wrap .callback-block__info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 40px 0 0 0;
  }

  .representations__block {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 2vw;
  }

  .contacts {
    padding: 100px 0 350px 0;
  }

  .about-screen {
    margin-top: 100px;
  }

  /*--- portfolio ---*/
  .portfolio__top {
    margin-top: 100px;
    margin-bottom: 60px;
  }

  .portfolio__item-link-wrap {
    padding: 0 5vw;
  }
  .tooltip__popup {
    left: initial;
    right: 0;
  }
  .tooltip__popup:after{
    left: 76%;
  }

/*---vacansii page---*/
  .vacansii {
    padding-top: 100px;
  }
  .posibilities {
    /* padding-left: 20px;
    padding-top: 120px; */
  }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {

  /*----what-need----*/
  .what-need {
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    padding: 10vh 0;
  }

  /*------reviews-----*/

  .warranty {
    padding: 150px 4vw 8vh 4vw;
  }

  /*blob*/
  .item1 {
    left: 5%;
    top: -11%;
  }

  .item2 {
    top: 40%;
    right: -8%;
  }

  .item3 {
    bottom: -12%;
    left: 2%;
  }

  .callback-block .item1 {
    left: -3%;
    top: -43%;
    width: 35vw;
  }

  .callback-block .item2 {
    width: 45vw;
  }

  .callback-block .item3 {
    bottom: -11%;
    width: 45vw;
  }
}

@media only screen and (max-width: 1040px) {
  .services-page .news-item {
    max-width: calc(50% - 20px);
  }

  /*----------About-------------*/
  .team__item {
    width: 50%;
  }

  .about .screen-title {
    margin: 2vw 0 10vw 0;
  }

  /*------Footer-----*/
  .footer {
    padding: 60px 20px;
  }

  /*----Portfolio page---*/
  .portfolio__link-wrap {
    max-width: 354px;
  }

  .portfolio__link {
    max-width: 177px;
  }

  .reviews__slide-inner {
    margin-left: 30px;
  }

  .reviews__img-slide {
    max-width: 300px;
  }

  .reviews-page .slider-wrap {
    margin: 30px 0 0 0;
  }

  /*---o-nas---*/
  .awards__inner>label {
    padding: 9px 20px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

  /*-----Menu-----*/
  .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .textarea-wrap {
    margin: 0 0 10px 0;
  }

  .contacts-form .form-textarea {
    width: 100%;
    height: 80px;
  }

  .nav__ul {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .about-page .logo-link {
    width: 87px;
  }

  /*----what-need----*/
  .what-need {
    padding: 10vh 10vw;
  }

  .elem {
    padding: 0;
    margin: 0 0 60px 0;
  }

  .elem:hover .elem__hover {
    display: none;
  }

  /*-----------Portfolio--------*/
  .portfolio-wrap {
    margin: 0 auto 10px;
  }

  .about__info {
    padding: 0 0 0 40px;
  }

  /*-------Footer-------*/
  .footer__column {
    padding: 0 0 0 20px;
  }

  .footer__column:nth-child(1) {
    padding: 0;
  }

  .footer__info {
    max-width: 270px;
  }

  /*---about page---*/
  .about-screen-inner__subtitle {
    max-width: 405px;
  }

  .team__slide {
    max-width: 50%;
  }

  /*---vakansii page---*/
  .vakansii-top__inner {
    padding: 30px 60px;
  }

  .vacansii-detail__img {
    width: 35%;
  }

  .vacansii-detail__text {
    width: 100%;
  }
}

@media only screen and (max-width : 900px) {
  .menu-top__phone {
    display: none;
  }

  /*about page*/
  .about__item {
    flex-direction: column;
  }

  .about__item:nth-child(2n) .about__img,
  .about__item:nth-child(2n) .about__content {
    order: initial;
  }

  .about__img,
  .about__item:nth-child(2n) .about__content,
  .about__content,
  .about__item:nth-child(2n) .about__img {
    padding-left: initial;
    padding-right: initial;
  }

  .about__img {
    margin-bottom: 20px;
  }

  .about-page .about__img,
  .about-page .about__content,
  .about-page .about__item:nth-child(2n) .about__img {
    max-width: 520px;
    padding-left: 0;
    padding-right: 0;
  }

  .about-page .team {
    padding: 80px 20px;
  }

   /*---vakansii page---*/
   .vakansii-top__inner {
    flex-direction: column;
    text-align: center;
   }

}

@media only screen and (max-width: 880px) {

  /*-------First screen----*/
  .first-screen__top {
    display: none;
  }

  /*------About------*/
  .about .screen-title {
    margin: 0vw 0 5vw 0;
  }

  /*--------About Page------*/
  .about-page .screen-title {
    margin: 2vw 0 5vw 0;
  }

  /*---------Contacts--------*/
  .requisites {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .requisites__block {
    max-width: 100%;
    padding: 0;
  }

  .requisites__block:nth-child(1) {
    margin: 0 0 10px 0;
  }

  .requisites:before {
    top: 23px;
  }

  /*--------Services Page--------*/

  .services-page .catalog-item-name {
    padding: 20px;
    font-size: 26px;
    line-height: 30px;
  }

  .services-page {
    overflow: hidden;
    position: relative;
  }

  .tabs {
    position: relative;
  }

  .table {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    background: #fcfcfc;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .tabs__left,
  .table {
    width: 70%;
  }

  .table.active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    left: 0;
  }

  .back {
    display: block;
    width: 20px;
    height: 10px;
    background: url(/local/templates/main_new/css/../img/icon/prev.svg) center/contain no-repeat;
    margin: 0 0 20px 0;
  }

  .services-page:before {
    content: " ";
    width: 30%;
    position: absolute;
    display: block;
    height: calc(100% - 80px);
    right: 0;
    top: 80px;
    background: url(/local/templates/main_new/css/../img/1.jpg) center/cover no-repeat;
    z-index: 2;
  }

  /*Portfoio*/
  .portfolio__item--last .portfolio__img-wrap {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .portfolio__item-link-more {
    margin-top: 20px;
  }

  .portfolio__item-title {
    margin-right: 0;
  }

}

@media only screen and (max-width: 840px) {

  /* .reviews__slider{
    max-width: calc(100% - 350px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  } */
  /* .reviews__img-slider{
    max-width: 350px;
  } */
}

@media only screen and (max-width: 800px) {

  /*----what need---*/
  .what-need {
    padding: 100px 10vw 5vh;
  }

  /*-----About-----*/
  .about,
  .portfolio {
    padding: 50px 15px;
  }

  /*-----Reviews-----*/
  .warranty {
    padding: 100px 4vw 100px;
  }

  /*------Callback section-----*/
  .callback-block__form {
    max-width: 320px;
  }

  /*--about page--*/
  .awards__inner>label,
  .awards__inner>label:nth-child(2),
  .awards__inner>label:nth-child(6) {
    display: block;
    max-width: 280px;
    margin: auto;
    margin-bottom: 2px;
    border-radius: 3px;
  }

  .about-screen-inner {
    flex-direction: column;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .burger {
    top: 33px;
  }

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

  /*-------First Screen-----*/
  .first-screen__callback .callback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 20vh;
    width: 258px;
    height: 50px;
    font-size: 20px;
    line-height: 23px;
    left: calc(50% - 129px);
    margin: 0;
    z-index: 10;
  }

  .main-slide__text {
    padding: 0 0 20vh 0;
  }

  .callback-wrap .callback {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .scroll .callback-wrap .callback {
    visibility: visible;
    opacity: 1;
  }

  .menu-top {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .scroll .menu-top {
    top: 0;
    padding: 15px 30px;
    height: 60px;
    background: #fcfcfc;
    -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);
  }

  .scroll .burger {
    top: 15px;
  }

  /*-----Form-----*/
  .form-submit {
    width: 258px;
    height: 50px;
    font-size: 20px;
    line-height: 23px;
  }

  /*----------Warranty---------*/
  .warranty__info-hov {
    position: relative;
    margin: 10px 0 0 0;
    opacity: 1;
    text-align: left;
  }

  /*about page*/
  .team__slider .slick-arrow {
    bottom: initial;
    top: -35px;
  }

  /*---o-nas---*/
  .awards__slide,
  .awards__slider-1.slick-initialized .slick-slide,
  .awards__slider-2.slick-initialized .slick-slide,
  .awards__slider-3.slick-initialized .slick-slide {
    padding: 0;
  }

  .awards__img {
    box-shadow: none;
  }

  .about-page .about__item:not(:last-child) {
    margin-bottom: 70px;
  }

  /*---vakansii page---*/
  .vacansii-section-list {
    gap: 20px;
  }

  .vacansii-item {
    min-height: 100%;
  }

  .vacansii-item {
    max-width: calc(50% - 10px);
  }

  .vacansii-connection__text {
    font-size: 20px;
    line-height: 150%;
  }

  .vacansii-item .details a {
    font-size: 14px;
  }

}

@media only screen and (max-width: 767px) {

  /*--------About Page-----*/
  .all-team__item {
    max-width: 50%;
  }

  .about-screen-inner {
    padding: 30px 20px;
  }

  /*-------Contacts--------*/
  .representations__item {
    min-width: 190px;
  }

  .representations {
    overflow-x: auto;
  }

}

@media only screen and (max-width: 730px) {
  .footer__column:nth-child(1) {
    text-align: center;
    margin: 0 auto 10px;
  }

  /*------Reviews------*/
  .reviews__slide-inner {
    display: none;
  }

  .reviews__img-slide {
    margin: auto;
  }

  /* .reviews__img-slider .slick-next {
    right: 0;
  }
  .reviews__img-slider .slick-dots,
  .reviews__img-slider {
    padding-right: 0;
  } */
  .portfolio-wrap:before {
    top: 50px;
  }

  /*-------Footer-------*/
  .footer-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }



  .footer__column {
    padding: 15px 0 0 0;
    margin: 0 auto;
    text-align: center;
  }

  /* .footer__column:nth-child(1) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .footer__column:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .footer__column:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .footer__ul {
    -webkit-column-count: 3;
    column-count: 3;
  }
  .item-download {
    margin: 0 0 40px 0;
  }
  .footer__info {
    max-width: 100%;
    margin: 20px 0 0 0;
  } */

}

@media only screen and (max-width: 670px) {

  /*--------portfolio------*/
  .portfolio__item-title {
    font-size: 28px;
  }

  /*-------About------*/
  .about-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 90px 0 0 0;
  }

  .about__info {
    width: 100%;
  }

  .about__photo {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
  }

  .about__photo-slider {
    max-width: 100%;
    max-height: 438px;
  }

  .about__photo-slider .slick-arrow {
    bottom: calc(50% - 10px);
  }

  .about__photo-slider .slick-prev {
    left: -50px;
  }

  .about__photo-slider .slick-next {
    right: -50px;
  }

  .about__info {
    padding: 0 30px;
  }

  .about__slider {
    max-width: 100%;
    padding: 0;
    margin-top: 20px;
  }

  .about .screen-title {
    position: absolute;
    top: 0;
  }

  .slick-dotted.slick-slider {
    margin-top: 30px;
  }

  .team__item {
    width: 100%;
  }

  .about__photo-slider .about__img {
    margin: auto;
  }

  /*-----Reviews-----*/
  .slider-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .reviews__slider {
    width: 100%;
  }

  /* .reviews__img-slider {
    max-width: 280px;
    margin: auto;
    padding: 0;
  } */
  /*------Callback section-----*/
  .callback-block-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* .callback-block__info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    max-width: 280px;
    margin: 40px auto;
  } */
  .callback-block__form {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: auto;
  }

  /*-----------Warranty Page----------*/
  .warranty__title:before {
    width: 60px;
    height: 60px;
  }

  /*--------Contacts-------*/
  .contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .callback-block__info {
    max-width: 380px;
  }

  .contacts__block {
    margin: 40px 0 0 0;
  }

  .subtitle2 {
    font-size: 24px;
    line-height: 28px;
  }

  .contacts__link {
    font-size: 18px;
    line-height: 21px;
  }

  .contacts-wrap {
    padding: 80px 20px 100px;
  }

  /*---------Services------------*/
  .warranty:before {
    display: none;
  }

  .tabs__left,
  .table {
    width: 100%;
  }

  /*---Contacts Page---*/
  .requisites:before {
    display: none;
  }

  .requisites {
    padding-left: 25px;
  }

  .contacts-top__inner {
    flex-direction: column;
    text-align: center;
  }

  .contacts-top__phone {
    font-size: 24px;
  }

  .contacts-wrap {
    padding: 40px 20px 60px;
  }

  .contacts-top__inner {
    padding: 30px 20px;
  }

  /*blob*/
  .item1 {
    left: -7%;
    top: -11%;
  }

  .item2 {
    top: 45%;
    right: -20%;
  }

  .item3 {
    bottom: -1%;
    left: 2%;
  }

  .callback-block .item1 {
    top: -29%;
  }

  .callback-block .item2 {
    top: 15%
  }

  .callback-block .item3 {
    bottom: 0;
  }

  .callback-block .blob {
    height: 100%;
  }

  .reviews-page {
    padding: 130px 20px 60px;
  }

  .reviews__slide {
    padding: 20px 0;
  }

  .reviews-page .slider-wrap {
    margin: 20px 0 0 0;
  }

  /*---vakansii page---*/
  .vacansii-item__card {
    padding: 30px 25px 20px;
  }
}

@media only screen and (max-width: 600px) {
  .services-page .catalog-section-list .catalog-item {
    max-width: calc(100% - 20px);
  }

  .services-page .news-item {
    max-width: calc(100% - 20px);
  }

  /*---vakansii page---*/
  .vacansii-item {
    max-width: 100%;
  }

  .vacansii-wrap {
    padding: 50px 30px 0;
  }
}

@media only screen and (max-width: 560px) {

  .services__top .big-title {
    font-size: 32px;
  }

  .services-page,
  .warranty {
    padding: 130px 30px 60px;
  }

  .services-page .news-list {
    margin: 20px -10px 0;
  }

  .warranty__title-img {
    margin-bottom: 10px;
  }

  .warranty__item {
    padding: 0 0 50px;
  }

  /*----------About Page-------*/
  .all-team__item {
    max-width: 100%;
  }

  .all-team__item {
    width: 240px;
    min-width: 240px;
    max-width: initial;
  }

  .all-team__inner {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .about-screen__down {
    margin: 20px 0 0 0;
  }

  .team-front .team__item {
    width: 100%;
  }

  /*--- portfolio---*/
  .portfolio__item-link-wrap {
    bottom: 9px;
  }

  .team__slide {
    max-width: 100%;
  }

  .team__item {
    padding: 0;
    margin: 0 0 20px 0;
  }

  .form-title {
    margin: 0 0 30px 0;
  }

  /*--- vakansii---*/
  .vacansii-connection__text {
    font-size: 18px;
  }
}

@media only screen and (max-width: 530px) {
  .to-top {
    right: 10px;
  }

  .what-need {
    padding: 60px 10vw 30px;
  }

  .about,
  .portfolio {
    padding: 20px 15px;
  }

  .portfolio .screen-title {
    margin: 0 0 30px 0;
  }

  .about-inner {
    padding: 70px 0 0 0;
  }

  .elem {
    margin: 0 0 35px 0;
  }

  .portfolio__item {
    margin-bottom: 20px;
  }

  .about__slider .slick-slide {
    height: initial;
  }

  .about__slide-text {
    max-height: 330px;
    overflow-y: auto;
    scrollbar-color: #75757542 #bebebe27;
    /*Стили ff */
    scrollbar-width: thin;
    /*для просмотра использовать ff*/
  }

  .about__slide-text::-webkit-scrollbar {
    background: #bebebe27;
    width: 6px;
    height: 6px;
  }

  .about__slide-text::-webkit-scrollbar-thumb {
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background: #75757542;
  }

  .about__info {
    padding: 0 5px;
  }

  /*-------First Screen-----*/
  .first-screen__bottom {
    display: none !important;
  }

  /*---header---*/
  .logo {
    max-width: 110px;
  }

  .logo-link {
    display: block;
    width: 100%;
  }

  .logo-link img {
    max-width: 100%;
    height: auto;
  }

  .callback-wrap .callback {
    width: 140px;
    font-size: 14px;
    margin: 0 50px 0 0;
  }

  .menu-top,
  .scroll .menu-top {
    padding: 15px 20px;
  }

  .burger {
    right: 20px;
  }

  .callback-block .screen-title {
    font-size: 42px;
    line-height: 51px;
  }

  .screen-title {
    margin: 0 0 30px 0;
  }

  .callback-block {
    padding: 60px 4vw 20px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .subtitle {
    margin: 0 0 40px 0;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer__yandex {
    margin-right: 5px;
  }

  /*--------*/
  .first-screen__down {
    display: none;
  }

  /*------Footer-------*/
  .footer__ul {
    -webkit-column-count: 2;
    column-count: 2;
  }

  /*-------About Page------*/
  .awards__slider-2,
  .awards__slider-3 {
    max-width: 280px;
  }

  .about .subtitle {
    padding: 0 5vw;
    text-align: left;
  }

  .about-page .team {
    padding: 35px 20px;
  }

  .team__item-inner {
    max-width: 240px;
  }

  /*---------Warranty---------*/
  .warranty__text {
    text-align: left;
  }

  .warranty__item {
    padding: 0 0 50px;
  }

  .warranty__item:last-child {
    padding: 0;
  }

  /*--------Contacts-------*/
  .subtitle2 {
    text-align: left;
  }

  /*---Portfolio page---*/
  .portfolio__link-wrap {
    flex-direction: column;
    align-items: center;
    max-width: 177px;
    margin: 20px auto 0;
  }

  .footer__column:nth-child(1) {
    flex-direction: column;
    align-items: center;
  }

  .screen-title,
  .callback-block .screen-title {
    font-size: calc(8vw + 2px);
    line-height: 9.5vw;
  }

  /*---vakansii page---*/
  .vakansii-top__inner {
    padding: 15px 10px;
  } 

  /*---vakansii popup---*/
  .popup-vacansii .vakansii-message-title,
  .popup-vacansii .message .form-title {
    font-size: calc(2vw + 18px);
    line-height: calc(2vw + 24px);
  }

  .popup-vacansii .message p {
    font-size: 20px;
    line-height: 100%;
  }
}

@media only screen and (max-width: 440px) {
  .about__photo-slider .slick-arrow {
    bottom: -35px;
  }

  .about__photo-slider .slick-prev {
    left: 0;
  }

  .about__photo-slider .slick-next {
    right: 0;
  }

  .about__photo {
    max-width: 280px;
    margin: 0 auto 20px;
  }

  /*---vakansii popup---*/
  .popup-join-you__form .callback-block__group {
    flex-direction: column;
    text-align: center;
  }
  
    .popup-join-you__form .callback-block__group .callback-block__address{
    margin: 0 0 10px;
  }
  
  .popup-vacansii {
    padding: 30px;
  }
  
  .popup-vacansii .contacts-inner .form-submit {
    margin: 30px auto 0;
  }

  .popup-vacansii .callback-block__group {
    margin-bottom: 0;
  }
  .posibilities .big-title {
    font-size: 35px;
    line-height: 114.4%;
  }
}

@media only screen and (max-width: 390px) {

  /*------Contacts-------*/
  .representations .slick-prev,
  .representations .slick-next {
    top: 25%;
  }

  .representations .slick-prev {
    left: 10px;
  }

  .representations .slick-next {
    right: 10px;
  }

  .representations .slick-prev:before,
  .representations .slick-next:before {
    content: " ";
    display: block;
    width: 20px;
    height: 40px;
  }

  .representations .slick-prev:before {
    background: url(/local/templates/main_new/css/../img/icon/Prev1.svg) center/contain no-repeat;
  }

  .representations .slick-next:before {
    background: url(/local/templates/main_new/css/../img/icon/Next1.svg) center/contain no-repeat;
  }
}

@media only screen and (max-width: 374px) {
  .warranty__title-img {
    max-width: 80px;
  }

  .warranty__title.darker {
    font-size: 20px;
    line-height: 1.3;
  }

  /*--- popup resume ---*/
  .popup-vacansii label.label-file {
    left: 0;
  }
}

@media only screen and (max-width: 350px) {
  .elem__title {
    white-space: normal;
    width: fit-content;
  }

  /*-----menu-----*/
  .header .callback {
    display: none;
  }
}


@media only screen and (min-width: 320px) {
  .main-slide__text {
    font-size: calc(9vw + 2px);
    line-height: 12.5vw;
  }




  .about__slide-title {
    font-size: calc(0.8vw + 18px);
    line-height: calc(1.1vw + 19px);
  }

  .reviews__slide-p {
    font-size: calc(0.1vw + 17px);
    line-height: calc(0.1vw + 20px);
  }

  .nav__link {
    font-size: calc(3.1vw + 24px);
    line-height: calc(3.5vw + 29px);
  }

  .tabs__title {
    font-size: calc(0.8vw + 30px);
    line-height: calc(4.2vw + 24px);
  }

  .tabs__content-title {
    font-size: calc(3.5vw + 20px);
    line-height: calc(4.2vw + 24px);
  }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {}


/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .main-slide__text {
    font-size: calc(5.5vw + 17px);
    line-height: calc(9.9vw + 20px);
  }

  /* .subtitle {
    font-size: calc(2vw + 33px);
    line-height: calc(2.4vw + 38px);
  } */

  .nav__link {
    font-size: 40px;
    line-height: 44px;
  }

  .form-title {
    margin: 0 0 30px 0;
  }

  /* .big-title {
    font-size: calc(5.2vw + 80px);
    line-height: calc(6vw + 95px);
  } */
  .tabs__content-title {
    font-size: 48px;
    line-height: 56px;
  }

  .tabs__title {
    font-size: 36px;
    line-height: 56px;
  }
}

@media only screen and (min-width: 1200px) {
  .popup-vacansii {
    width: 1164px;
    padding: 80px 44px 60px;
  }

  .popup-vacansii .contacts-inner .popup-block__form .form-submit {
    margin: 30px auto;
  }
  .popup-vacansii .vakansii-message-title {
    width: 710px;
  }
  .popup-vacansii .vakansii-resume-title {
    width: 330px;
  }
  .popup-vacansii .vakansii-resume-title,
  .popup-vacansii .vakansii-message-title {
    margin: 0 auto 70px;
  }

  .popup-vacansii .popup-block__form {
    width: 454px;
  }

  .popup-vacansii .popup-block__form textarea {
    height: 82px;
  }

  .popup-vacansii .message {
    margin: 27px 18px 45px 170px;
  }
} 

@media only screen and (min-width: 1240px) {
  .main-slide__text {
    font-size: calc(6.5vw + 17px);
    line-height: calc(9.9vw + 20px);
  }
}

@media only screen and (min-width: 2400px) {
  .vakansii-top__img {
    height: 375px;
  }
}

@media (orientation: landscape) {
  .item1 {
    width: 35vw;
    height: 35vw;
  }

  .item2 {
    width: 45vw;
    height: 45vw;
  }

  .item3 {
    width: 40vw;
    height: 40vw;
  }
}

@media (orientation: portrait) {

  .item1,
  .callback-block .item1 {
    width: 35vh;
    height: 35vh;
  }

  .item2,
  .callback-block .item2 {
    width: 45vh;
    height: 45vh;
  }

  .item3,
  .callback-block .item3 {
    width: 40vh;
    height: 40vh;
  }
}
/* End */
/* /local/templates/main_new/fonts/fonts.css?16669509076144 */
/* /local/templates/main_new/libs/animate/animate.css?159721468974161 */
/* /local/templates/main_new/libs/slick/slick-theme.css?16019092585023 */
/* /local/templates/main_new/libs/fancybox-master/jquery.fancybox.min.css?159721468913841 */
/* /local/templates/main_new/css/main.css?174834709760848 */
/* /local/templates/main_new/css/style-graftent.css?169813892413315 */
/* /local/templates/main_new/css/media.css?172733368429355 */