@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic');

/* ------------------------------------------------------------------------- CLASSES */
/* ------------------------------------------------------------------------- CLASSES */

	.flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: space-between;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.flex-column {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: flex-start;
		-ms-align-items: stretch;
		align-items: stretch;
	}
	.flex-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}

	.hidden-br {
		display: none;
	}
	.table-container {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.pink-text {
		color: #E666FF;
	}

/* ------------------------------------------------------------------------- BASE */
/* ------------------------------------------------------------------------- BASE */

	* {
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	html {
		min-width: 320px;
		width: 100%;
		overflow-x: hidden; 
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	body {
	  overflow-x: hidden;
		font-family: Roboto, Arial, sans-serif;
		font-size: 16px;
		line-height: 1.3;
		color: #707382;
		font-weight: normal;
		font-style: normal;
		width: 100%;
		max-width: 1920px;
		margin: 0 auto;
		position: relative;
		background-color: #fff;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.site-wrapper {
		min-height: 50vh;
    width: calc(100% - 240px);
		-webkit-transition: opacity .6s 1.2s;
		-o-transition: opacity .6s 1.2s;
		transition: opacity .6s 1.2s;
		will-change: opacity, transform;
	}
	.site-is-reload .site-wrapper {
		opacity: 0;
		-webkit-transition: opacity .3s 0s;
		-o-transition: opacity .3s 0s;
		transition: opacity .3s 0s;
	}
	.site-container {
		min-height: 50vh;
		width: 100%;
	}
	.custom-container {
		padding: 50px 65px;
	}
	.custom-wrapper {
		width: 100%;
		max-width: 1360px;
		margin: 0 auto;
	}
	.custom-header {
		text-align: left;
		font-size: 2.2em;
		font-weight: bold;
		width: 100%;
		color: #48507F;
	}

	p, h1, h2, h3, h4, h5, li, span {
		cursor: default;
	}
	a p, a h1, a h2, a h3, a h4, a h5, a li, a span,
	button span {
		cursor: pointer;
	}
	
	/* ---------------------------------- buttons */
	button {
		cursor: pointer;
		border: none;
		outline: none;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
		font-family: Roboto, Arial, sans-serif;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font: unset;
	}
	button:hover, button:focus {

	}
	.custom-button {
		height: 56px;
		padding: 0 38px;
		border-radius: 28px;
		color: #fff;
		background: linear-gradient(90deg, #00DAFD 0%, #0083FF 100%);
		box-shadow: 0px 5px 15px rgba(0, 218, 253, 0.35);
		font-weight: bold;
		-webkit-transition: box-shadow .2s, transform .2s;
		-o-transition: box-shadow .2s, transform .2s;
		transition: box-shadow .2s, transform .2s;
		will-change: transform;
	}
	.custom-button:hover {
		box-shadow: 0px 5px 15px rgba(0, 218, 253, 0);
		-webkit-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px);
		transform: translateY(2px);
	}
	.custom-button:active {
	}

	rect, circle, path {
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
	}

	/* ----------------------------------------- inputs */
	input {
		font-family: Roboto, Arial, sans-serif;
		border: none;
		background: transparent;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input:focus {
		outline: none;
	}
	.custom-inputs {
		width: 100%;
	}
	.custom-inputs-row {
		width: 100%;
		align-items: stretch;
		margin-bottom: 20px;
	}
	.custom-inputs input[type="text"],
	.custom-inputs input[type="tel"],
	.custom-inputs input[type="email"], 
	.custom-inputs input[type="password"],
	.custom-inputs textarea {
		background-color: transparent;
		color: #707382;
		border: none;
		width: 100%;
		height: 50px;
		font-weight: 500;
		z-index: 2;
		position: relative;
		padding: 0 33px;
		display: inline-block;
		font-size: 14px;
		text-align: left;
	}
	.custom-inputs textarea {
		display: block;
		height: 50px;
		padding: 18px 33px;
		outline: none!important;
		text-align: left;
		height: 120px;
		resize: none;
	}
	.input-wrapper {
		position: relative;
		background-color: #fff;
		width: 100%;
		overflow: hidden;
		border: 1px solid #A9ABB4;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.custom-inputs-row .input-wrapper:last-child {
		margin-bottom: 0;
	}
	.input-wrapper span {
		position: absolute;
		z-index: 1;
		line-height: 50px;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0 33px;
		display: block;
		color: #707382;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
		font-size: 14px;
		text-align: left;
	}
	.input-wrapper input.empty-input + span {
		color: #d3000d;
	}
	.input-wrapper input:focus + span,
	.not-empty-input + span,
	.custom-inputs textarea:focus + span {
		color: transparent!important;
	}
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
	    transition: background-color 5000s ease-in-out 0s;
	}

	a {
		text-decoration: none;
		color: #00A3FE;
		outline: none;
		cursor: pointer;
	}

	::-moz-selection {
		color: #d3000d;
		text-shadow: none;
	}
	::selection {
		color: #d3000d;
		text-shadow: none;
	}

/* ------------------------------------------------------------------------- POPUP */
/* ------------------------------------------------------------------------- POPUP */

	.custom-overlay {
		position: fixed;
		top: 0; bottom: 0;
		left: 0; right: 0;
		background: linear-gradient(180deg, rgba(95, 33, 155, 0.1) 0%, rgba(95, 33, 155, 0.72) 0.01%, #0E256D 100%);
		opacity: 0;
		visibility: hidden;
		z-index: 99;
		-webkit-transition: opacity .7s, visibility 0s .7s;
		-o-transition: opacity .7s, visibility 0s .7s;
		transition: opacity .7s, visibility 0s .7s;
	}
	.custom-overlay.custom-show {
		opacity: 0.7;
		visibility: visible;
		-webkit-transition: opacity .7s, visibility 0s 0s;
		-o-transition: opacity .7s, visibility 0s 0s;
		transition: opacity .7s, visibility 0s 0s;
	}
	.custom-popup {
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		background-color: #fff;
		-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);
		box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		-o-transform: translateY(-60px);
		transform: translateY(-60px);
		-webkit-transition: opacity .7s, transform .7s, visibility 0s .7s;
		-o-transition: opacity .7s, transform .7s, visibility 0s .7s;
		transition: opacity .7s, transform .7s, visibility 0s .7s;
		max-width: 600px;
		height: 95vh;
		width: 95vw;
		border-radius: 28px;
	}
	.custom-popup.custom-show {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: opacity .7s, transform .7s, visibility 0s 0s;
		-o-transition: opacity .7s, transform .7s, visibility 0s 0s;
		transition: opacity .7s, transform .7s, visibility 0s 0s;
	}
	.custom-popup-container {
		width: 100%;
		height: auto;
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 40px 50px;
		position: relative;
	}
	.close-custom-popup {
		cursor: pointer;
		height: 19px;
		width: 19px;
		position: absolute;
		top: 0;
		right: -30px;
		display: block;
		background-color: transparent;
	}
	.close-custom-popup:after, .close-custom-popup:before {
		content: '';
		background-color: #fff;
		height: 3px;
		width: 100%;
		position: absolute;
		top: 7.5px;
		left: 0;
		-webkit-transition: background-color .4s;
		-o-transition: background-color .4s;
		transition: background-color .4s;
	}
	.close-custom-popup:hover:after, .close-custom-popup:hover:before {
		background-color: #00A3FE;
	}
	.close-custom-popup:after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close-custom-popup:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.custom-popup form {
		-ms-align-items: center;
		align-items: center;
	}
	.custom-popup-title {
		font-size: 23px;
		margin-bottom: 15px;
		-ms-align-self: center;
		align-self: center;
		text-align: center;
	}
	p.agreement {
		line-height: 1.1em;
		text-align: center;
		font-size: 12px;
		margin-top: 10px;
	}
	p.agreement a {
		border-bottom: 1px solid;
		display: inline;
	}

	#callback-popup {
		max-width: 320px;
	}
	
	#service-popup {
		max-width: 320px;
	}

	#thank-you-popup {
		max-width: 440px;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	#sale-popup {
		max-width: 700px;
		z-index: 101;
	}
	#sale-popup .custom-inputs input[type="text"], 
	#sale-popup .custom-inputs input[type="tel"], 
	#sale-popup .custom-inputs input[type="email"] {
		height: 35px;
		padding: 0 20px;
	}
	#sale-popup .custom-inputs textarea {
		height: 100%;
		padding: 10px 20px;
	}
	#sale-popup .input-wrapper span {
		line-height: 35px;
		padding: 0 20px;
	}

