/*
	x
	@media (max-width: 575px) {}

	sm
	@media (min-width: 576px) and (max-width: 767px) {}

	md
	@media (min-width: 768px) and (max-width: 991px) {}

	lg
	@media (min-width: 992px) and (max-width: 1199px) {}

	xl
	@media (min-width: 1200px) and (max-width: 1919px) {}

	xxl
	@media (min-width: 1920px) {}
*/

:root {
	--font-brand: 'Myriad Pro';
	--border-radius: 5px;
	--color-brand: #00456F;
	--color-second: #2E84B7;
	--color-dark: #002D48;
	--color-gray: #A1A1A1;
	--color-gray-light: #EEF3F7;
	--color-gray-dark: #001522;
}

/* Fonts */
	@font-face {
		font-family: 'Myriad Pro';
		src: url('../fonts/MyriadPro-Regular.eot');
		src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
			url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/MyriadPro-Regular.woff') format('woff'),
			url('../fonts/MyriadPro-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Myriad Pro';
		src: url('../fonts/MyriadPro-Bold.eot');
		src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),
			url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/MyriadPro-Bold.woff') format('woff'),
			url('../fonts/MyriadPro-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
/* Fonts */

/* General */
	* { outline: 0 !important; }

	html, body {
		position: relative;
		overflow-x: hidden;
		font-family: var(--font-brand);
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 0.1px;
		font-weight: 400;
		font-style: normal;
		color: var(--color-dark);
	}


	h1, h2, h3, h4, h5, h6
	.h1, .h2, .h3, .h4, .h5, .h6 {
		margin: 0 !important;
		font-weight: bold !important;
	}

	h1.xl, .h1.xl {
		font-size: 5rem;
		line-height: 5rem;
	}
	@media (min-width: 576px) and (max-width: 767px) {
		h1.xl, .h1.xl {
			font-size: 3.6rem;
			line-height: 4.2rem;
		}
	}
	@media (max-width: 575px) {
		h1.xl, .h1.xl {
			font-size: 2.6rem;
			line-height: 3.2rem;
		}
	}

	h2.xl, .h2.xl {
		font-size: 4rem;
		line-height: 4rem;
	}

	p {
		margin: 0;
		padding: 0;
	}

	a {
		color: #1d3752;
		text-decoration: underline;

		-webkit-transition: color .5s;
		transition: color .5s;
	}
	a:hover, a:active {
		color: var(--color-brand);
		text-decoration: none;
	}

	@media (max-width: 576px) {
		.col-xs-6 {
		    -ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		    max-width: 50%;
		}
		.col-xs-8 {
		    -ms-flex: 0 0 66.666667%;
		    flex: 0 0 66.666667%;
		    max-width: 66.666667%;
		}
		.col-xs-12 {
		    -ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
	}
	@media (min-width: 1500px) {
		.d-xxl-block { display: block!important; }
	}
/* General */

/* Components */
	/* Message */
		.message {
			position: fixed;
			top: 0px;
			left: 0px;
			display: none;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			align-content: center;
			opacity: 0;
			width: 100%;
			height: 100%;
			z-index: 10000;
		}

		.message .layout {
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: rgba(24,24,24,.5);
			z-index: 1;
		}

		.message .body {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			align-content: center;
			position: relative;
			width: 300px;
			height: auto;
			box-sizing: border-box;
			padding: 15px;
			background-color: white;
			-webkit-box-shadow: 0 0 0 0.2rem rgba(26, 26, 24, .5);
		    box-shadow: 0 0 0 0.2rem rgba(26, 26, 24, .5);
			z-index: 100;

			text-align: center;
		}

		.message .body span {
			color: #000000;
		}

		.message button {
			display: block;
			position: absolute;
			top: -30px;
			right: 0px;
			width: 20px;
			height: 20px;
			background-color: transparent;
			border: none;
			cursor: pointer;
			z-index: 100;
			opacity: 1;

			-webkit-transition: opacity .25s;
			-moz-transition: opacity .25s;
			-ms-transition: opacity .25s;
			-o-transition: opacity .25s;
			transition: opacity .25s;
		}

		.message button:hover {
			opacity: .5;
		}

		.message button:before {
			content: ' ';
			position: absolute;
			top: 0px;
			left: 10px;
			width: 1px;
			height: 20px;
			background-color: white;

			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.message button:after {
			content: ' ';
			position: absolute;
			top: 0px;
			left: 10px;
			width: 1px;
			height: 20px;
			background-color: white;

			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	/* Message */

	/* Header */
		header {
			display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;

		    -ms-flex-pack: center!important;
		    justify-content: center!important;
		    -ms-flex-align: center!important;
		    align-items: center!important;

			position: fixed;
			top: 0px;
			width: 100%;
			height: 78px;
			box-sizing: border-box;
			padding: 0 60px;
			background-color: white;
			border-bottom: 1px solid var(--color-gray-light);
			z-index: 1000;

			-webkit-transition: transform 1s, background-color 1s;
			transition: transform 1s, background-color 1s;

			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		header[data-view="filled"] {
			background-color: white;
		}
		@media (min-width: 992px) and (max-width: 1199px) {
			header {
				padding: 0 30px;
			}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			header {
				height: 60px;
				padding: 15px 30px;
			}
		}
		@media (max-width: 767px) {
			header {
				height: 60px;
				padding: 0 15px;
			}
		}

		/* Logo */
			header .brand {
				-ms-flex: 0 0 20%;
			    flex: 0 0 20%;
			    max-width: 20%;
			}
			@media (max-width: 991px) {
				header .brand {
			    	-ms-flex: 0 0 100%;
				    flex: 0 0 100%;
				    max-width: 100%;
				}
			}
			header .brand a {
				display: block;
				width: 140px;
				height: 30px;
			}
			@media (max-width: 767px) {
				header .brand a {
					width: 100px;
					height: 20px;
				}
			}
			header .brand a svg {
				display: block;
				width: 100%;
				height: 100%;
			}
		/* Logo */

		/* Menu */
			/* Toggle */
				header [data-action="toggle"] {
					display: none;
				}
				@media (max-width: 991px) {
					header [data-action="toggle"] {
						display: block;
						position: absolute;
						top: 0;
						right: 0;
						left: 0;
						bottom: 0;
						width: 60px;
						height: 60px;
						margin: auto;
						border: none;
						z-index: 10;
						background-color: transparent;
					}
					header [data-action="toggle"]::before,
					header [data-action="toggle"]::after {
						content: '';
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						width: 30px;
						height: 2px;
						background-color: var(--color-brand);
						margin: auto;

						-webkit-transition: transform .5s;
						transition: transform .5s;

						-webkit-transform-origin: 22px 1px;
						transform-origin: 22px 1px;
					}
					header [data-action="toggle"]::before {
						-webkit-transform: translateY(-5px) rotate(0deg);
						transform: translateY(-5px) rotate(0deg);
					}
					header [data-action="toggle"]::after {
						-webkit-transform: translateY(5px) rotate(0deg);
						transform: translateY(5px) rotate(0deg);
					}

					header[data-view="active"] [data-action="toggle"]::before {
						-webkit-transform: translateY(-5px) rotate(-45deg);
						transform: translateY(-5px) rotate(-45deg);
					}
					header[data-view="active"] [data-action="toggle"]::after {
						-webkit-transform: translateY(5px) rotate(45deg);
						transform: translateY(5px) rotate(45deg);
					}
				}
			/* Toggle */

			/* List */
				header .menu {
					display: -ms-flexbox;
				    display: inline-flex;
				    -ms-flex-wrap: wrap;
				    flex-wrap: wrap;

				    -ms-flex-pack: center!important;
				    justify-content: space-between!important;
				    -ms-flex-align: center!important;
				    align-items: center!important;

					-ms-flex: 0 0 60%;
				    flex: 0 0 60%;
				    max-width: 60%;
				    position: relative;
				    box-sizing: border-box;
				    padding: 0 60px;
				    overflow: hidden;
				}
				@media (min-width: 992px) and (max-width: 1399px) {
					header .menu {
				    	padding: 0 30px;
					}
				}
				@media (max-width: 992px) and (max-width: 1199px) {
					header .menu {
				    	-ms-flex-pack: start !important;
				    	justify-content: flex-start !important;

				    	-ms-flex: 0 0 80%;
					    flex: 0 0 80%;
					    max-width: 80%;
					}
				}
				@media (max-width: 991px) {
					header .menu {
				    	display: block;
				    	position: fixed;
				    	top: 60px;
				    	left: 0;
				    	-ms-flex: 0 0 100%;
					    flex: 0 0 100%;
					    max-width: 100%;
				    	width: 100%;
				    	height: auto;
				    	background-color: white;
				    	padding: 0;

				    	-webkit-transform-origin: 0px 0px;
						transform-origin: 0px 0px;

						-webkit-transition: transform .5s, opacity .25s;
						transition: transform .5s, opacity .25s;

						-webkit-transform: rotateX(-90deg) translateY(-60px);
						transform: rotateX(-90deg) translateY(-60px);
					}
					header[data-view="active"] .menu {
						opacity: 1;
						-webkit-transition: transform .25s, opacity 1s;
						transition: transform .25s, opacity 1s;

						-webkit-transform: rotateX(0deg) translateY(0px);
						transform: rotateX(0deg) translateY(0px);
					}
				}
				header .menu a {
					display: block;
					position: relative;
					box-sizing: border-box;
					padding: 30px 15px;
					overflow: hidden;
					
					text-decoration: none;
				}
				@media (max-width: 991px) {
					header .menu a {
						padding: 30px 0px;
						border-top: 1px solid var(--color-gray-light);
					}
				}
				header .menu a::before {
					content: ' ';
					position: absolute;
					bottom: -5px;
					left: 0;
					width: 100%;
					height: 100%;
					margin: auto;
					background-color: var(--color-brand);
					z-index: 0;

					-webkit-transition: transform 1s;
					transition: transform 1s;

					-webkit-transform: translateY(100px);
					transform: translateY(100px);
				}
				header .menu a:hover::before {
					-webkit-transform: translateY(-5px);
					transform: translateY(-5px);
				}
				header .menu a span {
					display: block;
					position: relative;
					z-index: 10;

					text-decoration: none;
					color: var(--color-brand);

					-webkit-transition: color 1s;
					transition: color 1s;
				}
				@media (max-width: 991px) {
					header .menu a span {
						text-align: center;
					}
				}
				header .menu a:hover span {
					color: white;
				}
			/* List */
		/* Menu */

		/* Contacts */
			header .contacts {
				-ms-flex: 0 0 20%;
			    flex: 0 0 20%;
			    max-width: 20%;

			    position: relative;
			    display: block;
			    box-sizing: border-box;
			    padding: 15px 0px;
			}
			@media (max-width: 1199px) {
				header .contacts {
					display: none;
				}
			}
			header .contacts .phone {
				font-weight: bold;
				text-decoration: none;
			}
			header .contacts .phone .addon {
				position: relative;
				box-sizing: border-box;
				padding-left: 10px;
			}
			header .contacts .phone .addon::before {
				content: ' ';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 3px;
				width: 2px;
				height: 12px;
				margin: auto;
				background-color: var(--color-gray-light);
			}
		/* Contacts */

		/* Call */
			header .call {
				display: -ms-flexbox;
			    display: flex;
			    -ms-flex-wrap: wrap;
			    flex-wrap: wrap;

			    -ms-flex-pack: center!important;
			    justify-content: center!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				width: 78px;
				height: 78px;
				background-color: var(--color-dark);
				z-index: 100;
			}
			@media (max-width: 991px) {
				header .call {
					width: 60px;
					height: 60px;
				}
			}
			header .call i {
				display: block;
				width: 18px;
				height: 18px;
			}
			header .call i svg {
				display: block;
				width: 100%;
				height: 100%;
			}
		/* Call */
	/* Header */

	/* Loader */
		.loader {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: var(--color-gray-light);
			z-index: 100000;
			opacity: 1;

			-webkit-transition: opacity .15s;
			transition: opacity .15s;
		}
		[data-view="loaded"] .loader {
			opacity: 0;
		}
	/* Loader */

	/* Footer */
		footer {
			box-sizing: border-box;
			background-color: var(--color-gray-dark);
			color: white;
		}

		@media (max-width: 767px) {
			footer {
				padding: 2rem 0;
			}
		}

		footer p, footer span, footer a {
			font-size: 12px;
			color: var(--color-gray-light)
		}
		footer a:hover {
			color: var(--color-second)
		}
	/* Footer */

	/* Hero */
		.hero {
			display: block;
			position: relative;
			margin-top: 74px;
			background-color: var(--color-gray-light);
			overflow: hidden;
		}
		@media (max-width: 991px) {
			.hero {
				margin-top: 60px;
			}
		}

		/* Body */
			.hero .body {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				padding: 175px 100px 315px;
				overflow: hidden;
				z-index: 10;
			}
			@media (min-width: 786px) and (max-width: 1699px) {
				.hero .body {
					padding: 135px 100px 260px;
				}
			}
			@media (min-width: 576px) and (max-width: 767px) {
				.hero .body {
					padding: 165px 30px 360px;
				}
			}
			@media (max-width: 575px) {
				.hero .body {
					padding: 90px 30px 130px;
				}
			}
			.hero .body::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 260px;
				height: 100%;
				background-color: var(--color-dark);

				z-index: 0;
			}
			@media (max-width: 991px) {
				.hero .body::before {
					display: none;
				}
			}
			.hero .body .title {
				display: inline-block;
				position: relative;
				box-sizing: border-box;
				z-index: 10;

				font-size: 58px;
				line-height: 58px;
				font-weight: bold;
				text-transform: uppercase;
				color: white;
				opacity: 0;

				-webkit-transition: transform 1s, opacity 1s;
				transition: transform 1s, opacity 1s;

				-webkit-transform: translateX(30px);
				transform: translateX(30px);
			}
			.hero[data-view="active"] .body .title {
				opacity: 1;
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
			@media (min-width: 1200px) and (max-width: 1299px) {
				.hero .body .title {
					font-size: 52px;
					line-height: 52px;
				}
			}
			@media (min-width: 768px) and (max-width: 991px) {
				.hero .body .title {
					font-size: 26px;
					line-height: 26px;
				}
			}
			@media (min-width: 576px) and (max-width: 767px) {
				.hero .body .title {
					font-size: 24px;
					line-height: 24px;
				}
			}
			@media (max-width: 575px) {
				.hero .body .title {
					font-size: 28px;
					line-height: 32px;
				}
			}
			.hero .body .title span {
				display: inline-block;
				box-sizing: border-box;
				padding: 10px 15px;
				background-color: white;
				color: var(--color-dark);
			}
			@media (max-width: 991px) {
				.hero .body .title span {
					padding: 6px 8px;
				}
			}
			.hero .body .sub-title {
				display: block;
				position: relative;
				box-sizing: border-box;
				z-index: 10;
				color: white;
				text-transform: uppercase;
			}

			.hero .body .sub-title,
			.hero .body .btn {
				opacity: 0;

				-webkit-transition: transform 1s .25s, opacity 1s .25s;
				transition: transform 1s .25s, opacity 1s .25s;

				-webkit-transform: translateX(30px);
				transform: translateX(30px);
			}
			.hero[data-view="active"] .body .sub-title,
			.hero[data-view="active"] .body .btn {
				opacity: 1;
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
		/* Body */

		/* Addon */
			.hero .addon {
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: auto;
				z-index: 100;
			}
			@media (max-width: 575px) {
				.hero .addon {
					position: relative;
				}
			}
			.hero .addon::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				backdrop-filter: blur(6px);
				-webkit-backdrop-filter: saturate(120%) blur(6px);
				backdrop-filter: saturate(120%) blur(6px);
				background-color: rgba(0,45,72,.5);
				z-index: 0;
			}
			.hero .addon button {
				display: -ms-flexbox;
			    display: flex;
			    flex-direction: column;

			    -ms-flex-pack: center!important;
			    justify-content: center!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 260px;
				height: 100%;
				background-color: white;
				border: none;
				z-index: 10;

				color: var(--color-brand);
			}
			.hero .addon button i {
			    display: block;
			    position: relative;
			    width: 30px;
			    height: 15px;
			    margin-top: 30px;
			    z-index: 10;
			    -webkit-transition: transform 1s;
			    transition: transform 1s;
			    -webkit-transform: translateY(0) rotate(90deg);
			    transform: translateY(0) rotate(90deg);
			}
			.hero .addon button i svg {
				display: block;
				width: 100%;
				height: 100%;
			}
			.hero .addon button i svg * {
				fill: var(--color-brand);
			}
			@media (max-width: 991px) {
				.hero .addon button {
					display: none;
				}
			}
			.hero .addon .content {
				display: block;
				box-sizing: border-box;
				padding: 30px 30px 30px 320px;
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				.hero .addon .content {
					padding: 30px 15px 30px 305px;
				}
			}
			@media (min-width: 768px) and (max-width: 991px) {
				.hero .addon .content {
					padding: 30px 30px;
				}
			}
			@media (min-width: 576px) and (max-width: 767px) {
				.hero .addon .content {
					padding: 30px 60px;
				}
			}
			@media (max-width: 575px) {
				.hero .addon .content {
					padding: 30px 30px;
				}
			}
			.hero .addon .content .item {
				display: -ms-flexbox;
			    display: flex;
			    -ms-flex-wrap: wrap;
			    flex-wrap: wrap;

			    -ms-flex-pack: start!important;
			    justify-content: flex-start!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				box-sizing: border-box;
				padding: 15px 30px 15px 0px;
			}
			.hero .addon .content .item i {
				display: block;
				-ms-flex: 0 0 25px;
			    flex: 0 0 25px;
			    max-width: 25px;
			    height: 25px;
			    margin-right: 15px;
			    filter: grayscale(100%);
			}
			.hero .addon .content .item i svg {
				display: block;
				width: 100%;
				height: 100%;
			}
			.hero .addon .content .item i svg * {
				fill: white;
			}
			.hero .addon .content .item span {
				display: block;
				-ms-flex: 0 0 calc(100% - 40px);
			    flex: 0 0 calc(100% - 40px);
			    max-width: calc(100% - 40px);

				color: white;
			}
		/* Addon */

		/* Background */
			.hero .background {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
			}
		/* Background */
	/* Hero */

	/* Social */
		.social {
			display: block;
			margin: 0;
			padding: 0;
		}
		.social a {
			display: inline-block;
			box-sizing: border-box;
			padding: 0px 15px 0px 0px;
			text-decoration: none;
		}
		.social a span {
			box-sizing: border-box;
			padding: 5px 10px;
			border: 1px solid var(--color-gray-light) !important;
			border-radius: var(--border-radius) !important;
			background-color: white !important;
			color: var(--color-dark) !important;

			-webkit-transition: background-color .5s, color .5s;
			transition: background-color .5s, color .5s;
		}
		.social a i svg {
			width: 20px;
			height: 20px;
			margin: 0;
		}
		@media (max-width: 767px) {
			.social {
				width: 100%;
			}
			.social a {
				padding: 0px 15px;
			}

			.social a i svg {
				width: 32px;
				height: 32px;
			}
		}
	/* Social */

	/* CTA */
		section.cta {
			display: block;
			position: relative;
			padding-top: 60px;
			background-color: var(--color-dark);
			color: white;

			z-index: 0;
		}
		section.cta.inverse {
			background-color: var(--color-gray-light);
			color: var(--color-dark);
		}
		@media (max-width: 991px) {
			section.cta {
				padding-top: 60px;
			}
		}
		@media (max-width: 991px) {
			section.cta .container {
				padding-top: 130px;
			}
		}

		section.cta .background {
			display: block;
			position: relative;
			width: 100%;
			height: 200px;
			z-index: 500;
		}
		@media (max-width: 991px) {
			section.cta .background {
				display: none;
			}
		}
		section.cta .background .image {
			position: absolute;
			bottom: -82px;
			left: 0;
			width: 340px;
			height: 530px;

			-webkit-transition: transform 1s;
			transition: transform 1s;

			-webkit-transform: translateX(-50px);
			transform: translateX(-50px);
		}
		section.cta[data-view="active"] .background .image {
			-webkit-transform: translateX(-75px);
			transform: translateX(-75px);
		}

		section.cta .expert {
			display: none;
		}
		@media (max-width: 991px) {
			section.cta .expert {
				display: block;
				position: absolute;
				top: -150px;
				left: 0;
				right: 0;
				width: 300px;
				height: 538px;
				margin: auto;
				z-index: 0;
			}
			section.cta.inverse .expert::after {
				content: '';
				display: block;
				position: absolute;
				bottom: 0px;
				left: 0;
				right: 0;
				width: 100%;
				height: 480px;
				 background-image: linear-gradient(rgba(238,243,247,0), rgba(238,243,247,1));
				z-index: 1;
			}
		}

		section.cta .brand {
			display: block;
			position: absolute;
			top: -60px;
			bottom: 0;
			right: -120px;
			width: 570px;
			height: 420px;
			z-index: -1;
		}
		@media (max-width: 991px) {
			section.cta .brand {
				display: none;
			}
		}
		section.cta .brand svg {
			display: block;
			width: 100%;
			height: 100%;

		}
		section.cta .brand svg * {
			fill: white;
		}
		section.cta.inverse .brand svg * {
			fill: var(--color-dark);
		}
	/* CTA */

	/* Map */
		#ya-map {
			display: block;
			width: 100%;
			height: 600px;
		}
		#ya-map.sm {
			height: 400px;
		}
		@media (max-width: 767px) {
			#ya-map {
				height: 400px;
			}
		}
		#ya-map canvas {
			filter: grayscale(75%);
		}
	/* Map */

	/* Btn */
		.btn {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			flex-direction: row;

			position: relative;
			width: auto;
			height: auto;
			border: none;
			border-radius: 0;
			padding: 15px 30px;
			overflow: hidden;

			font-size: 1rem;
			font-weight: normal;
			color: #000000;
			text-decoration: none !important;

			-webkit-transition: transform .5s;
			transition: transform .5s;
		}
		.btn span {
			position: relative;
			z-index: 10;
		}

		/* Primary */
			.btn.btn-primary,
			.btn.btn-primary:active,
			.btn.btn-primary:focus {
				border: none;
				background-color: var(--color-brand) !important;

				color: white;

				-webkit-box-shadow: none !important;
				box-shadow: none !important;

				-webkit-transform: translateY(0);
				transform: translateY(0);
			}

			.btn.btn-primary:hover, .btn.btn-primary:focus {
				-webkit-box-shadow: none;
				box-shadow: none;
			}

			.btn.btn-primary::before {
				content: ' ';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: var(--color-second);
				z-index: 0;

				-webkit-transition: transform 1s;
				transition: transform 1s;

				-webkit-transform: translateX(-205%);
				transform: translateX(-205%);
			}
			.btn.btn-primary:hover::before {
				-webkit-transform: translateX(0%);
				transform: translateX(0%);
			}
		/* Primary */

		/* Default */
			.btn.btn-default,
			.btn.btn-default:active,
			.btn.btn-default:focus {
				border: none;
				background-color: var(--color-second) !important;

				color: white;

				-webkit-box-shadow: none !important;
				box-shadow: none !important;

				-webkit-transition: border-color .5s;
				transition: border-color .5s;
			}

			.btn.btn-default:hover, .btn.btn-default:focus {
				border-color: var(--color-brand);
				-webkit-box-shadow: none;
				box-shadow: none;
			}

			.btn.btn-default::before {
				content: ' ';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: var(--color-brand);
				z-index: 0;

				-webkit-transition: transform 1s;
				transition: transform 1s;

				-webkit-transform: translateX(-205%);
				transform: translateX(-205%);
			}
			.btn.btn-default:hover::before {
				-webkit-transform: translateX(0%);
				transform: translateX(0%);
			}
		/* Default */

		/* Secondary */
			.btn.btn-secondary,
			.btn.btn-secondary:active,
			.btn.btn-secondary:focus {
				padding: 13px 28px;
				border: 2px solid var(--color-second);
				background-color: white;

				color: var(--color-second);

				-webkit-box-shadow: none !important;
				box-shadow: none !important;

				-webkit-transition: border-color .5s, background-color .5s;
				transition: border-color .5s, background-color .5s;
			}

			.btn.btn-secondary:hover {
				border-color: var(--color-brand);
				background-color: var(--color-brand);
				-webkit-box-shadow: none;
				box-shadow: none;

				color: white;
			}
		/* Secondary */

		/* Link */
			.btn.btn-link {
				padding: 15px 30px 15px;
				text-decoration: none;
				color: var(--color-dark);
			}
			.btn.btn-link:hover {
				color: var(--color-dark);

				-webkit-box-shadow: none;
				box-shadow: none;
			}
		/* Link */

		/* Simple */
			.btn.btn-simple {
				padding: 15px 0px;
				background-color: transparent;

				font-size: 24px;
				line-height: 28px;
				font-weight: 700;
				text-decoration: none;
				color: var(--color-dark);
				text-align: left;
			}
			.btn.btn-simple:hover {
				color: var(--color-dark);

				-webkit-box-shadow: none;
				box-shadow: none;
			}
		/* Simple */

		/* Arrow */
			.btn .arrow {
				display: block;
				position: relative;
				width: 20px;
				height: 5px;
				margin-left: 1rem;
				z-index: 10;

				-webkit-transition: transform 1s;
				transition: transform 1s;

				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
			.btn:hover .arrow {
				-webkit-transform: translateX(.5rem);
				transform: translateX(.5rem);
			}

			.btn .arrow svg {
				display: block;
				width: 100%;
				height: auto;
			}

			.btn.btn-primary .arrow svg * {
				fill: white;
			}
			.btn.btn-default .arrow svg * {
				fill: white;
			}
		/* Arrow */
	/* Btn */

	/* Forms */
		.form-control,
		.form-control:hover,
		.form-control:focus {
			position: relative;
			width: 100%;
			height: auto;
			padding: 18px 15px;
			border: none;
			border-radius: 0;
			background-color: var(--color-gray-light);
			z-index: 0;

			-webkit-box-shadow: none;
			box-shadow: none;

			font-size: 1rem;
			line-height: 1rem;
			color: #404a56;

			-webkit-transition: border-color 1s;
			transition: border-color 1s;
		}
		.form-control.inverse,
		.form-control.inverse:hover,
		.form-control.inverse:focus {
			background-color: white;
		}
		.input {
			position: relative;
			border-bottom: 2px solid transparent;
			overflow: hidden;

			-webkit-transition: border-color 1s;
			transition: border-color 1s;
		}
		.input.error {
			border-color: red;
		}
		.input::before {
			content: ' ';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: var(--color-brand);
			z-index: 10;

			-webkit-transition: transform 1s;
			transition: transform 1s;

			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		.input:hover::before {
			-webkit-transform: translateY(2px);
			transform: translateY(2px);
		}

		form .privacy {
			overflow: hidden;
		}

		form .privacy > input {
			float: left;
			margin-top: 7px;
			margin-right: 5px;
		}

		form .privacy > span {
			margin: 0px;
			padding: 0px;

			font-size: .8rem;
			line-height: 1rem;
			color: #777777;
		}
		form .privacy.light > span {
			color: white;
		}

		form .privacy > span a {
			text-decoration: underline;
		}
		form .privacy.light > span a {
			color: white;
		}

		@media (max-width: 991px) {
			form .btn {
				width: 100%;
			}
		}
	/* Forms */

	/* Modal */
		.modal .modal-content {
		    background-color: transparent;
		    border: none
		}
		.modal .modal-header {
			padding: 1rem 0;
		}
		.modal .modal-header {
			display: -ms-flexbox;
		    display: flex;
		    -ms-flex-align: center;
		    align-items: center;
		    -ms-flex-pack: flex-end;
		    justify-content: flex-end;
		    border: none;
		    z-index: 100;
		}
		.modal .modal-header .close {
			display: block;
			margin: 0;
			opacity: 1;
			width: 18px;
			height: 18px;
			padding: 0;
		}
		.modal .modal-header .close > i,
		.modal .modal-header .close svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		.modal .modal-header .close svg * {
			fill: white;
		}

		.modal .modal-body {
			background-color: var(--color-gray-light);
			padding: 0;
			border-radius: var(--border-radius);
		}

		.modal .modal-body .row,
		.modal .modal-body .row > div {
			margin: 0;
			padding: 0;
		}
		.modal .modal-body form {
			position: relative;
			min-height: inherit;
			box-sizing: border-box;
			padding: 0 60px;
			background-color: white;
			border-radius: var(--border-radius);
		}
		@media (max-width: 767px) {
			.modal .modal-body form {
				padding: 0 15px;
			}
		}
		.modal .modal-body .media {
			display: block;
			position: relative;
			width: 100%;
			min-height: inherit;
		}
		.modal .modal-body .media .header {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 0 3rem;
			right: -5rem;
			margin: 0;
			background-color: var(--color-dark);
			z-index: 11;

			color: white;
		}
		.modal .modal-body .media .header h1 {
			margin: 0;
			padding: 0;
		}
		.modal .modal-body .media .body {
			position: relative;
			box-sizing: border-box;
			padding: 0 3rem;
		}
		@media (max-width: 991px) {
			.modal .modal-body .media .body {
				text-align: center;
			}
		}
		.modal .modal-body .media .image {
			display: block;
			position: absolute;
			top: -330px;
			left: 0;
			width: 100%;
			height: 380px;
			z-index: 10;
		}
		@media (max-width: 991px) {
			.modal .modal-body .media .image {
				display: block;
				position: relative;
				top: -80px;
				width: 200px;
				height: 200px;
				margin: auto;
				margin-bottom: -80px;
				border-radius: 200px;
			}
		}
	/* Modal */

	/* Svg */
		.svg {
			display: inline-flex;
			width: 2rem;
			height: 2rem;
		}
		.svg.md {
			width: 4rem;
			height: 4rem;
		}
		.svg.lg {
			width: 6rem;
			height: 6rem;
		}
		.svg.xl {
			width: 12rem;
			height: 12rem;
		}
		.svg svg {
			width: 100%;
			height: 100%;
		}

		.svg.ruble svg * {
			fill: #1d3752;
		}
		.svg.ruble.white svg * {
			fill: white;
		}
	/* Svg */

	/* 404 */
		.page404 {
			display: block;
			width: 100%;
			height: auto;
			min-height: 90vh;
		}
	/* 404 */

	/* Quiz */
		/* Body */
			.quiz-form .body {
				position: relative;
				box-sizing: border-box;
				padding: 30px;
				height: 400px;
				overflow: hidden;
			}
			@media (max-width: 991px) {
				.quiz-form .body {
					height: 560px;
					padding: 15px;
				}
			}
			.quiz-form .body .step {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				padding: 30px;
				opacity: 0;
				z-index: 0;

				-webkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;

				-webkit-transition: opacity .65s, transform .25s;
				transition: opacity .65s, transform .25s;

				-webkit-transform: scale(1.05,1.05);
				transform: scale(1.05,1.05);
			}
			@media (max-width: 991px) {
				.quiz-form .body .step {
					padding: 30px 15px;
				}
			}
			.quiz-form .body .step[data-view="active"] {
				position: absolute;
				opacity: 1;
				z-index: 1;

				-webkit-transform: scale(1,1);
				transform: scale(1,1);
			}
			.quiz-form .body .step .row {
				margin-left: -15px;
				margin-right: -15px;
			}
			.quiz-form .body .step .row > div {
				padding-left: 15px;
				padding-right: 15px;
			}

			/* Variants */
				.quiz-form .variants {
					display: -ms-flexbox;
				    display: flex;
				    -ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				}
				.quiz-form .variants .item {
					display: block;
					position: relative;
					-ms-flex: 0 0 33.333333%;
				    flex: 0 0 33.333333%;
				    max-width: 33.333333%;
				    box-sizing: border-box;
				    padding: 5px;
				    cursor: pointer;
				}
				.quiz-form .variants .item.sm {
					-ms-flex: 0 0 50%;
				    flex: 0 0 50%;
				    max-width: 50%;
				}
				.quiz-form .variants .item.xl {
					-ms-flex: 0 0 50%;
				    flex: 0 0 50%;
				    max-width: 50%;
				}
				@media (min-width: 768px) and (max-width: 991px) {
					.quiz-form .variants .item {
						-ms-flex: 0 0 50%;
					    flex: 0 0 50%;
					    max-width: 50%;
					}
					.quiz-form .variants .item.xl {
						-ms-flex: 0 0 100%;
					    flex: 0 0 100%;
					    max-width: 100%;
					}
				}
				@media (min-width: 576px) and (max-width: 767px) {
					.quiz-form .variants .item {
						-ms-flex: 0 0 50%;
					    flex: 0 0 50%;
					    max-width: 50%;
					}
					.quiz-form .variants .item.xl {
						-ms-flex: 0 0 100%;
					    flex: 0 0 100%;
					    max-width: 100%;
					}
				}
				@media (max-width: 575px) {
					.quiz-form .variants .item {
						-ms-flex: 0 0 50%;
					    flex: 0 0 50%;
					    max-width: 50%;
					}
					.quiz-form .variants .item.xl {
						-ms-flex: 0 0 100%;
					    flex: 0 0 100%;
					    max-width: 100%;
					}
				}
				.quiz-form .variants .item .content {
					display: block;
					width: 100%;
					height: auto;
					border: 1px solid var(--color-gray);
					border-radius: var(--border-radius);
				}
				.quiz-form .variants .item .content .image {
					display: block;
					width: 100%;
					height: 150px;
				}
				.quiz-form .variants .item.sm .content .image {
					display: block;
					width: 100%;
					height: 84px;
				}
				.quiz-form .variants .item .content span {
					display: block;
					box-sizing: border-box;
					padding: 15px 10px;

					font-size: 11px;
					line-height: 14px;
					font-weight: bold;
					text-align: center;
				}
				.quiz-form .variants .item .check {
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					width: 28px;
					height: 28px;
					border-radius: 28px;
					border: 2px solid var(--color-gray);
					background-color: white;
					z-index: 100;
					opacity: 0;

					-webkit-transition: opacity .5s, transform .5s;
					transition: opacity .5s, transform .5s;

					-webkit-transform: scale(.5,.5);
					transform: scale(.5,.5);
				}
				.quiz-form .variants .item[data-view="active"] .check {
					opacity: 1;

					-webkit-transform: scale(1,1);
					transform: scale(1,1);
				}
				.quiz-form .variants .item .check::before,
				.quiz-form .variants .item .check::after {
					content: '';
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					margin: auto;
					background-color: var(--color-brand);
				}
				.quiz-form .variants .item .check::before {
					width: 6px;
					height: 2px;

					-webkit-transform: translate(-3px,2px) rotate(45deg);
					transform: translate(-3px,2px) rotate(45deg);
				}
				.quiz-form .variants .item .check::after {
					width: 10px;
					height: 2px;

					-webkit-transform: translate(2px,1px) rotate(-45deg);
					transform: translate(2px,1px) rotate(-45deg);
				}
			/* Variants */

			/* Discount */
				.quiz-form  .discount {
					display: block;
					position: relative;
					width: 100%;
					height: auto;
					box-sizing: border-box;
					padding:  10px;
					background-color: var(--color-second);
					color: white;
					text-align: center;
				}

				.quiz-form  .discount .value {
					display: block;
					font-size: 34px;
					line-height: 34px;
					font-weight: bold;
				}
				.quiz-form  .discount .value .svg {
					width: 28px;
					height: 24px;
				}
				.quiz-form  .discount .value .svg svg * {
					fill: white;
				}
			/* Discount */
		/* Body */

		/* Control */
			.quiz-form .control {
				box-sizing: border-box;
				padding: 0 15px;
			}
		/* Control */

		/* Banner */
			.quiz-banner {
				display: block;
				position: fixed;
				right: 15px;
				bottom: 15px;
				z-index: 10000;
				cursor: pointer;
				-webkit-box-shadow: 0 0 45px rgb(0,45,7,0.25);
    			box-shadow: 0 0 45px rgb(0,45,7,0.25);
    			opacity: 0;

    			-webkit-transition: opacity 1s, transform 1s;
    			transition: opacity 1s, transform 1s;

    			-webkit-transform: translate(500px,500px);
    			transform: translate(500px,500px);
			}
			.quiz-banner[data-view="active"] {
				opacity: 1;
				-webkit-transform: translate(0px,0px);
    			transform: translate(0px,0px);
			}
			.quiz-banner .body {
				display: block;
				position: relative;
				z-index: 0;
				width: 400px;
				height: auto;
				box-sizing: border-box;
				padding: 30px;
				z-index: 10;
				color: white;
			}
			@media (max-width: 767px) {
				.quiz-banner .body {
					width: 320px;
					padding: 60px 15px 15px;
				}
				.quiz-banner .body h3 {
					font-size: 1.15rem;
				}
			}
			.quiz-banner .background {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: var(--border-radius);
				overflow: hidden;
				z-index: 0;
			}
			.quiz-banner [data-action="close"] {
			    display: block;
			    position: absolute;
			    top: 15px;
			    right: 15px;
			    margin: 0;
			    opacity: 1;
			    width: 18px;
			    height: 18px;
			    padding: 0;
			    background-color: transparent;
			    border: none;
			    z-index: 100;
			}
			.quiz-banner [data-action="close"] i,
			.quiz-banner [data-action="close"] i svg {
				display: block;
				width: 100%;
				height: 100%;
			}
			.quiz-banner [data-action="close"] i svg * {
				fill: white;
			}
		/* Banner */
	/* Quiz */

	/* Up button */
		[data-action="scroll-up"] {
			display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		    -ms-flex-pack: center!important;
		    justify-content: center!important;
		    -ms-flex-align: center!important;
		    align-items: center!important;

			position: fixed;
			bottom: 0;
			right: 0;
			width: 78px;
			height: 78px;
			border: none;
			background-color: var(--color-dark);
			z-index: 1000;

			-webkit-transition: transform .5s;
			transition: transform .5s;

			-webkit-transform: translateY(78px);
			transform: translateY(78px);
		}
		[data-action="scroll-up"][data-view="active"] {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		@media (max-width: 991px) {
			[data-action="scroll-up"] {
				width: 60px;
				height: 60px;
			}
		}
		[data-action="scroll-up"] i {
		    display: block;
		    width: 18px;
		    height: 18px;

		    -webkit-transform: rotate(-90deg);
		    transform: rotate(-90deg);
		}
	/* Up button */
/* Components */

/* Sections */
	/* General */
		section, .section {
			display: block;
			position: relative;
			box-sizing: border-box;
		}
		section .container, .section .container,
		section .container-fluid, .section .container-fluid {
			position: relative;
			z-index: 500;
		}

		/* Brand */
			.container-brand {
				display: block;
				position: relative;
				width: 100%;
				height: auto;
				box-sizing: border-box;
			}
			.container-brand .head {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 260px;
				height: 100%;
				box-sizing: border-box;
				padding: 95px 30px;
				background-color: white;
				z-index: 10;

				color: var(--color-brand);
				text-align: left;
			}
			.container-brand .head.head-center {
				text-align: center;
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				.container-brand .head {
					padding: 60px 30px;
				}
			}
			@media (max-width: 991px) {
				.container-brand .head {
					position: relative;
					width: 100%;
					padding: 60px 60px;
				}
			}


			.container-brand .content {
				display: block;
				box-sizing: border-box;
				padding: 100px 78px 100px 320px;
			}
			@media (min-width: 1200px) and (max-width: 1499px) {
				.container-brand .content {
					padding: 100px 0px 100px 320px;
				}
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				.container-brand .content {
					padding: 60px 0px 60px 305px;
				}
			}
			@media (min-width: 576px) and (max-width: 991px) {
				.container-brand .content {
					padding: 30px 30px;
				}
			}
			@media (max-width: 575px) {
				.container-brand .content {
					padding: 60px 15px;
				}
			}
		/* Brand */
	/* General */

	/* Services */
		.services .head {
			background-color: var(--color-gray-light);
		}

		.services .list .item {
			display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;

		    -ms-flex-pack: start!important;
		    justify-content: flex-start!important;
		    -ms-flex-align: start!important;
		    align-items: flex-start!important;

			position: relative;
			width: 100%;
			height: 280px;
			overflow: hidden;

			text-decoration: none;
		}
		@media (min-width: 1699px) {
			.services .list .item {
				height: 320px;
			}
		}
		.services .list .item.bottom {
			-ms-flex-align: end!important;
		    align-items: flex-end!important;
		}
		@media (max-width: 991px) {
			.services .list .item,
			.services .list .item.bottom {
				-ms-flex-align: start!important;
			    align-items: flex-start!important;
			}
		}
		.services .list .item .about {
			display: block;
			position: relative;
			width: 65%;
			height: auto;
			box-sizing: border-box;
			padding: 30px;
			z-index: 10;
		}
		@media (min-width: 1200px) and (max-width: 1499px) {
			.services .list .item .about {
				width: 80%;
			}
		}
		@media (max-width: 1199px) {
			.services .list .item .about {
				width: 100%;
			}
		}
		.services .list .item .about .title {
			display: inline-block;
			box-sizing: border-box;
			padding: 10px;
			background-color: white;
		}
		.services .list .item .about button {
			opacity: 0;
			-webkit-transition: opacity 1s;
			transition: opacity 1s;
		}
		.services .list .item:hover .about button {
			opacity: 1;
		}
		@media (max-width: 991px) {
			.services .list .item .about button,
			.services .list .item:hover .about button {
				opacity: 1;
			}
		}
		.services .list .item .background {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;

			-webkit-transition:  transform 1s;
			transition:  transform 1s;

			-webkit-transform: scale(1,1) rotate(0deg);
			transform: scale(1,1) rotate(0deg);
		}
		.services .list .item:hover .background {
			-webkit-transform: scale(1.05,1.05) rotate(1deg);
			transform: scale(1.05,1.05) rotate(1deg);
		}
		.services .list .item.bottom:hover .background {
			-webkit-transform: scale(1.05,1.05) rotate(-1deg);
			transform: scale(1.05,1.1) rotate(-1deg);
		}
		
		/* Infographics */
			.services .infographics {
				display: block;
				position: relative;
				box-sizing: border-box;
				padding: 30px;
				background-color: var(--color-dark);
				border-radius: var(--border-radius);
				overflow: hidden;
			}
			.services .infographics .overlay {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				backdrop-filter: blur(6px);
				-webkit-backdrop-filter: saturate(120%) blur(6px);
				backdrop-filter: saturate(120%) blur(6px);
				background-color: rgba(0,45,72,.5);
				z-index: 10;
			}
			.services .infographics .background {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
			}
			.services .infographics .row {
				position: relative;
				z-index: 20;
			}

			.services .infographics .item {
				display: -ms-flexbox;
			    display: flex;
			    -ms-flex-wrap: wrap;
			    flex-wrap: wrap;

			    -ms-flex-pack: start!important;
			    justify-content: flex-start!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				box-sizing: border-box;
				padding: 15px 30px 15px 0px;
			}
			.services .infographics .item i {
				display: block;
				-ms-flex: 0 0 25px;
			    flex: 0 0 25px;
			    max-width: 25px;
			    height: 25px;
			    margin-right: 15px;
			    filter: grayscale(100%);
			}
			.services .infographics .item i svg {
				display: block;
				width: 100%;
				height: 100%;
			}
			.services .infographics .item i svg * {
				fill: white;
			}
			.services .infographics .item span {
				display: block;
				-ms-flex: 0 0 calc(100% - 40px);
			    flex: 0 0 calc(100% - 40px);
			    max-width: calc(100% - 40px);

				color: white;
			}
		/* Infographics */
	/* Services */

	/* Price */
		@media (min-width: 1200px) {
			.price .head {
				border-top: 1px solid var(--color-gray-light);
				border-right: 1px solid var(--color-gray-light);
			}
		}

		@media (min-width: 576px) and (max-width: 991px) {
			.price .container-brand .content {
				padding: 0px 30px 30px;
			}
		}
		@media (max-width: 575px) {
			.price .container-brand .content {
				padding: 0px 15px 90px;
			}
		}

		.price .list {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
		}
		.price .list[data-view="hidden"] {
			height: 800px;
			margin-bottom: 45px;
			overflow: hidden;
		}
		.price .list[data-view="hidden"]::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 400px;
			background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0));
			z-index: 100;
		}
		.price .list[data-view="visible"] {
			height: auto;
		}
		.price .list[data-view="visible"]::after {
			display: none;
		}

		.price .item {
			display: block;
			box-sizing: border-box;
			padding: 15px;
			background-color: var(--color-gray-light);
		}
	/* Price */

	/* Benefits */
		section.benefits .wrapper {
			height: auto;
			box-sizing: border-box;
			margin-left: -40px;			
			margin-right: -40px;			
			overflow: hidden;
		}
		section.benefits .wrapper .list {
			display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;

		    -ms-flex-pack: center;
		    justify-content: center;

		    -ms-flex-align: center;
    		align-items: center;
		}
		section.benefits .item {
			display: block;
			position: relative;
			-ms-flex: 0 0 25%;
		    flex: 0 0 25%;
		    max-width: 25%;

			box-sizing: border-box;
			padding: 45px;
			background-color: white;
			
			-webkit-box-shadow: 0 0 30px rgba(0,45,72,0.1);
			box-shadow: 0 0 30px rgba(0,45,72,0.1);
		}
		@media (min-width: 768px) and (max-width: 991px) {
			section.benefits .item {
				display: block;
				position: relative;
				-ms-flex: 0 0 50%;
			    flex: 0 0 50%;
			    max-width: 50%;
			}
		}
		@media (max-width: 767px) {
			section.benefits .item {
				display: block;
				position: relative;
				-ms-flex: 0 0 100%;
			    flex: 0 0 100%;
			    max-width: 100%;
			}
		}
		section.benefits .item:nth-child(1) {
			top: -10px;

			-webkit-transition: transform 3s;
			transition: transform 3s;

			-webkit-transform: translateY(-45px);
			transform: translateY(-45px);
		}
		section.benefits[data-view="active"] .item:nth-child(1) {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		section.benefits .item:nth-child(3) {
			top: 10px;

			-webkit-transition: transform 3s;
			transition: transform 3s;

			-webkit-transform: translateY(45px);
			transform: translateY(45px);
		}
		section.benefits[data-view="active"] .item:nth-child(3) {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		section.benefits .item .count {
			display: block;
			width: 48px;
			height: 48px;
			background-color: var(--color-gray-light);
			margin-bottom: 15px;

			font-size: 24px;
		    line-height: 48px;
		    font-weight: 700;
		    text-align: right;
		    color: var(--color-brand);
		}
	/* Benefits */

	/* About */
		section.about {
			-webkit-box-shadow: 0 0 45px rgba(0,45,72,0.1);
			box-shadow: 0 0 45px rgba(0,45,72,0.1);
		}
		section.about .background {
			position: absolute;
			top: 0;
			lefT: 0;
			width: 400px;
			height: 400px;
			z-index: 0;
		}
		@media (max-width: 1199px) {
			section.about .background {
				display: none;
			}
		}

		section.about .title {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 15px 30px;
			background-color: var(--color-gray-light);
			z-index: 10;
			opacity: 0;

			text-transform: uppercase;

			-webkit-transition: opacity 1s, transform 1s;
			transition: opacity 1s, transform 1s;

			-webkit-transform: translateY(30px);
			transform: translateY(30px);
		}
		section.about[data-view="active"] .title {
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		section.about .title span {
			color: var(--color-second);
		}
		section.about .count {
			display: block;
			width: 100%;
			height: auto;
		}
		section.about .count .current {
			font-weight: bold;
			font-size: 82px;
			line-height: 82px;
			color: var(--color-dark);
		}
		section.about .count .total {
			font-weight: bold;
			font-size: 24px;
			line-height: 24px;
			color: var(--color-second);
		}

		section.about .gallery {
			display: block;
			position: relative;
			width: 1000px;
			height: 668px;
			z-index: 0;

			-webkit-transform: translateX(-310px);
			transform: translateX(-310px);
		}
		@media (max-width: 1199px) {
			section.about .gallery {
				width: 100%;
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
		}
		@media (min-width: 992px) and (max-width: 1199px) {
			section.about .gallery {
				height: 600px;
			}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			section.about .gallery {
				height: 460px;
			}
		}
		@media (min-width: 576px) and (max-width: 767px) {
			section.about .gallery {
				height: 300px;
			}
		}
		@media (max-width: 575px) {
			section.about .gallery {
				height: 230px;
			}
		}
		section.about .gallery .photo {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 0;
			opacity: 0;

			-webkit-transition: opacity 1s;
			transition: opacity 1s;
		}
		section.about .gallery .photo[data-view="active"] {
			opacity: 1;
		}
		section.about .gallery button {
			display: -ms-flexbox;
		    display: flex;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		    -ms-flex-pack: center!important;
		    justify-content: center!important;
		    -ms-flex-align: center!important;
		    align-items: center!important;

			position: absolute;
			bottom: 0;
			left: -62px;
			width: 60px;
			height: 60px;
			background-color: var(--color-dark);
			border: none;
			cursor: pointer;
			z-index: 10;
		}
		section.about .gallery button.next {
			bottom: 62px;
		}
		section.about .gallery button i {
			display: block;
			width: 20px;
    		height: 5px;
		}
		section.about .gallery button.prev i {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		section.about .gallery button i svg {
			display: block;
			width: 100%
			height: 100%;
		}
		section.about .gallery button i svg * {
			fill: white;
		}
		@media (max-width: 1199px) {
			section.about .gallery button {
				top: -88px;
				left: auto;
				right: 0;
				bottom: auto;
			}
			section.about .gallery button.prev {
				right: 62px;
			}
		}
	/* About */

	/* Team */
		.team {
			background-color: var(--color-gray-light);
		}
		.team .wrapper {
			display: block;
			position: relative;
			width: 100%;
			width: calc(100% + 410px);
			margin-left: -410px;
			height: auto;
			z-index: 600;
		}
		@media (min-width: 992px) and (max-width: 1499px) {
			.team .wrapper {
				width: calc(100% + 280px);
				margin-left: -280px;
			}
		}
		@media (max-width: 991px) {
			.team .wrapper {
				width: calc(100% + 180px);
				margin-left: -180px;
			}
		}
		.team .wrapper .item {
			display: block;
			position: relative;
			width: auto;
			height: auto;
		}
		.team .wrapper .item .gallery {
			display: block;
			width: 100%;
			height: 830px;
		}
		@media (min-width: 1400px) and (max-width: 1599px) {
			.team .wrapper .item .gallery {
				height: 680px;
			}
		}
		@media (min-width: 1200px) and (max-width: 1399px) {
			.team .wrapper .item .gallery {
				height: 580px;
			}
		}
		@media (min-width: 992px) and (max-width: 1199px) {
			.team .wrapper .item .gallery {
				height: 680px;
			}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			.team .wrapper .item .gallery {
				height: 640px;
			}
		}
		@media (min-width: 576px) and (max-width: 767px) {
			.team .wrapper .item .gallery {
				height: 480px;
			}
		}
		@media (max-width: 575px) {
			.team .wrapper .item .gallery {
				height: 460px;
			}
		}
		.team .wrapper .item .gallery .photo {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;

			-webkit-transition: opacity .3s;
			transition: opacity .3s;
		}
		.team .wrapper .item .gallery .photo.first {
			z-index: 1;
			opacity: 1;
		}
		.team .wrapper .item:hover .gallery .photo.first {
			opacity: 0;
		}
		.team .wrapper .item .about {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			padding: 30px;
			z-index: 10;

			color: white;
		}
		.team .wrapper .item .about h4 {
			margin-bottom: 10px;
			color: white;
		}
		.team .wrapper .item .about span {
			color: var(--color-gray-light);
		}
		
		/* Slick */
			.team .slick-prev, .team .slick-next,
			.team .slick-prev:hover, .team .slick-next:hover,
			.team .slick-prev:active, .team .slick-next:active,
			.team .slick-prev:focus, .team .slick-next:focus {
				display: -ms-flexbox;
			    display: flex;
			    -ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			    -ms-flex-pack: center!important;
			    justify-content: center!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				position: absolute;
				top: 0;
				bottom: 0;
				right: auto;
				left: auto;
				right: 0;
				width: 78px;
				height: 78px;
				margin: auto;
				background-color: var(--color-dark);
				border: none;
				cursor: pointer;
				z-index: 100;

				-webkit-transform: translate(0,0);
				transform: translate(0,0);
			}
			.team .slick-prev,
			.team .slick-prev:hover,
			.team .slick-prev:active,
			.team .slick-prev:focus {
				-webkit-transform: translate(0,-38px);
				transform: translate(0,-38px);
			}
			.team .slick-next,
			.team .slick-next:hover,
			.team .slick-next:active,
			.team .slick-next:focus {
				-webkit-transform: translate(0,38px);
				transform: translate(0,38px);
			}
			@media (max-width: 991px) {
				.team .slick-prev, .team .slick-next,
				.team .slick-prev:hover, .team .slick-next:hover,
				.team .slick-prev:active, .team .slick-next:active,
				.team .slick-prev:focus, .team .slick-next:focus {
					width: 60px;
					height: 60px;
				}

				.team .slick-prev,
				.team .slick-prev:hover,
				.team .slick-prev:active,
				.team .slick-prev:focus {
					-webkit-transform: translate(0,-30px);
					transform: translate(0,-30px);
				}
				.team .slick-next,
				.team .slick-next:hover,
				.team .slick-next:active,
				.team .slick-next:focus {
					-webkit-transform: translate(0,30px);
					transform: translate(0,30px);
				}
			}
			.team .slick-prev::before, .team .slick-next::before {
				content: '';
				display: block;
				width: 20px;
	    		height: 5px;

				background: url(/uploads/svg/arrow-right.svg) no-repeat center center scroll; 
				-webkit-background-size: contain;
				-moz-background-size: contain;
				-o-background-size: contain;
				background-size: contain;
			}
			.team .slick-prev::before {
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
			}
		/* Slick */
	/* Team */

	/* Clients */
		section.clients .head {
			padding-top: 190px;
			border-right: 1px solid var(--color-gray-light);
		}
		@media (max-width: 991px) {
			section.clients .head {
				padding-top: 90px;
			}
		}
		section.clients .content {
			padding-bottom: 0;
			padding-right: 0;
		}
		section.clients .wrapper {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
		}
		@media (max-width: 991px) {
			section.clients .wrapper {
				width: 150%;
			}
		}
		section.clients .list {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
		}
		section.clients .list .item {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			padding: 90px 200px 190px 0px;
		}
		@media (min-width: 1200px) and (max-width: 1499px) {
			section.clients .list .item {
				padding: 90px 120px 190px 0px;
			}
		}
		@media (min-width: 992px) and (max-width: 1199px) {
			section.clients .list .item {
				padding: 30px 45px 100px 0px;
			}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			section.clients .list .item {
				padding: 30px 30px 190px 30px;
			}
		}
		@media (min-width: 576px) and (max-width: 767px) {
			section.clients .list .item {
				padding: 30px 5px 190px 15px;
			}
		}
		@media (max-width: 575px) {
			section.clients .list .item {
				padding: 30px 5px 190px 15px;
			}
		}
		section.clients .list .item .body {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			padding:  60px;
			background-color: var(--color-gray-light);
		}
		@media (max-width: 575px) {
			section.clients .list .item .body {
				padding: 60px 30px 100px;
			}
		}
		section.clients .list .item .quotes {
			display: block;
			position: absolute;
			top: -30px;
			left: 60px;
			width: 60px;
			height: 60px;
			box-sizing: border-box;
			z-index: 10;
		}
		section.clients .list .item .quotes svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		section.clients .list .item .brand {
			display: block;
			position: absolute;
			bottom: -90px;
			right: -90px;
			width: 280px;
			height: 140px;
			box-sizing: border-box;
			padding: 15px;
			background-color: white;
			z-index: 10;

			-webkit-box-shadow: 0 0 45px rgb(0 45 72 / 10%);
    		box-shadow: 0 0 45px rgb(0 45 72 / 10%);
		}
		@media (max-width: 1199px) {
			section.clients .list .item .brand {
				left: 0;
				right: auto;
				bottom: -110px;
				width: 100%;
			}
		}
		section.clients .list .item .brand .background {
			display: block;
			width: 100%;
			height: 100%;
		}

		/* Slick */
			.clients .slick-prev, .clients .slick-next,
			.clients .slick-prev:hover, .clients .slick-next:hover,
			.clients .slick-prev:active, .clients .slick-next:active,
			.clients .slick-prev:focus, .clients .slick-next:focus {
				display: -ms-flexbox;
			    display: flex;
			    -ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			    -ms-flex-pack: center!important;
			    justify-content: center!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				position: absolute;
				top: 0;
				bottom: 0;
				right: auto;
				left: auto;
				right: 0;
				width: 78px;
				height: 78px;
				margin: auto;
				background-color: var(--color-dark);
				border: none;
				cursor: pointer;
				z-index: 100;

				-webkit-transform: translate(0,0);
				transform: translate(0,0);
			}
			.clients .slick-prev,
			.clients .slick-prev:hover,
			.clients .slick-prev:active,
			.clients .slick-prev:focus {
				-webkit-transform: translate(0,-78px);
				transform: translate(0,-78px);
			}
			.clients .slick-next,
			.clients .slick-next:hover,
			.clients .slick-next:active,
			.clients .slick-next:focus {
				-webkit-transform: translate(0,0);
				transform: translate(0,0);
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				.clients .slick-prev, .clients .slick-next,
				.clients .slick-prev:hover, .clients .slick-next:hover,
				.clients .slick-prev:active, .clients .slick-next:active,
				.clients .slick-prev:focus, .clients .slick-next:focus {
					top: 0;
					left: calc(100vw - 400px);
				}
			}
			@media (max-width: 991px) {
				.clients .slick-prev, .clients .slick-next,
				.clients .slick-prev:hover, .clients .slick-next:hover,
				.clients .slick-prev:active, .clients .slick-next:active,
				.clients .slick-prev:focus, .clients .slick-next:focus {
					display: none;
				}
			}
			.clients .slick-prev::before, .clients .slick-next::before {
				content: '';
				display: block;
				width: 20px;
	    		height: 5px;

				background: url(/uploads/svg/arrow-right.svg) no-repeat center center scroll; 
				-webkit-background-size: contain;
				-moz-background-size: contain;
				-o-background-size: contain;
				background-size: contain;
			}
			.clients .slick-prev::before {
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
			}
		/* Slick */
	/* Clients */

	/* Contacts */
		section.contacts {
			display: block;
			position: relative;
			z-index: 100;
			overflow: hidden;
		}

		/* Body */
			section.contacts .body {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				padding: 190px 100px 330px;
				overflow: hidden;
				z-index: 10;
			}
			@media (min-width: 576px) and (max-width: 767px) {
				section.contacts .body {
					padding: 130px 30px 360px;
				}
			}
			@media (max-width: 575px) {
				section.contacts .body {
					padding: 90px 30px;
				}
			}
			section.contacts .body::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 260px;
				height: 100%;
				background-color: var(--color-dark);

				z-index: 0;
			}
			@media (max-width: 991px) {
				section.contacts .body::before {
					display: none;
				}
			}
			section.contacts .body .title {
				display: inline-block;
				position: relative;
				box-sizing: border-box;
				z-index: 10;

				font-size: 48px;
				line-height: 48px;
				font-weight: bold;
				text-transform: uppercase;
				color: white;
				opacity: 0;

				-webkit-transition: transform 1s, opacity 1s;
				transition: transform 1s, opacity 1s;

				-webkit-transform: translateX(30px);
				transform: translateX(30px);
			}
			section.contacts[data-view="active"] .body .title {
				opacity: 1;
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
			@media (min-width: 768px) and (max-width: 991px) {
				section.contacts .body .title {
					font-size: 26px;
					line-height: 26px;
				}
			}
			@media (min-width: 576px) and (max-width: 767px) {
				section.contacts .body .title {
					font-size: 24px;
					line-height: 24px;
				}
			}
			@media (max-width: 575px) {
				section.contacts .body .title {
					font-size: 28px;
					line-height: 32px;
				}
			}
			section.contacts .body .title span {
				display: inline-block;
				box-sizing: border-box;
				padding: 10px 15px;
				background-color: white;
				color: var(--color-dark);
			}
			@media (max-width: 991px) {
				section.contacts .body .title span {
					padding: 6px 8px 4px;
				}
			}
			section.contacts .body .sub-title {
				display: block;
				position: relative;
				box-sizing: border-box;
				padding-left: 100px;
				z-index: 10;
				color: white;
				text-transform: uppercase;
			}
			@media (max-width: 767px) {
				section.contacts .body .sub-title {
					padding-left: 0px;
				}
			}
			section.contacts .body .sub-title::before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 60px;
				height: 1px;
				margin: auto;
				background-color: white;
			}
			@media (max-width: 767px) {
				section.contacts .body .sub-title::before {
					display: none;
				}
			}

			section.contacts .body .sub-title,
			section.contacts .body .btn {
				opacity: 0;

				-webkit-transition: transform 1s .25s, opacity 1s .25s;
				transition: transform 1s .25s, opacity 1s .25s;

				-webkit-transform: translateX(30px);
				transform: translateX(30px);
			}
			section.contacts[data-view="active"] .body .sub-title,
			section.contacts[data-view="active"] .body .btn {
				opacity: 1;
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
		/* Body */

		/* Addon */
			section.contacts .addon {
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: auto;
				z-index: 100;
			}
			@media (max-width: 575px) {
				section.contacts .addon {
					position: relative;
				}
			}
			section.contacts .addon::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				backdrop-filter: blur(6px);
				-webkit-backdrop-filter: saturate(120%) blur(6px);
				backdrop-filter: saturate(120%) blur(6px);
				background-color: rgba(0,45,72,.5);
				z-index: 0;
			}
			section.contacts .addon .brand {
				display: -ms-flexbox;
			    display: flex;
			    flex-direction: column;

			    -ms-flex-pack: center!important;
			    justify-content: center!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 260px;
				height: 100%;
				background-color: white;
				border: none;
				z-index: 10;

				color: var(--color-brand);
			}
			section.contacts .addon .brand i {
			    display: block;
			    position: relative;
			    width: 140px;
			    height: 30px;
			    z-index: 10;
			    opacity: 0;

			    -webkit-transition: opacity 3s 1s;
				transition: opacity 3s 1s;
			}
			section.contacts[data-view="active"] .addon .brand i {
				opacity: 1;
			}
			section.contacts .addon .brand i svg {
				display: block;
				width: 100%;
				height: 100%;
			}
			@media (max-width: 991px) {
				section.contacts .addon .brand {
					display: none;
				}
			}
			section.contacts .addon .content {
				display: block;
				box-sizing: border-box;
				padding: 30px 30px 30px 320px;
			}
			@media (min-width: 992px) and (max-width: 1199px) {
				section.contacts .addon .content {
					padding: 30px 15px 30px 305px;
				}
			}
			@media (min-width: 768px) and (max-width: 991px) {
				section.contacts .addon .content {
					padding: 30px 30px;
				}
			}
			@media (min-width: 576px) and (max-width: 767px) {
				section.contacts .addon .content {
					padding: 30px 60px;
				}
			}
			@media (max-width: 575px) {
				section.contacts .addon .content {
					padding: 30px 30px;
				}
			}
			section.contacts .addon .content .item {
				display: -ms-flexbox;
			    display: flex;
			    -ms-flex-wrap: wrap;
			    flex-wrap: wrap;

			    -ms-flex-pack: start!important;
			    justify-content: flex-start!important;
			    -ms-flex-align: center!important;
			    align-items: center!important;

				box-sizing: border-box;
				padding: 15px 30px 15px 0px;
			}
			@media (max-width: 767px) {
				section.contacts .addon .content .item {
					padding: 15px 15px;
				}
			}
			section.contacts .addon .content .item i svg * {
				fill: white;
			}
			section.contacts .addon .content .item span {
				display: block;
				-ms-flex: 0 0 calc(100% - 40px);
			    flex: 0 0 calc(100% - 40px);
			    max-width: calc(100% - 40px);

				color: white;
			}
			@media (max-width: 767px) {
				section.contacts .addon .content .item span {
					-ms-flex: 0 0 100%;
				    flex: 0 0 100%;
				    max-width: 100%;
				}
			}
		/* Addon */

		/* Background */
			section.contacts .background {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
			}
		/* Background */
	/* Contacts */
/* Sections */

/* Animation */
	/* slide-up-in */
		@-webkit-keyframes slide-up-in {
		  0%   { opacity: 0; -webkit-transform: translateY(10px);}
		  100% { opacity: 1; -webkit-transform: translateY(0px); }
		}
		@-moz-keyframes slide-up-in {
		  0%   { opacity: 0; -moz-transform: translateY(10px); }
		  100% { opacity: 1; -moz-transform: translateY(0px); }
		}
		@-o-keyframes slide-up-in {
		  0%   { opacity: 0; -o-transform: translateY(10px); }
		  100% { opacity: 1; -o-transform: translateY(0px); }
		}
		@keyframes slide-up-in {
		  0%   { opacity: 0; transform: translateY(10px); }
		  100% { opacity: 1; transform: translateY(0px); }
		}
	/* --- */

	/* slide-down-in */
		@-webkit-keyframes slide-down-in {
		  0%   { opacity: 0; -webkit-transform: translateY(-10px);}
		  100% { opacity: 1; -webkit-transform: translateY(0px); }
		}
		@-moz-keyframes slide-down-in {
		  0%   { opacity: 0; -moz-transform: translateY(-10px); }
		  100% { opacity: 1; -moz-transform: translateY(0px); }
		}
		@-o-keyframes slide-down-in {
		  0%   { opacity: 0; -o-transform: translateY(-10px); }
		  100% { opacity: 1; -o-transform: translateY(0px); }
		}
		@keyframes slide-down-in {
		  0%   { opacity: 0; transform: translateY(-10px); }
		  100% { opacity: 1; transform: translateY(0px); }
		}
	/* --- */

	/* slide-left-in */
		@-webkit-keyframes slide-left-in {
		  0%   { opacity: 0; -webkit-transform: translateX(10px); }
		  100% { opacity: 1; -webkit-transform: translateX(0px); }
		}
		@-moz-keyframes slide-left-in {
		  0%   { opacity: 0; -moz-transform: translateX(10px); }
		  100% { opacity: 1; -moz-transform: translateX(0px); }
		}
		@-o-keyframes slide-left-in {
		  0%   { opacity: 0; -o-transform: translateX(10px); }
		  100% { opacity: 1; -o-transform: translateX(0px); }
		}
		@keyframes slide-left-in {
		  0%   { opacity: 0; transform: translateX(10px); }
		  100% { opacity: 1; transform: translateX(0px); }
		}
	/* --- */

	/* slide-down-out */
		@-webkit-keyframes slide-down-out {
		  0%   { opacity: 1; -webkit-transform: translateY(0px);}
		  100% { opacity: 0; -webkit-transform: translateY(10px); }
		}
		@-moz-keyframes slide-down-out {
		  0%   { opacity: 1; -moz-transform: translateY(0px); }
		  100% { opacity: 0; -moz-transform: translateY(10px); }
		}
		@-o-keyframes slide-down-out {
		  0%   { opacity: 1; -o-transform: translateY(0px); }
		  100% { opacity: 0; -o-transform: translateY(10px); }
		}
		@keyframes slide-down-out {
		  0%   { opacity: 1; transform: translateY(0px); }
		  100% { opacity: 0; transform: translateY(10px); }
		}
	/* --- */

	/* slide-up-out */
		@-webkit-keyframes slide-up-out {
		  0%   { opacity: 1; -webkit-transform: translateY(0px);}
		  100% { opacity: 0; -webkit-transform: translateY(-10px); }
		}
		@-moz-keyframes slide-up-out {
		  0%   { opacity: 1; -moz-transform: translateY(0px); }
		  100% { opacity: 0; -moz-transform: translateY(-10px); }
		}
		@-o-keyframes slide-up-out {
		  0%   { opacity: 1; -o-transform: translateY(0px); }
		  100% { opacity: 0; -o-transform: translateY(-10px); }
		}
		@keyframes slide-up-out {
		  0%   { opacity: 1; transform: translateY(0px); }
		  100% { opacity: 0; transform: translateY(-10px); }
		}
	/* --- */


	/* scale-in */
		.scale-in {
			opacity: 0;
			-webkit-animation: slide-up-in .5s forwards;
			animation: slide-up-in .5s forwards;
		}

		@-webkit-keyframes scale-in {
		  0%   { opacity: 0; -webkit-transform: scale(0.98,0.98);}
		  100% { opacity: 1; -webkit-transform: scale(1,1); }
		}
		@-moz-keyframes scale-in {
		  0%   { opacity: 0; -moz-transform: scale(0.98,0.98); }
		  100% { opacity: 1; -moz-transform: scale(1,1); }
		}
		@-o-keyframes scale-in {
		  0%   { opacity: 0; -o-transform: scale(0.98,0.98); }
		  100% { opacity: 1; -o-transform: scale(1,1); }
		}
		@keyframes scale-in {
		  0%   { opacity: 0; transform: scale(0.98,0.98); }
		  100% { opacity: 1; transform: scale(1,1); }
		}
	/* --- */

	/* scale-out */
		.scale-out {
			opacity: 1;

			-webkit-animation: slide-up-out .5s forwards;
			animation: slide-up-out .5s forwards;
		}

		@-webkit-keyframes scale-out {
		  0%   { opacity: 1; -webkit-transform: scale(1,1);}
		  100% { opacity: 0; -webkit-transform: scale(0.98,0.98); }
		}
		@-moz-keyframes scale-out {
		  0%   { opacity: 1; -moz-transform: scale(1,1); }
		  100% { opacity: 0; -moz-transform: scale(0.98,0.98); }
		}
		@-o-keyframes scale-out {
		  0%   { opacity: 1; -o-transform: scale(1,1); }
		  100% { opacity: 0; -o-transform: scale(0.98,0.98); }
		}
		@keyframes scale-out {
		  0%   { opacity: 1; transform: scale(1,1); }
		  100% { opacity: 0; transform: scale(0.98,0.98); }
		}
	/* --- */
/* Animation */

/* Helper classes */
    .text-color-white { color: white !important; }
    .text-color-gray { color: var(--color-gray) !important; }
    .text-color-brand { color: var(--color-brand) !important; }
    .text-color-second { color: var(--color-second) !important; }

    .background-color-white { background-color: white; }
    .background-color-gray { background-color: #AAAAAA; }
    .background-color-black { background-color: #414141; }
    .background-color-red { background-color: #C40A52; }	 	 	
    .background-color-blue { background-color: #0057FF; }

    .text-align-left { text-align: left; }
    .text-align-right { text-align: right; }
    .text-align-center { text-align: center; }

    .text-upper { text-transform: uppercase; }

    .text-size-xs { font-size: .8rem; }
    .text-size-sm { font-size: 1rem; }
    .text-size-md { font-size: 1.5rem; }
    .text-size-lg { font-size: 2rem; }
    .text-size-xl { font-size: 4rem; }
    
    .block{ display: block !important; }
    .inline{ display: inline !important; }
    .inline-block{ display: inline-block !important; }
    .justify{ width: 100% !important; }


    .padding{ box-sizing: border-box; }
    .padding.xxs{ padding: 0 5px; }
    .padding.xs{ padding: 0 1rem; }
    .padding.sm{ padding: 0 1.5rem; }
    .padding.md{ padding: 0 2rem; }
    .padding.lg{ padding: 0 2.5rem; }
    .padding.xl{ padding: 0 3rem; }
    .padding.xxl{ padding: 0 3.5rem; }
    .padding.no{ padding: 0px !important; }
    .margin.no{ margin: 0px !important; }



    hr {
    	display: block;
    	position: relative;
    	margin: 0;
    	padding: 0;
    	width: 100%;
    	height: 1px;
    	border: none;
    	border-bottom: 1px solid var(--color-gray);
    }
    hr.inverse {
    	border-bottom: 1px solid var(--color-gray);
    }

    hr.indent{ border: none; background: transparent; margin: 0; padding: 0; width: 100%; }
    hr.indent.xxs{ height: .5rem; }
    hr.indent.xs{ height: 1rem; }
    hr.indent.sm{ height: 2rem; }
    hr.indent.md{ height: 3rem; }
    hr.indent.lg{ height: 4rem; }
    hr.indent.xl{ height: 5rem; }

    hr.brand {
		display: block;
		width: 100%;
		height: 100px;
		background-color: #C20101;
		border: none;
	}

    @media (min-width: 992px) and (max-width: 1199px) {
    	.text-align-left-lg { text-align: left !important; }
	    .text-align-right-lg { text-align: right !important; }
	    .text-align-center-lg { text-align: center !important; }

	    .justify-lg{ width: 100% !important; }
    }

    @media (min-width: 768px) and (max-width: 991px) {
    	.text-align-left-md { text-align: left !important; }
	    .text-align-right-md { text-align: right !important; }
	    .text-align-center-md { text-align: center !important; }

	    hr.indent.xxs{ height: .2rem; }
	    hr.indent.xs{ height: .8rem; }
	    hr.indent.sm{ height: 1rem; }
	    hr.indent.md{ height: 2rem; }
	    hr.indent.lg{ height: 3rem; }
	    hr.indent.xl{ height: 4rem; }

	    .justify-md{ width: 100% !important; }
    }

    @media (min-width: 576px) and (max-width: 767px) {
    	.text-align-left-sm { text-align: left !important; }
	    .text-align-right-sm { text-align: right !important; }
	    .text-align-center-sm { text-align: center !important; }

	    hr.indent.xxs{ height: .2rem; }
	    hr.indent.xs{ height: .8rem; }
	    hr.indent.sm{ height: 1rem; }
	    hr.indent.md{ height: 2rem; }
	    hr.indent.lg{ height: 3rem; }
	    hr.indent.xl{ height: 4rem; }

	    .justify-sm{ width: 100% !important; }
    }

    @media (max-width: 575px) {
    	.text-align-left-xs { text-align: left !important; }
	    .text-align-right-xs { text-align: right !important; }
	    .text-align-center-xs { text-align: center !important; }

	    hr.indent.xxs{ height: .2rem; }
	    hr.indent.xs{ height: .8rem; }
	    hr.indent.sm{ height: 1rem; }
	    hr.indent.md{ height: 2rem; }
	    hr.indent.lg{ height: 3rem; }
	    hr.indent.xl{ height: 4rem; }

	    .padding{ box-sizing: border-box; }
	    .padding.xxs{ padding: 0 .25rem; }
	    .padding.xs{ padding: 0 .5rem; }
	    .padding.sm{ padding: 0 .75rem; }
	    .padding.md{ padding: 0 1.5rem; }
	    .padding.lg{ padding: 0 2rem; }
	    .padding.xl{ padding: 0 2.5rem; }
	    .padding.xxl{ padding: 0 3rem; }

	    .justify-xs{ width: 100% !important; }
    }
/* Helper classes