/* ------------------------------------------------------------------------- MINI-SLIDER */
/* ------------------------------------------------------------------------- MINI-SLIDER */

	.mini-slider {
		width: 100%;
		position: relative;
	}
	.mini-slider-view {
		width: 100%;
		position: relative;
		z-index: 1;
	}
	.mini-slides-container {
		width: 100%;
		-ms-align-items: stretch;
		align-items: stretch;
		justify-content: flex-start;
	}
	.mini-slide {
		width: calc((100% - 80px) / 5);
		min-width: calc((100% - 80px) / 5);
		margin-right: 20px;
	}
	.mini-slider-arrow {
		height: 40px;
		width: 40px;
		padding: 0;
		margin: 0;
		background: transparent!important;
		border: none;
	}
	.mini-slider-arrow:hover path,
	.mini-slider-arrow:focus path {
		fill: #E666FF!important;
	}

/* ------------------------------------------------------------------------- TAB-PANELS */
/* ------------------------------------------------------------------------- TAB-PANELS */

	.custom-panels {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.custom-panel {
		position: absolute;
		visibility: hidden;
		opacity: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		overflow: hidden;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-o-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
	}
	.active-custom-panel {
		position: relative;
		z-index: 2;
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-o-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	
/* ------------------------------------------------------------------------- HEADER */
/* ------------------------------------------------------------------------- HEADER */

	.header {
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		height: 100vh;
		min-width: 240px;
		width: 240px;
		background: linear-gradient(38.03deg, #5D1A89 89.32%, #172571 98.06%) top left/100% 9550px no-repeat;
		-ms-align-items: center;
		align-items: center;
		padding-top: 35px;
		overflow-x: hidden;
	}
	.mobile-header {
		display: none;
	}
	.subheader {
		-ms-align-self: stretch;
		align-self: stretch;
		position: relative;
		z-index: 1;
		min-width: 240px;
		width: 240px;
	}
	.hidden-mobile-header {
		margin-bottom: 50px;
		max-width: 86%;
	}
	.hidden-mobile-header a.logo {
		width: 173px;
	}
	a.logo img {
		max-width: 100%;
	}
	.mobile-header a.logo {
		margin-bottom: 0;
	}

/* ------------------------------------------------------------------------- NAV */
/* ------------------------------------------------------------------------- NAV */

	/* ---------------------------------- hamburger */
		.hamburger {
			-ms-align-items: center;
			align-items: center;
			justify-content: center;
			height: 40px;
			width: 25px;
			display: none;
			background: none;
		}
		.hamburger-line {
			background-color: #fff;
			position: relative;
			width: 25px;
			height: 3px;
			border-radius: 2px;
			display: block;
			-webkit-transition: background-color .2s;
			-o-transition: background-color .2s;
			transition: background-color .2s;
			cursor: pointer;
		}
		.hamburger-line:before,
		.hamburger-line:after {
			content: '';
			position: absolute;
			left: 0;
			background-color: #fff;
			height: 3px;
			width: 25px;
			border-radius: 2px;
			-webkit-transform-origin: center;
			-moz-transform-origin: center;
			-ms-transform-origin: center;
			-o-transform-origin: center;
			transform-origin: center;
			-webkit-transition: background-color .2s;
			-o-transition: background-color .2s;
			transition: background-color .2s;
			cursor: pointer;
		}
		.hamburger-line:before {
			top: -6px;
		}
		.hamburger-line:after {
			bottom: -6px;
		}
		.hamburger:hover .hamburger-line,
		.hamburger:hover .hamburger-line:before,
		.hamburger:hover .hamburger-line:after,
		.hamburger:focus .hamburger-line,
		.hamburger:focus .hamburger-line:before,
		.hamburger:focus .hamburger-line:after {
			background-color: #00A3FE;
		}
		header .hamburger-line {
			background-color: transparent!important;
		}
		header .hamburger-line:before {
			top: 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		header .hamburger-line:after {
			bottom: 0;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

	/* ------------------------------- main-menu */
		header .nav {
			width: 223px;
			flex-grow: 2;
		}
		ul.main-menu {
			list-style: none;
			position: relative;
			padding-bottom: 50px;
			margin-bottom: 50px;
		}
		ul.main-menu:after {
			content: '';
			position: absolute;
			bottom: 0px;
			left: 25px;
			height: 4px;
			width: 86px;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAACCAYAAADCSSsWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgB7c6xDYBACAVQYIu7XKGb6ChOoqO4iW6izcEWIKUhOTsTC19D8gnkY63V4IaI+pTSCQEzb2Y2QIPvplLKGnP/v/iYW3eIuOecx5iLSKeqBzz4cleC3ysus+czskP6MkEAAAAASUVORK5CYII=);
			background-position: left center;
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
		}
		ul.main-menu a {
			color: #B28ECE;
			font-size: 1.3em;
			-webkit-transition: color .3s;
			-o-transition: color .3s;
			transition: color .3s;
		}
		ul.main-menu a:hover, ul.main-menu a:focus,
		ul.main-menu a:visited:hover, ul.main-menu a:visited:focus {
			color: #fff;
		}
		ul.main-menu a:visited {
			color: #B28ECE;
		}
		ul.main-menu li.active-link a {
			color: #fff!important;
		}
		ul.main-menu li {
			position: relative;
			padding-left: 25px;
			margin-bottom: 17px;
		}
		ul.main-menu li:last-of-type {
			margin-bottom: 0;
		}
		ul.main-menu li.active-link:before {
			content: '';
			position: absolute;
			top: 7px;
			left: 0;
			height: 18px;
			width: 18px;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALISURBVHgBfVQ9bxNBEH1zt3c2xNYlgIkSASLI0KSgcIUEkvkBUSpL/AhKOgpsUfIPaOni9AhBEYkCCeEKGQnhkCiKDASSOHZ8ue9h1p9xgjlr7fXc7Nu3b94s8I+HmYknA6Rj+M9DZwF6wQqo/Ox8cr0KWishAdE5VDoNUpH/ZZkXN2B0siAvDfJTkvNNgreBRh5JUVJlJJLXJ0198sbEjhKWJGP3GszPYZD/8offbn7Fz80Oe433vG6/Qn63AXOjv47KlTERGmqAKoxiCbS9DdU8xlLoJh/gwkGXwF3JkUEndGRlcS94gK3CPuJaAbFerVn1GOkDl0qABul2oQLwC4k5TLTOC+FdlaP7ZGCdEzjBHl7mJGf/MkxZMioKaTZyXqrWoQ7noNw92C0rOSRXCqXoYcpB0w9AVguZ8BPX4NIRHmFpvoXgV4gAmhVRYmhaGqi+DDS3YMYXoWSDdm8TG66wsGwFxW3M6pCQdzItWOEJzOV0j9FYbF2Bm9syn5cXJgwpbr134gN+mhzgenKI2XgPj0krauONCEKs+hWtDHRWAyDKRxh50FT0JOLkNcW0Gv/mVS02hRqZ2uoGnncvgG1f7HCq4gb3NeKUD74Sg49jJJbCDixjhU16x/3StoXBR5XHinUHO1nJMTNI8gOTjsTWv4UazB8LsNwAdthFOjaQYksYG/IRsWUWC6vITMMTR/iL+wiaQMgFRNQrv3xpwW59R9J0EVtdRIaJ0EvgGx4C8hH4NjwR0xene6aFMDeDqOkgLnbGctCwPWjoanFuw4ekQ2Wlgh0PRmZGXspxOjYi8VDkpBA2jqTnBqUfVY0GrHIypJ/ivCQuXkWQnoN36SI8m+GlGD7kOBrEEZDy0NUTLXKmcXXPVWswtE/qqXFOUTbZ0GnStEMCmPbwALDneGajxOKsNTb1XI/hXTUdYRJu6iU27YL7C1uwYBzzh+5wAAAAAElFTkSuQmCC);
			background-position: top center;
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
		}
		.nav-contacts {
			padding-left: 25px;
			padding-bottom: 30px;
			flex-grow: 2;
			justify-content: flex-end;
		}
		.nav-address, .nav-email {
			color: #B28ECE;
			-webkit-transition: color .3s;
			-o-transition: color .3s;
			transition: color .3s;
		}
		.nav-contacts p {
			margin-bottom: 13px;
		}
		.nav-phone {
			font-weight: bold;
			color: #fff;
			-webkit-transition: color .3s;
			-o-transition: color .3s;
			transition: color .3s;
		}
		.nav-email:hover, .nav-phone:hover,
		.nav-email:focus, .nav-phone:focus {
			color: #00A3FE;
		}

		.social-links {
			justify-content: flex-start;
		}
		.social-links a {
			display: block;
			position: relative;
			width: 24px;
			height: 21px;
			margin-right: 30px;
		}
		.social-links a img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-transition: opacity .3s;
			-o-transition: opacity .3s;
			transition: opacity .3s;
			cursor: pointer;
		}
		.social-links a img:first-child {
			opacity: 1;
		}
		.social-links a img:last-child {
			opacity: 0;
		}
		.social-links a:hover img:first-child,
		.social-links a:focus img:first-child {
			opacity: 0.4;
		}
		.social-links a:hover img:last-child,
		.social-links a:focus img:last-child {
			opacity: 1;
		}

/* ------------------------------------------------------------------------- BANNER */
/* ------------------------------------------------------------------------- BANNER */

	.banner-container {
		width: 100%;
		height: auto;
		position: relative;
		padding: 0!important;
	}
	.banner-img {
		position: relative;
		z-index: 1;
		width: 100%;
		min-width: 100%;
		height: auto;
	}
	.mobile-banner-img {
		display: none;
	}
	.banner-wrapper {
		-ms-align-items: flex-start;
		align-items: flex-start;
		justify-content: center;
		top: 23%;
		left: 50px;
		position: absolute;
		z-index: 2;
	}
	.banner-text {
		-ms-align-items: flex-start;
		align-items: flex-start;
		justify-content: center;
	}
	.banner-suptitle {
		font-size: 1.2em;
		color: #E666FF;
		margin-bottom: 23px;
		font-weight: 500;
	}
	.banner-title {
		color: #fff;
		margin-bottom: 21px;
		font-size: 3em;
		font-weight: bold;
	}
	.banner-subtitle {
		color: #fff;
		margin-bottom: 54px;
	}
	.banner-text svg {
		margin-right: 8px;
	}

/* ------------------------------------------------------------------------- MAIN */
/* ------------------------------------------------------------------------- MAIN */

	.itemid-101 .item-page,
	.itemid-104 .item-page {
		display: none;
	}

	/*----------------------------- about-us */
		.about-us-container {
			position: relative;
			padding-top: 0!important;
			padding-bottom: 0!important;
		}
		.about-us-img {
			position: relative;
			z-index: 1;
			width: 80%;
			max-width: 1095px;
			height: auto;
			-webkit-transform: translateX(-45%);
			-ms-transform: translateX(-45%);
			-o-transform: translateX(-45%);
			transform: translateX(-45%);
		}
		.about-us-wrapper {
			background: url(/images/template/888888.png) center top/contain no-repeat;
			position: absolute;
			z-index: 2;
			right: 50px;
			top: 130px;
			height: calc(100% - 130px);
			width: 52%;
			-ms-align-items: flex-start;
			align-items: flex-start;
		}
		.about-us-text {
			font-weight: bold;
			font-size: 1.9em;
			padding-top: 20px;
			margin-bottom: 107px;
		}

		.about-us-advantages {
			width: 100%;
			max-width: 695px;
		}
		.about-us-advantage {
			-ms-align-items: flex-start;
			align-items: flex-start;
		}
		.about-us-advantage-img {
			height: 60px;
			width: 100%;
			-webkit-background-size: contain;
			background-size: contain;
			background-position: left center;
			background-repeat: no-repeat;
			position: relative;
			margin-bottom: 50px;
		}
		.about-us-advantage:nth-of-type(1) .about-us-advantage-img {
			background-image: url(/images/template/10.png);
		}
		.about-us-advantage:nth-of-type(2) .about-us-advantage-img {
			background-image: url(/images/template/100.png);
		}
		.about-us-advantage:nth-of-type(3) .about-us-advantage-img {
			background-image: url(/images/template/5.png);
		}
		.about-us-advantage-img:after {
			content: '';
			position: absolute;
			bottom: -25px;
			left: 0;
			width: 85px;
			height: 4px;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAACCAYAAADCSSsWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgB7c6xDYBACAVQYBIt73JD6ChOoqO4iS5xUOokIKUhOTsTC19D8gnkY63V4IaI+pTSCQEzb2Y2QIPvplLKGnP/v/iYW3eIuOecx5iLSKeqBzz4cleC3ysuSWczgsqg3pQAAAAASUVORK5CYII=);
			background-position: left center;
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
		}
		.about-us-advantage p {
			color: #707382;
		}

	/*----------------------------- director */
		.director-container {
			padding-right: 0!important;
			padding-top: 0!important;
			padding-bottom: 0!important;
			justify-content: flex-end;
			position: relative;
		}
		.director-wrapper {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 50px;
			width: 100%;
			height: 100%;
			justify-content: center;
		}
		.director-name {
			font-size: 3em;
			margin-bottom: 15px;
			font-weight: bold;
		}
		.director-subtitle {
			margin-bottom: 50px;
			font-size: 1.1em;
			font-weight: bold;
		}
		.director-qoute {
			position: relative;
			padding-left: 100px;
			font-weight: bold;
			font-style: italic;
			font-size: 1.5em;
			max-width: 563px;
		}
		.director-qoute:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			height: 54px;
			width: 54px;
			background: url(/images/template/left-quote.png) left top/contain no-repeat;
		}

		.director-container>img {
			width: 60%;
			max-width: 1095px;
			height: auto;
			position: relative;
			z-index: 1;
		}
	
	/*----------------------------- services */
		.services-container .custom-header {
			margin-bottom: 50px;
		}
		.itemid-101 .services-container .custom-header {
			display: none;
		}
		.services-wrapper {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: flex-start;
		}
		.service {
			width: calc((100% - 60px) / 3);
			margin-right: 30px;
			margin-bottom: 30px;
			background: url(/images/template/service-bg.png) center top/cover no-repeat, linear-gradient(70.96deg, #172571 -19.21%, #68219F 45.9%, #172571 152.04%);
			border-radius: 10px;
			box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
		}
		.service-top,
		.service-bottom {
			padding: 35px;
		}
		.service-bottom {
			background-color: #fff;
			transition: background-color .3s;
			flex-grow: 2;
			border-radius: 0 0 10px 10px;
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: stretch;
		}
		.service-bottom:after {
			content: '';
			position: absolute;
			bottom: -1px;
			left: -1px;
			width: calc(100% + 2px);
			height: 20px;
			background-color: #fff;
			border-radius: 0 0 10px 10px;
		}
		.service:hover {
			background-color: rgba(255,255,255,0);
		}
		.service:nth-of-type(3n) {
			margin-right: 0;
		}
		.service-title {
			color: #fff;
			font-weight: 500;
			font-size: 1.3em;
			margin-bottom: 23px;
		}
		.service-price {
			border-radius: 10px;
			background-color: rgba(50,28,111,0.7);
			text-align: center;
			color: #E666FF;
			font-weight: 500;
			font-size: 2.1em;
			padding: 17px 0;
		}
		.service ul {
			list-style: none;
			margin-bottom: 26px;
			color: #707382;
			font-size: 0.9em;
		}
		.service li {
			position: relative;
			padding-left: 26px;
			margin-bottom: 10px;
		}
		.service li:last-of-type {
			margin-bottom: 0;
		}
		.service li:before {
			content: '';
			position: absolute;
			top: 2px;
			left: 0;
			height: 18px;
			width: 18px;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALISURBVHgBfVQ9bxNBEH1zt3c2xNYlgIkSASLI0KSgcIUEkvkBUSpL/AhKOgpsUfIPaOni9AhBEYkCCeEKGQnhkCiKDASSOHZ8ue9h1p9xgjlr7fXc7Nu3b94s8I+HmYknA6Rj+M9DZwF6wQqo/Ox8cr0KWishAdE5VDoNUpH/ZZkXN2B0siAvDfJTkvNNgreBRh5JUVJlJJLXJ0198sbEjhKWJGP3GszPYZD/8offbn7Fz80Oe433vG6/Qn63AXOjv47KlTERGmqAKoxiCbS9DdU8xlLoJh/gwkGXwF3JkUEndGRlcS94gK3CPuJaAbFerVn1GOkDl0qABul2oQLwC4k5TLTOC+FdlaP7ZGCdEzjBHl7mJGf/MkxZMioKaTZyXqrWoQ7noNw92C0rOSRXCqXoYcpB0w9AVguZ8BPX4NIRHmFpvoXgV4gAmhVRYmhaGqi+DDS3YMYXoWSDdm8TG66wsGwFxW3M6pCQdzItWOEJzOV0j9FYbF2Bm9syn5cXJgwpbr134gN+mhzgenKI2XgPj0krauONCEKs+hWtDHRWAyDKRxh50FT0JOLkNcW0Gv/mVS02hRqZ2uoGnncvgG1f7HCq4gb3NeKUD74Sg49jJJbCDixjhU16x/3StoXBR5XHinUHO1nJMTNI8gOTjsTWv4UazB8LsNwAdthFOjaQYksYG/IRsWUWC6vITMMTR/iL+wiaQMgFRNQrv3xpwW59R9J0EVtdRIaJ0EvgGx4C8hH4NjwR0xene6aFMDeDqOkgLnbGctCwPWjoanFuw4ekQ2Wlgh0PRmZGXspxOjYi8VDkpBA2jqTnBqUfVY0GrHIypJ/ivCQuXkWQnoN36SI8m+GlGD7kOBrEEZDy0NUTLXKmcXXPVWswtE/qqXFOUTbZ0GnStEMCmPbwALDneGajxOKsNTb1XI/hXTUdYRJu6iU27YL7C1uwYBzzh+5wAAAAAElFTkSuQmCC);
			background-position: top center;
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
		}
		.readmore-service {
			margin-top: auto;
		}

	/*----------------------------- advantages */
		.advantages-container {
			padding-top: 45px!important;
			padding-left: 0!important;
			padding-right: 0!important;
			background: url(/images/template/advantages-bg.jpg) top center/cover no-repeat;
		}
		.advantages-container .custom-header {
			text-align: center;
		}
		.advantages-wrapper {
			margin-top: 70px;
			-ms-align-items: stretch;
			align-items: stretch;
			max-width: 100%;
		}
		.advantages {
			max-width: 1100px;
			width: 100%;
			margin: 0 auto;
		}
		.advantage-line {
			height: 2px;
			flex-grow: 2;
			border-bottom: 2px dashed #d5d5d5;
			margin: 0 30px;
			-webkit-transform: translateY(140px);
			-ms-transform: translateY(140px);
			-o-transform: translateY(140px);
			transform: translateY(140px);
		}
		.advantage {
			width: auto;
			min-width: 0;
			margin-right: 0;
		}
		.advantage-title {
			font-size: 1.3em;
			font-weight: 500;
			margin: 40px 0 22px;
		}
		ul.advantage-list {
			list-style: none;
		}
		ul.advantage-list li {
			padding-left: 18px;
			line-height: 26px;
			position: relative;
		}
		ul.advantage-list li:before {
			content: '';
			position: absolute;
			top: 9px;
			left: 0;
			height: 8px;
			width: 8px;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJCAYAAAAPU20uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADFSURBVHgBVU+xDcJADDwHhB5o0gZRwAZhA9iADQAJpU02QExA6kDDBLABjMAGfANpU5AATcz7lS+wZP3Zd3+2CSbuCfvdEouaMJWagHOQ0dFiITsVLqYZ4j/0t4eJp97YWZKga8ZKUkiTI/MxaTM3toTZcE9CIF+zZs+6xp4opflRKJx3cKBrA30PDFuoCrET5BFvGnijR8RzY3WypREzwXcLUwtLEvCMODFP7MaZkHHbQUYpOVs5V70QtghF2Ycep2R3+gEAYD+0DiuwtwAAAABJRU5ErkJggg==);
			background-position: top center;
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
		}
		.advantages-mini-slider-arrows {
			display: none;
		}
	
	/*----------------------------- philosophy */
		.philosophy-container {
			color: #fff;
			background: url(/images/template/philosophy-bg.png) right 80%/70% auto no-repeat, linear-gradient(187.01deg, #811FA3 -22.24%, #0E256D 66.95%);
			padding-top: 80px!important;
			padding-bottom: 80px!important;
		}
		.philosophy-container .custom-header {
			text-align: left;
			margin-bottom: 30px;
			color: #fff;
		}
		.philosophy-subheader {
			line-height: 1.7;
			max-width: 500px;
			margin-bottom: 60px;
		}
		.philosophy {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			width: 100%;
			max-width: 550px;
		}
		.philosophy-item {
			width: 245px;
			padding-left: 40px;
			position: relative;
			margin: 18px 0;
		}
		.philosophy-item svg {
			position: absolute;
			top: 2px;
			left: 0;
		}
		.philosophy-title {
			font-weight: 500;
			font-size: 1.3em;
			margin-bottom: 20px;
		}
		.philosophy-text {
			font-size: 0.9em;
			line-height: 1.7;
		}
	
	/*----------------------------- team */
		.team-container {
			padding-left: 0!important;
			padding-right: 0!important;
		}
		.team-wrapper {
			background: url(/images/template/team-bg.png) -100px top/100% auto no-repeat, url(/images/template/advantages-bg.jpg) top center/cover no-repeat;
			width: 100%;
			max-width: 100%;
			padding-left: 50px;
			padding-right: 50px;
			padding-top: 50px;
		}
		.team-container .custom-header {
			text-align: center;
		}
		.team-mini-slider-view {
			max-width: 1000px;
			-ms-align-self: center;
			align-self: center;
		}
		.team-mini-slides-container {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.team-mini-slide {
			width: calc(100% / 3);
			min-width: calc(100% / 3);
			margin-right: 0px;
			justify-content: flex-start;
			-ms-align-items: center;
			align-items: center;
			-ms-align-self: stretch;
			align-self: stretch;
			margin-bottom: 51px;
			text-align: center;
			position: relative;
		}
		.teammate-avatar {
			height: 178px;
			width: 178px;
			border-radius: 50%;
			background-position: center;
			-webkit-background-size: cover;
			background-size: cover;
			border: 4px solid #FFFFFF;
			-webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
			box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
			margin-bottom: 24px;
			position: relative;
			z-index: 1;
			-webkit-transition: opacity .4s;
			-o-transition: opacity .4s;
			transition: opacity .4s;
		}
		.teammate-urls:hover + .teammate-avatar {
			opacity: 0;
		}
		.teammate-name {
			color: #48507F;
			font-weight: 500;
			font-size: 1.3em;
			line-height: 1;
			margin-bottom: 12px;
		}
		.teammate-urls {
			position: absolute;
			z-index: 3;
			top: 9px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			height: 160px;
			width: 160px;
			border-radius: 50%;
			-webkit-transition: opacity .5s;
			-o-transition: opacity .5s;
			transition: opacity .5s;
			opacity: 0;
			background-color: #fff;
			-webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
			box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
		}
		.teammate-urls:hover {
			opacity: 1;
		}
		.teammate-urls:before {
			content: '';
			position: absolute;
			top: -12px;
			left: -12px;
			z-index: -1;
			height: 184px;
			width: 184px;
			opacity: 0;
			-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
			background: url(/images/template/big-blue-ring.png) center/contain no-repeat;
			-webkit-transition: opacity .6s, transform .8s;
			-o-transition: opacity .6s, transform .8s;
			transition: opacity .6s, transform .8s;
		}
		.teammate-urls:hover:before {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}
		.teammate-url {
			display: block;
			margin: 0 10px;
			position: relative;
			width: 20px;
			height: 20px;
		}
		.teammate-url img {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			max-width: 100%;
			max-height: 100%;
			cursor: pointer;
			-webkit-transition: opacity .2s;
			-o-transition: opacity .2s;
			transition: opacity .2s;
			opacity: 1;
		}
		.teammate-url img:last-child {
			opacity: 0;
		}
		.teammate-url:hover img:last-child {
			opacity: 1;
		}
		.teammate-url:hover img:first-child {
			opacity: 0;
		}
	
		.team-mini-slider-arrows {
			display: none;
		}

	/*----------------------------- faq */
		.faq-container {
			padding-top: 0!important;
		}
		.faq-container .custom-header {
			margin-bottom: 50px;
			margin-left: auto;
			margin-right: auto;
			max-width: 1360px;
		}
		.left-faq, .right-faq {
			width: calc(50% - 16px);
		}
		.answer {
			background: #FFFFFF;
			box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
			border-radius: 10px;
			padding: 0 48px 12px;
			margin-bottom: 24px;
			overflow: hidden;
		}
		.answer-title {
			padding: 39px 0 27px;
			color: #48507F;
			font-weight: 500;
			font-size: 1.3em;
			-webkit-transition: color .3s;
			-o-transition: color .3s;
			transition: color .3s;
			background-color: #fff;
			text-align: left;
		}
		.answer-title svg {
			-webkit-transition: transform .3s;
			-o-transition: transform .3s;
			transition: transform .3s;
			-webkit-transform-origin: center center;
			-moz-transform-origin: center center;
			-ms-transform-origin: center center;
			-o-transform-origin: center center;
			transform-origin: center center;
			min-width: 19px;
			margin-left: 20px;
		}
		.accordeon-is-open .answer-title svg {
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		.answer-title:hover, .answer-title:focus, .accordeon-is-open .answer-title {
			color: #E666FF;
		}
		.answer-title:hover path, .answer-title:focus path, .accordeon-is-open .answer-title path {
			fill: #E666FF!important;
		}
		.answer-text {
			line-height: 1.7;
			padding-bottom: 54px;
		}
		.accordeon-body {
			overflow: hidden;
			height: 0;
		}
	
	/*----------------------------- partners */
		.partners-container {
			padding-bottom: 50px!important;
		}
		.partners-wrapper {
			-ms-align-items: flex-start;
			align-items: flex-start;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.partner {
			text-align: center;
			-ms-align-items: center;
			align-items: center;
			width: calc((100% - 120px) / 4);
			margin: 0 15px 50px;
			color: #707382;
			min-width: 260px;
		}
		.partner img {
			max-width: 100%;
			margin-bottom: 22px;
		}
		.partner-line {
			width: 85px;
			height: 4px;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAACCAYAAADCSSsWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgB7c6xDYBACAVQYBIt73JD6ChOoqO4iS5xUOokIKUhOTsTC19D8gnkY63V4IaI+pTSCQEzb2Y2QIPvplLKGnP/v/iYW3eIuOecx5iLSKeqBzz4cleC3ysuSWczgsqg3pQAAAAASUVORK5CYII=);
			background-position: left center;
			-webkit-background-size: contain;
			background-size: contain;
			background-repeat: repeat-x;
			margin-bottom: 22px;
			-webkit-transition: background-position .5s;
			-o-transition: background-position .5s;
			transition: background-position .5s;
		}
		.partner:hover .partner-line, .partner:focus .partner-line {
			background-position: 50px center;
		}

/* ------------------------------------------------------------------------- BLOG */
/* ------------------------------------------------------------------------- BLOG */

	.itemid-102 .custom-blog {
		display: none;
	}
	.projects-container .custom-header {
		text-align: left;
		margin-right: 90px;
		width: auto;
		line-height: 1;
	}
	.projects-top {
		justify-content: flex-start;
		margin-bottom: 63px;
		position: relative;
		z-index: 2;
	}
	.category-desc {
		max-width: 460px;
		min-height: 75px;
		line-height: 1.6;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
		opacity: 1;
	}
	.projects-is-reload .category-desc {
		opacity: 0;
	}
	ul.projects-menu {
		list-style: none;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 30px;
		position: relative;
		z-index: 2;
	}
	ul.projects-menu a {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		text-align: center;
		justify-content: center;
		height: 44px;
		border: 1px solid;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		border-radius: 22px;
		padding: 0 22px;
		font-size: 14px;
		margin-right: 17px;
		margin-bottom: 13px;
		white-space: nowrap;
		color: #707382;
	}
	ul.projects-menu .active-category a,
	ul.projects-menu a:hover, ul.projects-menu a:focus {
		color: #00A3FE;
	}

	.projects {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-align-items: stretch;
		align-items: stretch;
		justify-content: flex-start;
		-webkit-transition: opacity .6s 1.2s;
		-o-transition: opacity .6s 1.2s;
		transition: opacity .6s 1.2s;
		opacity: 1;
		min-height: 250px;
	}
	.projects-is-reload .projects {
		opacity: 0;
		-webkit-transition: opacity .3s 0s;
		-o-transition: opacity .3s 0s;
		transition: opacity .3s 0s;
	}
	.project {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		-ms-align-items: flex-start;
		align-items: flex-start;
		justify-content: center;
		width: calc((100% - 30px) / 2);
		margin-bottom: 30px;
	}
	.project:nth-of-type(2n) {
		margin-left: 30px;
	}
	.project:before {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(95, 33, 155, 0) 55.98%, #0E256D 100%);
	}
	.project:after {
		content: '';
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(95, 33, 155, 0) 0%, rgba(95, 33, 155, 0.62) 0.01%, #0E256D 100%);
		opacity: 0;
		-webkit-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
		will-change: opacity;
	}
	.project:hover:after, .project:focus:after {
		opacity: 1;
	}
	.project img {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		object-fit: cover;
        object-position: center top;
	}
	.project-type {
		position: absolute;
		z-index: 4;
		top: 30px;
		left: 40px;
		padding-left: 20px;
		font-weight: 500;
		font-size: 14px;
		line-height: 14px;
		color: #fff;
	}
	.project-type:before {
		content: '';
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBNY/NTcNQEIS/eSDOdgdAAyjugHI4pgJKSAlOB/jGlRs3woW7O3AiYRvpiTfZPCkrjVb7NzMrLvHpe1b3WnjyTKtVg1e2vGgUhxjmcmCm0SxYsH+RFh2d2STdeifUBM/eWa3/9Zisfaw1yvTSTylxLc964FljlexjODNFf0pRnly7HLnGH03Npk0ufIeyk8qO9/Dz5oY7Xm1jMVSTyv4KujZAwPGJWDSR6RIbjWGsC6ahSolT4IMbOrYaz5OsXt2EaO+mAAAAAElFTkSuQmCC);
		height: 8px;
		width: 8px;
		position: absolute;
		z-index: 4;
		top: 2px;
		left: 0;
	}
	.project-date {
		position: absolute;
		z-index: 4;
		bottom: 85px;
		left: 40px;
		font-size: 14px;
		color: #fff;
	}
	.project-name {
		position: absolute;
		z-index: 4;
		min-height: 77px;
		font-size: 1.3em;
		color: #E666FF;
		font-weight: 500;
		width: 100%;
		padding: 0 40px;
		padding-right: 60px;
		bottom: 0;
		left: 0;
		-webkit-transition: color .5s;
		-o-transition: color .5s;
		transition: color .5s;
	}
	.project:hover .project-name, .project:focus .project-name {
		color: #fff;
	}
	.project-name svg {
		margin-left: 10px;
	}
	.project-name path {
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.project:hover path, .project:focus path {
		fill: #fff!important;
	}

/* ------------------------------------------------------------------------- FOOTER */
/* ------------------------------------------------------------------------- FOOTER */

	.footer {
		background: url(/images/template/footer-bg.png) center top/cover no-repeat;
		padding: 0 50px;
	}
	.footer-top-wrapper {
		padding-top: 280px;
		padding-bottom: 120px;
	}
	.footer-header {
		margin-bottom: 31px;
		font-weight: 500;
		font-size: 1.3em;
	}
	ul.footer-menu {
		list-style: none;
	}
	ul.footer-menu li {
		margin-bottom: 26px;
	}
	ul.footer-menu li a {
		color: #B28ECE;
		-webkit-transition: color .3s;
		-o-transition: color .3s;
		transition: color .3s;
		position: relative;
		display: inline-block;
	}
	ul.footer-menu li a:before {
		content: '';
		position: absolute;
		top: 2px;
		left: -22px;
		height: 18px;
		width: 18px;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALISURBVHgBfVQ9bxNBEH1zt3c2xNYlgIkSASLI0KSgcIUEkvkBUSpL/AhKOgpsUfIPaOni9AhBEYkCCeEKGQnhkCiKDASSOHZ8ue9h1p9xgjlr7fXc7Nu3b94s8I+HmYknA6Rj+M9DZwF6wQqo/Ox8cr0KWishAdE5VDoNUpH/ZZkXN2B0siAvDfJTkvNNgreBRh5JUVJlJJLXJ0198sbEjhKWJGP3GszPYZD/8offbn7Fz80Oe433vG6/Qn63AXOjv47KlTERGmqAKoxiCbS9DdU8xlLoJh/gwkGXwF3JkUEndGRlcS94gK3CPuJaAbFerVn1GOkDl0qABul2oQLwC4k5TLTOC+FdlaP7ZGCdEzjBHl7mJGf/MkxZMioKaTZyXqrWoQ7noNw92C0rOSRXCqXoYcpB0w9AVguZ8BPX4NIRHmFpvoXgV4gAmhVRYmhaGqi+DDS3YMYXoWSDdm8TG66wsGwFxW3M6pCQdzItWOEJzOV0j9FYbF2Bm9syn5cXJgwpbr134gN+mhzgenKI2XgPj0krauONCEKs+hWtDHRWAyDKRxh50FT0JOLkNcW0Gv/mVS02hRqZ2uoGnncvgG1f7HCq4gb3NeKUD74Sg49jJJbCDixjhU16x/3StoXBR5XHinUHO1nJMTNI8gOTjsTWv4UazB8LsNwAdthFOjaQYksYG/IRsWUWC6vITMMTR/iL+wiaQMgFRNQrv3xpwW59R9J0EVtdRIaJ0EvgGx4C8hH4NjwR0xene6aFMDeDqOkgLnbGctCwPWjoanFuw4ekQ2Wlgh0PRmZGXspxOjYi8VDkpBA2jqTnBqUfVY0GrHIypJ/ivCQuXkWQnoN36SI8m+GlGD7kOBrEEZDy0NUTLXKmcXXPVWswtE/qqXFOUTbZ0GnStEMCmPbwALDneGajxOKsNTb1XI/hXTUdYRJu6iU27YL7C1uwYBzzh+5wAAAAAElFTkSuQmCC);
		background-position: top center;
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		opacity: 0;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
	}
	ul.footer-menu li a:focus,
	ul.footer-menu li a:hover {
		color: #fff;
	}
	ul.footer-menu li a:focus:before,
	ul.footer-menu li a:hover:before {
		opacity: 1;
	}
	.footer-contacts-container {
		max-width: 360px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer .nav-address, .footer .nav-email, .footer .nav-phone {
		margin-bottom: 21px!important;
	}

	.footer-subheader {
		color: #B28ECE;
		line-height: 1.7;
		margin-bottom: 35px;
	}

	#email-form .custom-inputs {
		position: relative;
	}
	#email-form .input-wrapper {
		position: relative;
		z-index: 1;
		border-radius: 28px;
		border: none;
	}
	#email-form .input-wrapper span {
		line-height: 56px;
	}
	#email-form input {
		width: 385px;
		padding-right: 182px;
		height: 56px;
	}
	#email-form .custom-button {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		padding: 0 31px;
		-webkit-transform: unset!important;
		-ms-transform: unset!important;
		-o-transform: unset!important;
		transform: unset!important;
	}
	#email-form .custom-button svg {
		margin-right: 10px;
	}
	.footer-bottom-wrapper {
		padding: 38px 50px;
		-ms-align-items: center;
		align-items: center;
		position: relative;
		border-top: 1px solid rgba(178, 142, 206, 0.4);
		color: #fff;
		font-size: 14px;
		margin: 0 -50px;
		width: auto;
	}
	.footer-bottom-wrapper>a {
		-webkit-transition: color .3s;
		-o-transition: color .3s;
		transition: color .3s;
		color: #fff;
		border-bottom: 1px solid;
		line-height: 16px;
	}
	.footer-bottom-wrapper>a:hover, .footer-bottom-wrapper>a:focus {
		color: #00A3FE;
	}
	.footer-bottom-wrapper .social-links {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 2;
		justify-content: center;
	}
	.footer-bottom-wrapper .social-links a {
		margin-right: 15px;
		margin-left: 15px;
	}

/* ------------------------------------------------------------------------- ALL */
/* ------------------------------------------------------------------------- ALL */

	/* ------------------------------ main-form */
		.fixed-form-container {
			position: fixed;
			z-index: 100;
			top: 0;
			right: 0;
			-webkit-transform: translateX(100%);
			-ms-transform: translateX(100%);
			-o-transform: translateX(100%);
			transform: translateX(100%);
			width: 100vw;
			max-width: 400px;
			height: 100vh;
			background-color: #fff;
			background-image: url(/images/template/advantages-bg.jpg);
			-webkit-background-size: auto 40%;
			background-size: auto 40%;
			background-position: left bottom;
			background-repeat: no-repeat;
			-webkit-transition: transform .5s, box-shadow .5s;
			-o-transition: transform .5s, box-shadow .5s;
			transition: transform .5s, box-shadow .5s;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: center;
		}
		.fixed-form-container.custom-show {
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
			-webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);
			box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);
		}
		.fixed-button, .close-fixed-button {
			height: 56px;
			background: linear-gradient(90deg, #00DAFD 0%, #0083FF 100%);
			box-shadow: 0px 5px 15px rgba(0, 218, 253, 0.35);
			border-radius: 28px 0 0 28px;
			position: absolute;
			top: 50px;
			left: 0;
			-webkit-transform: translateX(-100%);
			-ms-transform: translateX(-100%);
			-o-transform: translateX(-100%);
			transform: translateX(-100%);
			padding: 0 48px 0 27px;
			-webkit-transition: box-shadow .3s, opacity .3s;
			-o-transition: box-shadow .3s, opacity .3s;
			transition: box-shadow .3s, opacity .3s;
			opacity: 0.8;
			z-index: 1;
		}
		.fixed-form-container.custom-show .fixed-button {
			opacity: 0!important;
		}
		.close-fixed-button {
			background: #fff;
			-webkit-box-shadow: none!important;
			box-shadow: none!important;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: opacity .3s 0s, visibility 0s .3s;
			-o-transition: opacity .3s 0s, visibility 0s .3s;
			transition: opacity .3s 0s, visibility 0s .3s;
			z-index: 2;
		}
		.fixed-form-container.custom-show .close-fixed-button {
			opacity: 1;
			visibility: visible;
			-webkit-transition: opacity .3s 0s, visibility 0s 0s;
			-o-transition: opacity .3s 0s, visibility 0s 0s;
			transition: opacity .3s 0s, visibility 0s 0s;
		}
		.fixed-button:hover, .fixed-button:focus {
			box-shadow: 0px 5px 15px rgba(0, 218, 253, 0);
			opacity: 1;
		}
		.main-form .custom-inputs {
			-ms-align-items: center;
			align-items: center;
			flex-grow: 2;
			justify-content: flex-start;
		}
		.main-form .custom-button svg {
			margin-right: 10px;
		}
		.main-form .input-wrapper {
			border: 1px solid #707382;
			max-width: 80%;
			border-radius: 25px;
		}
		.main-form {
			-ms-align-items: center;
			align-items: center;
		}
		.fixed-form-container .form-container {
			padding: 50px 15px;
		}
		.fixed-form-header {
			-ms-align-self: center;
			align-self: center;
			text-align: center;
			font-size: 1.5em;
			font-weight: 500;
			margin-bottom: 30px;
		}

		.main-form-input-wrapper {
			margin-bottom: 20px;
			max-width: 100%;
			text-align: center;
		}
		.main-form-input-wrapper img {
			max-width: 100%;
			max-height: 110px;
			height: auto;
			width: auto;
			display: block;
			align-self: center;
		}
		.main-form-label {
			color: #707382;
			font-size: 14px;
			margin-bottom: 3px;
		}
		.main-form-files-input {
			width: 0.1px;
			height: 0.1px;
			opacity: 0;
			overflow: hidden;
			position: absolute;
			z-index: -1;
		}
		.main-form-files-label {
			border: 1px dashed #C4CACE;
			box-sizing: border-box;
			box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
			border-radius: 2px;
			cursor: pointer;
			transition: background-color .3s;
			min-height: 40px;
			padding: 10px;
			width: 100%;
		}
		.main-form-files-label:hover {
			background-color: #F3FAFF;
		}
		.main-form-files-label svg {
			margin-right: 8px;
		}
		.main-form-files-label span {
			font-weight: 500;
			font-size: 14px;
			line-height: 22px;
			color: #5E6A74;
			cursor: pointer;
		}
		.main-form .custom-inputs-row {
			margin-bottom: 10px;
		}
		.main-form .custom-inputs-row .input-wrapper {
			max-width: calc(100% - 10px);
			margin-bottom: 10px;
		}
		.main-form .custom-inputs-row .input-wrapper:last-child {
			margin-bottom: 0;
		}
		.main-form .custom-inputs-row .custom-inputs:nth-of-type(2) .input-wrapper {
			flex-grow: 2;
		}

	/*------------------------------------ site-preloader */
		.site-preloader {
			position: fixed;
			z-index: 10;
			height: 100vh;
			width: 100vw;
			max-width: 1920px;
			padding-left: 240px;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: opacity .2s .8s, visibility 0s 1s;
			-o-transition: opacity .2s .8s, visibility 0s 1s;
			transition: opacity .2s .8s, visibility 0s 1s;
		}
		.projects-preloader {
			position: absolute;
			z-index: 10;
			top: calc(100% + 30px);
			left: 0;
			width: 100%;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: opacity .2s .8s, visibility 0s 1s;
			-o-transition: opacity .2s .8s, visibility 0s 1s;
			transition: opacity .2s .8s, visibility 0s 1s;
		}
		.site-is-reload .site-preloader,
		.projects-is-reload .projects-preloader {
			opacity: 1;
			visibility: visible;
			-webkit-transition: opacity .2s .2s, visibility 0s .2s;
			-o-transition: opacity .2s .2s, visibility 0s .2s;
			transition: opacity .2s .2s, visibility 0s .2s;
		}
		.site-preloader-container,
		.projects-preloader-container {
			width: 220px;
			height: 280px;
			justify-content: space-between;
			-webkit-transform: scale(0.75);
			-moz-transform: scale(0.75);
			-ms-transform: scale(0.75);
			-o-transform: scale(0.75);
			transform: scale(0.75);
		}
		.site-preloader-container svg,
		.projects-preloader-container svg {
			-webkit-transform: translateY(-120%);
			-ms-transform: translateY(-120%);
			-o-transform: translateY(-120%);
			transform: translateY(-120%);
			animation: loader-box-bounce 0.5s cubic-bezier(0.3, 0.5, 0.4, 0.95) 0.06s infinite alternate-reverse;
		}
		.site-preloader-container svg:nth-of-type(2n),
		.projects-preloader-container svg:nth-of-type(2n) {
			-webkit-animation-delay: 0.18s;
			-o-animation-delay: 0.18s;
			animation-delay: 0.18s;
		}
		.site-preloader-container svg:nth-of-type(3n),
		.projects-preloader-container svg:nth-of-type(3n) {
			-webkit-animation-delay: 0.12s;
			-o-animation-delay: 0.12s;
			animation-delay: 0.12s;
		}
		.site-preloader-container svg:nth-of-type(4n),
		.projects-preloader-container svg:nth-of-type(4n) {
			-webkit-animation-delay: 0.24s;
			-o-animation-delay: 0.24s;
			animation-delay: 0.24s;
		}

		@keyframes loader-box-bounce {
			to {
				-webkit-transform: translateY(0%);
				-ms-transform: translateY(0%);
				-o-transform: translateY(0%);
				transform: translateY(0%);
			}
		}

	.item-page {
		padding: 50px 65px;
	}
	.item-page h1 {
		text-align: left;
		font-size: 2.2em;
		font-weight: bold;
		width: 100%;
		color: #48507F;
		margin-bottom: 50px;
	}
	.item-page p {
		margin-bottom: 1em;
	}

/* ------------------------------------------------------------------------- SERVICE */
/* ------------------------------------------------------------------------- SERVICE */

	/*----------------------------- service-top */
		.service-top-img {
			transform: translateX(-240px);
			width: 100vw;
			height: auto;
		}
		.service-page-top-wrapper {
			justify-content: flex-start;
			margin-bottom: 120px;
		}
		.service-page-qoute {
			font-style: italic;
			font-weight: bold;
			font-size: 22px;
			line-height: 34px;
			color: #48507F;
			white-space: nowrap;
			position: relative;
			padding-left: 90px;
			margin-right: 100px;
		}
		.service-page-qoute:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			height: 54px;
			width: 54px;
			background: url(/images/template/left-quote.png) left top/contain no-repeat;
		}
		.service-category-title {
			font-weight: 500;
			font-size: 22px;
			line-height: 26px;
			margin-bottom: 30px;
			color: #E666FF;
		}
		.service-page h2 {
			font-weight: bold;
			font-size: 36px;
			line-height: 42px;
			margin-bottom: 42px;
			color: #48507F;
		}
		.service-page-desc {
			font-style: normal;
			font-weight: normal;
			font-size: 16px;
			line-height: 26px;
			color: #707382;
			max-width: 715px;
		}
		.service-bottom p {
			font-style: normal;
			font-weight: normal;
			font-size: 14px;
			line-height: 164%;
			color: #707382;
			margin-bottom: 26px;
		}

	/*----------------------------- service-page-steps */
		.service-page-steps {
			background: url('/images/service/service-steps-figures.png') center/auto no-repeat, linear-gradient(184.6deg, #811FA3 -22.24%, #0E256D 66.95%);
			padding-top: 90px;
			padding-bottom: 100px;
		}
		.service-page-steps h2 {
			font-weight: bold;
			font-size: 36px;
			line-height: 42px;
			display: block;
			align-items: center;
			margin-bottom: 42px;
			color: #fff;
			text-align: center;
		}
		.service-page-steps-inner {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: space-between;
		}
		.service-page-step {
			background: #FFFFFF;
			box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
			border-radius: 10px;
			width: calc(50% - 15px);
			margin-bottom: 30px;
			-ms-align-items: stretch;
			align-items: stretch;
			justify-content: flex-start;
		}
		.service-page-step-count {
			border-right: 2px dashed #D5D5D5;
			padding: 28px 0;
			width: 154px;
			min-width: 154px;
		}
		.service-page-step-info {
			padding: 28px;
			flex-grow: 2;
		}
		.service-page-step-info h3 {
			font-weight: 500;
			font-size: 22px;
			line-height: 31px;
			color: #48507F;
			margin-bottom: 10px;
		}
		.service-page-step-info p {
			font-size: 16px;
			line-height: 168%;
			color: #707382;
		}

	/*----------------------------- big-step */
		.big-steps {
			padding-top: 130px;
			padding-bottom: 50px;
		}
		.big-step {
			-ms-align-items: center;
			align-items: center;
			margin-bottom: 80px;
		}
		.big-step>img {
			width: auto;
			height: auto;
			max-width: 40%;
		}
		.big-step-info {
			flex-grow: 2;
			max-width: 619px;
			margin-right: 50px;
		}
		.big-step:nth-of-type(even) .big-step-info {
			margin-right: 0;
			margin-left: 50px;
		}
		.big-step-info h2 {
			margin-bottom: 25px;
		}
		.big-step-info p {
			font-weight: normal;
			font-size: 16px;
			line-height: 26px;
			color: #707382;
			margin-bottom: 36px;
		}
		.big-step-ul {
			padding-right: 40px;
			max-width: 50%;
		}
		.big-step-ul h3 {
			font-weight: 500;
			font-size: 22px;
			line-height: 26px;
			color: #E666FF;
			margin-bottom: 20px;
		}
		.big-step-ul ul {
			font-weight: 500;
			font-size: 16px;
			line-height: 26px;
			color: #707382;
			list-style: none;
			padding-left: 23px;
		}
		.big-step-ul li {
			position: relative;
			margin-bottom: 10px;
		}
		.big-step-ul li:before {
			content: '';
			display: block;
			position: absolute;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACuSURBVHgBbY6xDcJADEW/DyVBVEdJl9sANkqFaJmAEdLSARuEDdgANiAVKUkHFwnMdwRISFg63Zef/f0FrKbQHAk2Ckwh8A6obh2WYSu1GNQERwP4rTZ2mDnNUBrUJ3ZxhLE4BNMc8Bld5TJXtfFIENZSmz4X6rMUV3NxULS94f39s4b4nmMeh5OpNEHJzdy2GXjVY8VemgVDPv6EpHMcMOSEd4WCreoD+A4GLdML/0BBF2ka3k8AAAAASUVORK5CYII=');
			height: 8px;
			width: 8px;
			left: -23px;
			top: 8px;
		}

	/* ---------------------------- service-form */
		.service-form-container {
			z-index: 1;
			position: relative;
			padding-top: 211px;
			padding-bottom: 60px;
			background: url('/images/service/service-bottom-bg.png') center top/1625px auto no-repeat, linear-gradient(to bottom, #fff 0%, #fff 300px, #FEFEFE 299px, #fff 100%);
		}
		.service-form-container .custom-wrapper {
			position: relative;
			z-index: 2;
		}
		.service-form-container:before {
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 909px;
			height: 504px;
			background: url(/images/service/service-bottom-figures.png) center/contain no-repeat;
		}
		.service-form-container h2 {
			text-align: center;
			margin-bottom: 15px;
		}
		.service-form-container h2 + p {
			text-align: center;
			font-weight: normal;
			font-size: 16px;
			line-height: 26px;
			color: #707382;
			margin-bottom: 40px;
		}
		.service-form {
			width: 100%;
			max-width: 620px;
			background-color: #fff;
			box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05);
			border-radius: 10px;
			padding: 55px 45px;
			margin: 0 auto;
		}
		.service-form .input-wrapper {
			border: 1px solid #A9ABB4;
		}
		#service-form .input-wrapper {
			margin-bottom: 0;
		}
		.service-input-container {
			margin-bottom: 24px;
		}
		.service-input-container svg {
			margin-right: 21px;
		}
		.service-agreement-container {
			margin-bottom: 20px;
			margin-top: 20px;
			-ms-align-self: center;
			align-self: center;
		}
		.service-agreement-container i {
			height: 16px;
			width: 16px;
			position: relative;
			background-color: #fff;
			border: 1px solid #A9ABB4;
			border-radius: 50%;
			margin-right: 10px;
			cursor: pointer;
		}
		.service-agreement-container i:after {
			content: '';
			transition: opacity .2s;
			opacity: 0;
			-webkit-background-size: auto;
			background-size: auto;
			background-position: center;
			background-repeat: no-repeat;
			height: 16px;
			width: 16px;
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBNY7BTcNQEETfmAiRm91BoAFkOqAcjhw5UUJKMFSAO4AKCBfurgA5gh8sLP6w/igr7WF3ZjRPLPPsjezOBy5JNBzomXTLjQaxC3H26yI4gZIcBuIe/clVxcpb48bSA7MaZy5iH8NSc0In3nMmWaSfc67XQ6nsXCvxEZX7CrwvT85GjjNR2xHK1BVZbzieyluevjdLmlPui1H0BZI57wKuDjAWUMpq5GtqK1oN/FZtgPX+T41IL6xouVsPf5jUXMEjLiPaAAAAAElFTkSuQmCC');
		}
		.service-agreement-container input:checked + i:after {
			opacity: 1;
		}
		.service-agreement-container input {
			opacity: 0;
			visibility: hidden;
			height: 0;
			width: 0;
		}
		#submit-service-form {
			-ms-align-self: center;
			align-self: center;
		}