@charset "utf-8";
html, body {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased;
}
html {
	font-size: 1.111111vw;
}

@media only screen and (min-width: 1440px) {
html {
	font-size: 16px;
}
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: normal 1rem/1.5rem "IBM Plex Sans", Arial, "sans-serif";
	color: rgba(0, 0, 0, 0.8);
	-webkit-text-size-adjust: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
*, *:before, *:after {
	box-sizing: border-box;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
input, select, textarea, button {
	font: normal 1rem "IBM Plex Sans", Arial, "sans-serif";
	color: rgba(0, 0, 0, 0.8);
	outline: none;
}
input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select {
	-webkit-appearance: none;
	border-radius: 0.25rem;
	box-shadow: none;
	border: 1px solid #E5E6EE;
	background: #fff;
	margin: 0;
	padding: 0.5625rem 1rem;
	width: 100%;
	display: block;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1;
color: #9c9c9c;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9c9c9c;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
color: #9c9c9c;
}
 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
opacity: 0.5!important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
opacity: 0.5!important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
opacity: 0.5!important;
}
input::-ms-clear {
 display: none;
}
button::-moz-focus-inner {
 border: 0;
}
textarea {
	resize: none;
}
.outtaHere {
	overflow: hidden;
	max-width: 100vw;
	position: fixed!important;
	left: -100vw!important;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
	display: block;
}
img {
	border: 0;
	vertical-align: top;
}
a {
	color: #2B61FF;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
a:hover {
	color: #FF8A00;
}
a[href^=tel] {
	color: inherit!important;
	cursor: inherit;
	text-decoration: none!important;
}
strong {
	font-weight: bold;
}
p, ol, ul {
	margin: 0 0 1rem 0;
	padding: 0;
}
ol, ul, li {
	list-style: none;
}
li {
	position: relative;
	margin: 0 0 0.5rem 0;
	padding: 0 0 0 1rem;
}
ul:not(.slick-dots) > li:before {
	content: '•';
	position: absolute;
	top: 0;
	left: 0;
}
ol {
	counter-reset: li;
}
ol > li:before {
	counter-increment: li;
	content: counters(li, ".") ". ";
	position: relative;
	display: inline-block;
	vertical-align: top;
	min-width: 1rem;
	margin: 0 0 0 -1rem;
	padding: 0 0.25rem 0 0;
}
h1, .h1 {
	font-weight: 300;
	font-size: 56px;
	line-height: 4rem;
	letter-spacing: -0.02em;
	color: #051150;
	margin: 1rem 0;
	text-transform: none;
}
h2, .h2 {
	font-weight: normal;
	font-size: 2rem;
	line-height: 2.5rem;
	letter-spacing: -0.02em;
	padding: 0.75rem 0;
	margin: 0 0 2rem 0;
	text-transform: none;
	color: #051150;
}
h3, .h3 {
	color: #051150;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 0 1rem 0;
	letter-spacing: -0.02em;
	text-transform: none;
}
b {
	font-weight: 600;
}
.subtitle {
	font-weight: 500;
	font-size: 1rem;
	line-height: 2rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #051150;
}
.btn {
	display: inline-block;
	vertical-align: top;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	max-width: 100%;
	text-align: center;
	white-space: normal;
	text-decoration: none!important;
	font: normal 1rem/1.3125rem "IBM Plex Sans", Arial, "sans-serif";
	letter-spacing: normal;
	text-transform: none;
	border-radius: 0.25rem;
	border: 0;
	padding: 0.5625rem 1rem 0.625rem 1rem;
	box-shadow: none;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn-big {
	padding: 1.0625rem 1.5rem 1.125rem 1.5rem;
}
.btn-blue {
	background: #2B61FF!important;
	color: #fff!important;
}
.btn-blue:hover {
	background-color: #FF8A00!important;
}
.btn-white {
	background: #fff!important;
	color: #000!important;
	box-shadow: 0px 0.25rem 1rem rgba(0, 0, 0, 0.15);
}
.btn-border-white {
	background: none;
	color: #fff!important;
	box-shadow: inset 0 0 0 1px #fff;
}
.btn-border-blue {
	background: none;
	color: #2B61FF!important;
	box-shadow: inset 0 0 0 1px #2B61FF;
}
.btn-border-blue:hover {
	color: #FF8A00!important;
	box-shadow: inset 0 0 0 1px #FF8A00;
}
.break-word {
	word-break: break-all;
}
.hr {
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
	margin: 3.125rem 0 3rem 0;
}
.nowrap {
	white-space: nowrap;
}
.uppercase {
	text-transform: uppercase;
}
.hold-swiper {
	position: relative;
}
.swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}
.swiper-slide {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.swiper-container-initialized .swiper-wrapper {
	overflow: visible;
}
.swiper-container-initialized .swiper-slide {
	padding: 0;
}
.swiper-arr {
	cursor: pointer;
	width: 2rem;
	height: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	outline: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	color: #2B61FF;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-arr:hover {
	color: #FF8A00;
}
.swiper-prev:before {
	content: '←';
}
.swiper-next:before {
	content: '→';
}
.swiper-pagination {
	font-weight: 500;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	color: #000000;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.mainwrap {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	min-height: 100%;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.content {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.header, .footer {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 90rem;
	padding: 0 6.75rem;
}
.header {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
}

.header.fixed {
	background: #fff;
	z-index: 150;
}
.header .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 11rem;
}
.header .logo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	position: relative;
	z-index: 100;
}
.header .logo img {
	height: 3rem;
	width: auto;
}
.header .toggle-menu {
	cursor: pointer;
	padding: 0.5rem;
	margin: -0.5rem;
	margin-left: auto;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 3rem;
	display: none;
	position: relative;
	z-index: 100;
}
.header .toggle-menu > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	position: relative;
	width: 100%;
	height: 0.125rem;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	background: #051150;
	margin: 0.375rem 0;
}
.open-menu .header .toggle-menu .pos1 {
	-webkit-transform: translate3d(0, 0.4375rem, 0) scale(1, 0.5) rotate(-64deg);
	        transform: translate3d(0, 0.4375rem, 0) scale(1, 0.5) rotate(-64deg);
	background-color: #2B61FF;
}
.open-menu .header .toggle-menu .pos2 {
	-webkit-transform: translate3d(0, -0.4375rem, 0) scale(1, 0.5) rotate(64deg);
	        transform: translate3d(0, -0.4375rem, 0) scale(1, 0.5) rotate(64deg);
	background-color: #2B61FF;
}
.head-menu {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	padding: 0 0 0 2rem;
	max-width: 59rem;
	margin-left: auto;
}
.head-menu .t {
	font-size: 1.1rem;
	line-height: 2rem;
	color: #051150;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -1rem;
}
.head-menu .t ul {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.head-menu .t li:before {
	display: none;
}
.head-menu .t li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0.3125rem 0.5rem;
	padding: 0;
}
.head-menu .t a {
	color: inherit;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-menu .t a:hover {
	text-decoration: none;
	color: #2B61FF;
}
.head-menu .active, .head-menu .active a {
	color: #FF8A00;
}
.head-menu .b {
	display: none;
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.5rem;
	padding: 2.5rem 2.375rem;
	background: #051150;
}
.head-menu .b .text {
	margin: 0 0 1.5rem 0;
}
.head-menu .b .soc {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: -1rem;
}
.head-menu .b .soc > * {
	padding: 1rem;
}
.content {
	padding: 11rem 0 0 0;
}
.soc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: -0.75rem;
	text-align: center;
}
.soc > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 0.75rem;
}
.soc img {
	height: 3rem;
	width: auto;
}
.footer {
	margin-top: auto;
}
.foot-soc {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 3rem 0;
}
.foot-soc .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.foot-soc .text {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(50% - 0.75rem);
	margin: -0.5rem 1.5rem -0.5rem 0;
	position: relative;
	top: 0.125rem;
	max-width: 21.75rem;
}
.foot-soc .soc {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	max-width: calc(50% + 0.75rem);
	justify-content: flex-end;
}
.foot-text {
	color: #fff;
	padding: 3rem 0;
	background: #051150;
	font-size: 1rem;
	line-height: 1.5rem;
}
.foot-text .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.foot-text .logo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;

}
.foot-text .logo img {
	height: 100%;
	width: auto;
}


.foot-text .others {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
	margin: -0.25rem -0.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		justify-content: space-between;
}
.foot-text .others > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 0.25rem 0.75rem;
}
.foot-text a {
	color: inherit;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-text a:hover {
	color: #2B61FF;
	text-decoration: none;
}
.foot-text .sep {
	margin: 0 0.22em;
}


.foot-text .email {
	-webkit-box-ordinal-group: 7;
	    -ms-flex-order: 6;
	        order: 6;
			flex-direction: column;
			display: flex;
}

.foot-text .email a {
	text-align: right;
}

@media (max-width:568px) {
	.foot-text .email a {
		text-align: center;
	}
}


.welcome {
	padding: 2.5rem 0 6.5rem 0;
}
.welcome .h1 {
	margin: 0;
	position: relative;
}
.welcome .h1 .ind {
	display: inline-block;
	vertical-align: top;
	margin-top: 3rem;
}
/* .welcome .h1:before, .welcome .h1:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 1.4375rem;
	height: 1.75rem;
} */
/* .welcome .h1:before {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../img/smile-blue.svg) no-repeat 50% 50%;
	background-size: contain;
	margin: 0.75rem 0;
} */
.top-stat {
	margin: -1.375rem 0 4.125rem 0;
}
.top-stat .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -1rem -0.75rem;
}
.top-stat .el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 25%;
	padding: 1rem 0.75rem;
}
.top-stat .el:before {
	content: '';
	display: block;
	background: url(../img/crown.svg) no-repeat 50% 50%;
	background-size: contain;
	width: 1.125rem;
	height: 1rem;
	margin: 0 0 0.5rem 0;
}
.projects {
	
	padding: 0 0 4.3125rem 0;
}

.showreel {
	display: flex;
	align-items: center;
}

.showreel_icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1rem;
	border-radius: 100%;
	overflow: hidden;
	width: 3.75rem;
	height: 3.75rem;
	min-width: 3.75rem;
	min-height: 3.75rem;
	position: relative;
}

.showreel_icon video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.showreel_info p{
	color: #051150;
	font-size: 1.25rem;
	line-height: 1.75rem;
	margin-bottom: .25rem;
	font-weight: 500;
}

.showreel_info span{
	color: #8389A8;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.projects-page.top-sort{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 500;
}

.projects-page .link.active a{
	color: #051150;
	pointer-events: none;
}

.projects-page.top-sort .all-projects{
	margin: 0;
}

.projects-page.top-sort .btn-blue{
	margin: 0;
}

.projects .h2 {
	text-align: center;
	margin: 3.25rem 0 3.75rem 0;
}
.projects .swiper-wrapper {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 !important;
	width: auto!important;
}
.projects .swiper-wrapper .swiper-slide {
	/* width: 50%; */
	/* padding: 0.75rem; */
	/* height: auto!important; */
}
.projects .swiper-wrapper .swiper-slide.wide {
	width: 100%;
}









/*edited 02.02.21 start*/
.projects .link-all {
	position: relative;
	font-size: 2rem;
	line-height: normal;
	letter-spacing: -0.02em;
	color: #2B61FF;
	overflow: hidden;
}
.projects .link-all a {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.projects .link-all .arr {
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	will-change: left;
	-webkit-animation-name: arrow;
	        animation-name: arrow;
	-webkit-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	        animation-play-state: paused;
}
.projects .link-all .arr.pos1 {
	margin: -7.9375rem 0;
	-webkit-animation-delay: -1s;
	        animation-delay: -1s;
}
.projects .link-all .arr.pos2 {
	margin: -3.9375rem 0;
	-webkit-animation-delay: -0.5s;
	        animation-delay: -0.5s;
}
.projects .link-all .arr.pos3 {
	margin: 8.0625rem 0;
	-webkit-animation-delay: -1.5s;
	        animation-delay: -1.5s;
}
.projects .link-all a:hover ~ .arr {
	-webkit-animation-play-state: running;
	        animation-play-state: running;
}
@-webkit-keyframes arrow {
 0% {
 opacity: 0;
left: 0;
}
 15% {
 opacity: 1;
left: 15%;
}
 85% {
 opacity: 1;
left: 85%;
}
 100% {
 opacity: 0;
left: 100%;
}
}
 @keyframes arrow {
 0% {
 opacity: 0;
left: 0;
}
 15% {
 opacity: 1;
left: 15%;
}
 85% {
 opacity: 1;
left: 85%;
}
 100% {
 opacity: 0;
left: 100%;
}
}
/*edited 02.02.21 end*/


.awards{
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	left: 1rem;
	bottom: 1rem;
}

.awards_item{
	color: #051150;
	background-color: white;
	font-size: .875rem;
	line-height: 1.25rem;
	padding: .5rem 1rem;
	display: flex;
	border-radius: 2rem;
	margin-right: .5rem;
	box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.awards_item img{
	display: block;
	height: 1.25rem !important;
	max-height: 1.25rem !important;
	width: auto !important;
	margin-right: .5rem;
	position: static !important;
}


.projects .link-all-mob {
	margin: 2.125rem 0 0 0;
	display: none;
}
.projects .link-all-mob .btn {
	width: 100%;
}

.projects-grid{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -0.75rem;
}
.projects-grid.projects-grid--new {
	display: -webkit-grid;
	display: -ms-grid;
	display: grid;
	grid-gap: 2.5rem;
	grid-template-columns: repeat(3, 1fr);
	/* -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -0.75rem; */
}

.projects-grid.related-projects{
	grid-template-columns: repeat(2, 1fr);
}
.projects-grid:not(.projects-grid--new) .el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 0.75rem;
	width: 50%;
	
}
.projects-grid:not(.projects-grid--new) .el.wide {
	width: 100%;
}
.project-link {
	text-decoration: none!important;
	display: block;
	position: relative;
	color: #fff!important;
}
.project-link .photo img {
	width: 100%;
	height: auto;
	display: block;
}

.project-link .photo video {

	-webkit-border-radius: 25px;
	border-radius: 25px;
	overflow:hidden;
	
}

.projects-grid--new .project-link .photo{
	position: relative;
	padding-top: 100%;
	-webkit-border-radius:25px;
	border-radius: 24px;	
	overflow: hidden;
}
.projects-grid--new .project-link .photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	display: block;

}
.swiper-slide .project-link .text {
	position: absolute;
	top: 0;
	height: 100%;
	overflow: hidden;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	padding: 4rem 6.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.project-link .text > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.project-link.wide .text {
	text-align: left;
}
.project-link.wide.text-to-right .text {
	left: calc(50% + 0.75rem);
}
.project-link.wide.text-to-left .text {
	right: calc(50% + 0.75rem);
}
.projects-grid--new .project-link .logo {
	height: 1.75rem;
	position: absolute;
	width: calc(100% - 2.5rem);
	max-width: calc(100% - 2.5rem);
	top: 1.25rem;
	left: 1.25rem;
}
.projects-grid--new .project-link .logo img {
	height: 100%;
	width: auto;
}

.swiper-slide .project-link .logo {
	height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 1rem 0 3.5rem 0;
}
.swiper-slide .project-link .logo img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}.project-link .logo {
	height: 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 1rem 0 3.5rem 0;
}
.project-link .logo img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.project-link .el_title {
	color: #051150;
	font-size: 1.25rem;
	line-height: 1.75rem;
	padding-top: .75rem;
	font-weight: 500;
}


.project-link .btn {
	-ms-flex-item-align: start;
	    align-self: flex-start;
	margin-top: auto;
	margin-bottom: 1rem;
	min-width: 11.5rem;
	padding-top: 0.8125rem;
	padding-bottom: 0.875rem;
}
.clients {
	padding: 3.5rem 0 4rem 0;
}
.clients .link-more {
	display: none;
}
.clients .link-more .btn {
	width: 100%;
}
.clients-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -0.75rem;
}
.clients-grid .el {
	padding: 0 0.75rem;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(100% / 6);
}
.link-client {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 7rem;
}
.link-client img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.top-sort {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.875rem;
	color: #051150;
	margin: 0 0 2rem 0;
}
.top-sort .toggle {
	cursor: pointer;
	background: #fff;
	border: 1px solid rgba(5, 17, 80, 0.2);
	border-radius: 0.25rem;
	position: relative;
	padding: 0.6875rem 2.5rem 0.6875rem 1.0625rem;
	display: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.top-sort .toggle:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1.5rem;
	margin: -0.25rem -0.3125rem;
	border-style: solid;
	border-width: 0.5625rem 0.3125rem 0 0.3125rem;
	border-left-color: transparent;
	border-right-color: transparent;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.top-sort.open .toggle:after {
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}
.top-sort .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 -0.75rem;
}
.top-sort .link {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 0.3125rem 0.75rem;
	cursor: pointer;
	color: #2B61FF;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.top-sort .link:hover {
	color: #FF8A00;
}
.top-sort .grey {
	color: rgba(0, 0, 0, 0.2);
}
.top-sort .link.active {
	cursor: default;
	color: inherit;
}
.expertise {
	color: rgba(255, 255, 255, 0.8);
	background: #051150;
	padding: 3.25rem 0 0 0;
}
.expertise .container.max {
	padding: 0!important;
}
.expertise .h2 {
	text-align: center;
	margin: 0 0 2.8125rem 0;
	color: #fff;
}
.expertise a {
	color: inherit;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.expertise a:hover {
	text-decoration: none;
	color: #fff;
}
.expertise .h3 {
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.5rem 0;
}
.expertise .h3 .arr {
	position: absolute;
	top: 50%;
	right: 2.75rem;
	margin: -0.25rem -0.3125rem;
	border-style: solid;
	border-width: 0.5625rem 0.3125rem 0 0.3125rem;
	border-color: #fff transparent;
	opacity: 0.3;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	display: none;
}
.expertise .el.open .h3 .arr {
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
	opacity: 1;
}

@media only screen and (min-width: 761px) {
.expertise .el .in {
	display: block!important;
}
}
.expertise .num {
	font-weight: 600;
	margin: 0 0 1rem 0;
}
.expertise-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom-width: 0;
	border-right-width: 0;
}
.expertise-grid .el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-top-width: 0;
	border-left-width: 0;
	padding: 1.875rem 2.75rem 2.75rem 2.75rem;
}
.expertise-grid .el.link {
	border-color: transparent;
	background: #2B61FF;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.expertise-grid .el.link:hover {
	background-color: #FF8A00;
}
.expertise-grid .el.link .h3 {
	margin: 0!important;
	max-width: 18.75rem;
	width: 100%;
}
.reviews {
	padding: 3.0625rem 0 2.5rem 0;
}
.reviews .h2 {
	margin: 0 0 2.75rem 0;
}
.review {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.review .logo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-item-align: start;
	    align-self: flex-start;
	width: 8rem;
	height: 8rem;
	margin: 0 5rem 0 0;
}
.review .logo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.review strong {
	font-weight: 600;
}
.review .list {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
	-webkit-column-gap: 8.125rem;
	   -moz-column-gap: 8.125rem;
	        column-gap: 8.125rem;
	margin: 1.5rem 0 0 0;
	padding: 0;
}
.review .list li {
	display: inline-block;
	vertical-align: top;
	padding: 0 0 1rem 0;
	margin: 0;
}
.review .list li:before {
	display: none;
}
.review .hr {
	margin: 2rem 0;
}
.slider-reviews {
	padding-right: 19.5rem;
}
.slider-reviews .swiper-arr, .slider-reviews .swiper-pagination {
	position: absolute;
	top: 0;
	right: 0!important;
	left: auto!important;
	bottom: auto!important;
	z-index: 10;
	margin: -0.375rem 0;
}
.slider-reviews .swiper-pagination {
	z-index: 9;
}
.slider-reviews .swiper-prev {
	margin-right: 6.875rem;
}
.slider-reviews .swiper-pagination {
	width: 8.875rem;
	padding-top: 0.125rem;
}
.about {
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.8);
	background: #051150;
	padding: 4.625rem 0 4rem 0;
	overflow: hidden;
}
.about .max {
	margin: 0 auto;
	max-width: 37.5rem;
}
.about .h2 {
	color: #fff;
	margin: 0 0 1.375rem 0;
}
.about .top {
	text-align: center;
}
.about .container > * {
	position: relative;
	z-index: 2;
}
.about .smile {
	position: relative;
	z-index: 1;
	margin: 4.375rem auto 2.4375rem auto;
/* 	background: url(../img/sunset-systems-logo-compact-white.svg) no-repeat 50% 50%; */
	background-size: contain;
	width: 10rem;
}
.about .smile > * {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.about .smile:first-child {
	margin-top: 0.5rem;
	margin-bottom: 2.8125rem;
}
.about .smile:first-child > * {
	top: calc(50% + 6.5rem);
}
.about .smile .pos1 {
	background-image: url(../img/smile-border-red.svg);
	width: 7.8125rem;
	height: 7.8125rem;
	margin: -9.5rem -20.5rem;
}
.about .smile .pos2 {
	background-image: url(../img/smile-border-orange.svg);
	width: 8rem;
	height: 8rem;
	margin: -5.375rem 26.125rem;
}
.about .smile .pos3 {
	background-image: url(../img/smile-border-green.svg);
	width: 4.5rem;
	height: 4.5rem;
	margin: 1.125rem -14.875rem;
}
.about .smile:first-child .pos3 {
	margin: -0.5rem -26.625rem;
}
.about .smile .pos4 {
	background-image: url(../img/smile-border-violet.svg);
	width: 5.75rem;
	height: 5.75rem;
	margin: 7.6875rem 19.6875rem;
}
.about .smile:first-child .pos4 {
	margin: 11.25rem 26.875rem;
}
.about .smile .pos5 {
	background: rgba(255, 255, 255, 0.05);
	width: 10.25rem;
	height: 10.25rem;
	border-radius: 1.5rem;
	margin: 5.25rem -31.125rem;
}
.about .smile .pos6 {
	background: rgba(255, 255, 255, 0.3);
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 0.25rem;
	margin: -6.5rem -37.0625rem;
}
.about .smile .pos7 {
	background: rgba(255, 255, 255, 0.2);
	width: 2.875rem;
	height: 2.875rem;
	border-radius: 0.5rem;
	margin: 17.875rem -29.375rem;
}
.about .smile .pos8 {
	background: rgba(255, 255, 255, 0.3);
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 0.25rem;
	margin: -6.9375rem 13.75rem;
}
.about .smile .pos9 {
	background: rgba(255, 255, 255, 0.3);
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 0.25rem;
	margin: -2rem 35.8125rem;
}
.about .smile .pos10 {
	background: rgba(255, 255, 255, 0.1);
	width: 7.875rem;
	height: 7.875rem;
	border-radius: 1rem;
	margin: 8.75rem 37.125rem;
}
.about .smile .pos11 {
	background: rgba(255, 255, 255, 0.2);
	width: 2.875rem;
	height: 2.875rem;
	border-radius: 0.5rem;
	margin: 25.875rem 28.275rem;
}
.about .smile:first-child .pos11 {
	margin: 22.875rem 29.6875rem;
}
.about .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 2.25rem -0.75rem -0.875rem -0.75rem;
	letter-spacing: normal;
}
.about .smile:first-child ~ * .links {
	margin-top: 1.25rem;
	margin-bottom: 0.625rem;
}
.about .links ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	max-width: 100%;
	margin: 0;
	padding: 0.625rem 0;
}
.about .links li:before {
	display: none;
}
.about .links li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0;
	padding: 0.25rem 0.75rem;
	max-width: 100%;
}
.ratings {
	background: rgba(140, 171, 193, 0.06);
	padding: 3.5rem 0 3.75rem 0;
}
.ratings .h2 {
	margin: 0 0 1rem 0;
}
.ratings-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -1.375rem -1rem;
}
.ratings-grid .el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 20%;
	padding: 1.375rem 1rem;
}
.rating-place .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/*
	height: 5rem;
	*/
	margin: 0 0 1.5625rem 0;
}
.rating-place .logo img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.rating-place .big {
	font-weight: 600;
	color: #051150;
	margin: 0 0 1rem 0;
}
.articles {
	padding: 3.25rem 0 4.1875rem 0;
}
.top-title + .articles {
	padding-top: 0;
}

.top-title--portfolio .container{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.top-title--portfolio h1{
	margin-bottom: 0;
	color: #051150;
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: bold;
}

.top-title--portfolio .nav-wrapper{
	max-width: 50%;
	z-index: 100;
	background: #fff;
}

.top-title--portfolio .container{
	margin-bottom: 2.5rem;
}

.top-title--portfolio .path{
	margin-bottom: 1rem;
	color: #8389A8;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
}

.top-title--portfolio .path a{
	text-decoration: none;
}



.articles .h2 {
	margin: 0 0 2.75rem 0;
}
.articles .link-all {
	float: right;
	position: relative;
	top: 0.5rem;
}
.articles-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin: -2rem 0;
}
.articles-grid .el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	padding: 2rem 0;
}
.article-mini {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	letter-spacing: -0.02em;
	color: #051150;
}
.article-mini .photo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(50% - 0.75rem);
	margin: 0 1.5rem 0 0;
}
.article-mini .photo img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0.25rem;
}
.article-mini .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.article-mini .text > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.article-mini .h3 {
	margin: -0.625rem 0 1.5rem 0;
}
.article-mini .date {
	margin-top: auto;
	margin-bottom: -0.375rem;
	padding-top: 1rem;
	font-size: 0.75rem;
}
.technologies {
	
	padding: 3.25rem 0;
}
.technologies .h2 {
	margin-bottom: 2.375rem;
}
.technologies-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	font-size: 1rem;
	line-height: 2rem;
	color: #051150;
	margin: -1.5rem -0.75rem;
}
.technologies-grid .el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	padding: 1.5rem 0.75rem;
	width: 33.333333%;
}
.technologies-grid .h3 {
	font: inherit;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0;
	font-weight: 600;
	padding: 0;
}
.technologies-grid .h3 .arr {
	position: absolute;
	top: 50%;
	right: 2.75rem;
	margin: -0.25rem -0.3125rem;
	border-style: solid;
	border-width: 0.5625rem 0.3125rem 0 0.3125rem;
	border-color: #051150 transparent;
	opacity: 0.3;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	display: none;
}
.technologies-grid .el.open .h3 .arr {
	-webkit-transform: rotate(-180deg);
	        transform: rotate(-180deg);
	opacity: 1;
}
.path {
	margin: 0 0 4.5625rem 0;
	font-size: 0.75rem;
	line-height: 1.5rem;
	letter-spacing: -0.02em;
	color: #051150;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.path > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	max-width: 100%;
	margin: 0 0.5em 0 0;
}
.path a {
	text-decoration: underline;
	color: inherit;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.path a:hover {
	color: #2B61FF;
}
.wide-soc {
	text-align: center;
	color: #fff;
	background: #051150;
	margin: 1rem -100vw 1.25rem -100vw;
	padding: 4.375rem 100vw 5rem 100vw;
}
.wide-soc .text {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	margin: 0 0 2.5rem 0;
}
.wide-soc .soc {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.offices {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 3.125rem 0;
	min-height: 30rem;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	letter-spacing: -0.02em;
}
.offices .h2 {
	margin: 0 0 2.625rem 0;
}
.offices .max {
	max-width: 24.5rem;
}
.offices.style-light {
	background-image: url(../img/map-light.jpg);
	color: #051150;
}
.offices.style-dark {
	background-color: #051150;
	background-image: url(../img/map-dark.jpg);
	color: #fff;
}
.offices.style-dark .h2 {
	color: inherit;
}
.offices.style-dark a {
	color: inherit;
	-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.offices.style-dark a:hover {
	text-decoration: none;
	color: #2B61FF;
}
.project-head {
	position: relative;
}
.project-head .in {
	position: relative;
	overflow: hidden;
	border-radius: 0.25rem;
}
.project-head .photo {
	width: calc(50% - 0.75rem);
}
.project-head .photo img {
	width: 100%;
	height: auto;
	display: block;
}
.project-head .text {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	padding: 2rem 4.5rem 4.25rem 0.75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.project-head .text > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.project-head .h2 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	color: inherit;
	margin: 0 0 1rem 0;
}
.project-head .path {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	color: inherit;
	margin: 0 0 2.875rem 0;
}
.project-head .path a, .project-head .path a:hover {
	color: inherit;
}
.project-head .path a:hover {
	text-decoration: none;
}
.project-head .bottom {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	margin-top: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.project-head .platform {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: -0.5rem;
}
.project-head .platform > * {
	padding: 0.5rem;
}
.project-head .platform img {
	height: 2rem;
	width: auto;
}
.about-client {
	padding: 3.25rem 0 3.625rem 0;
}
.about-client .h2 {
	margin: 0 0 1.625rem 0;
}
.about-client .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.about-client .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
	margin-right: auto;
	max-width: 44rem;
}
.about-client .logo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 0 0 1.5rem;
	width: 10rem;
}
.about-client .logo img {
	width: 100%;
	height: auto;
}
.play-video .link {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 0.25rem;
}
.play-video .link img {
	display: block;
	width: 100%;
	height: auto;
}
.play-video .link .play {
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid #fff;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
	background: url(../img/play.svg) no-repeat 52% 50%;
	background-size: auto 3rem;
}
.award {
	padding: 4.375rem 0;
}
.award .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.award .logo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 1.5rem 0 0;
}
.award .logo img {
	width: 100%;
	height: 6.125rem;
}
.award .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
}
.award .subtitle {
	margin: 0 0 0.25rem 0;
}
.award .for-download {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 0 0 1.5rem;
}
.download {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: -0.75rem;
}
.download > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0.75rem;
}
.download img {
	height: 3rem;
	width: auto;
}
.quote {
	padding: 3.75rem 0 5rem 0;
	background: rgba(140, 171, 193, 0.06);
}
.quote q, .quote cite, .quote blockquote {
	display: block;
	font: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	text-align: inherit;
}
.quote .max {
	margin: 0 auto;
	max-width: 50.5rem;
}
.quote .max:before {
	content: '';
	display: block;
	background: url(../img/smile-quote-blue.svg) no-repeat 50% 50%;
	background-size: contain;
	width: 1.5rem;
	height: 2.125rem;
	margin: 0 0 1rem 0;
}
.screens {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5rem 0 0.875rem 0;
}
.screens .grid:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}
.screens .grid {
	margin: 0 -0.75rem;
}
.screens .grid .el, .screens .swiper-slide {
	float: left;
	width: 33.333333%;
	padding: 0 0.75rem;
}
.screens .grid .el {
	padding-top: 0.75rem;
	padding-bottom: 3.25rem;
}
.screens .swiper-slide:nth-child(3n) {
	clear: both;
}
.screens .swiper-wrapper, .screens .hold-swiper, .screens .swiper-container {
	display: inline!important;
	overflow: visible;
}
.screens .swiper-slide img {
	width: 100%;
	height: auto;
}
.screens .h2 {
	line-height: 3rem;
	padding: 0;
	margin: -1.8125rem 0 2rem 0;
	color: #051150;
}
.process {
	padding: 3.25rem 0 5.25rem 0;
	color: #fff;
	background: #051150;
}
.process .h2 {
	margin: 0 0 1.75rem 0;
}
.process-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: -1.5rem -0.75rem;
}
.process-grid .el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 33.333333%;
	padding: 1.5rem 0.75rem;
}
.process-grid .el:before {
	content: '';
	display: block;
	width: 2rem;
	height: 2rem;
	margin: 0 0 1.625rem 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
.process-grid .el:nth-child(5n - 4):before {
	background-image: url(../img/smile-mini-sq-orange.svg);
}
.process-grid .el:nth-child(5n - 3):before {
	background-image: url(../img/smile-mini-sq-violet.svg);
}
.process-grid .el:nth-child(5n - 2):before {
	background-image: url(../img/smile-mini-sq-green.svg);
}
.process-grid .el:nth-child(5n - 1):before {
	background-image: url(../img/smile-mini-sq-green.svg);
}
.process-grid .el:nth-child(5n):before {
	background-image: url(../img/smile-mini-sq-red.svg);
}
.process-grid .subtitle {
	color: inherit;
	margin: 0 0 0.25rem 0;
}
.project-tech {
	text-align: center;
	background: rgba(140, 171, 193, 0.06);
	padding: 3.25rem 0 5rem 0;
	font-weight: 500;
	color: #051150;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.project-tech .h2 {
	margin: 0 0 1.625rem 0;
}
.project-tech .sep {
	margin: 0 0.33em;
}
.project-tech .link {
	margin: 2.625rem 0 0 0;
}
.project-tech .link .btn {
	min-width: 14.5rem;
	padding-top: 0.8125rem;
	padding-bottom: 0.875rem;
}
.article {
	letter-spacing: -0.02em;
	color: #051150;
	padding-bottom: 4.375rem;
}
.article .max {
	max-width: 50.5rem;
}
.image {
	margin: 0 0 4.875rem 0;
}
.image img {
	width: 100%;
	height: auto;
	border-radius: 0.25rem;
	display: block;
}
.research-top {
	background: #f8fafc;
	padding: 5rem 0;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	color: #051150;
	margin: -0.625rem 0 0 0;
	position: relative;
}
.research-top p {
	margin-bottom: 1.5rem;
}
.research-top p:last-child {
	margin-bottom: 0;
}
.research-top .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.research-top .img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 24.75%;
	position: relative;
	margin: -8.75rem 15.58% -0.5rem 11%;
	background: url(../img/research-bomb.svg) no-repeat 50% 50%;
	background-size: contain;
}
.research-top .img:before {
	content: '';
	display: block;
	padding-top: 170.49%;
}
.research-top .img > * {
	position: absolute;
	top: 71%;
	left: 0;
	width: 128.524%;
	padding: 1.125rem 0 1.5rem 0;
	-webkit-transform: translate3d(26%, -50%, 0);
	        transform: translate3d(26%, -50%, 0);
	background: #f8fafc;
}
.research-list .top {
	padding: 5rem 0;
	letter-spacing: -0.02em;
}
.research-list .top .max {
	max-width: 50.5rem;
	margin: 0 auto;
}
.research-list .top h2, .research-list .top .h2 {
	padding: 0;
	margin: 0 0 2.5rem 0;
}
.research-list .top p:last-child {
	margin-bottom: 0;
}
.research-list .el {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	letter-spacing: -0.02em;
}
.research-list .el .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.research-list .el li {
	margin: 0;
}
.research-list .el h3, .research-list .el .h3 {
	font-size: 1.25rem;
	margin: 0 0 1.5rem 0;
	padding: 0;
	font-weight: 500;
}
.research-list .el .img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 57.224%;
	padding: 3.3125rem 0 4rem 0;
}
.research-list .el:first-child .img {
	padding-top: 0;
	margin-top: -2.9375rem;
}
.research-list .el .img img {
	width: 100%;
	height: auto;
}
.research-list .el .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
	padding: 4rem 0;
}
.research-list .el .text .max {
	max-width: 24.5rem;
}
.research-list .el:nth-child(odd) .img {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.research-list .el:nth-child(odd) .text {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	padding-left: 6.75rem;
}
.research-list .el:nth-child(even) .img {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.research-list .el:nth-child(even) .text {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	padding-left: 1.75rem;
}
.research-list .btn-place {
	margin: 2rem 0 0 0;
}
.research-list .custom {
	background: #f8fafc;
	padding: 4rem 0;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
}
.research-list .custom .max {
	padding: 0 6.75rem;
}
.research-list .custom .img {
	margin: 0 0 1.5rem 0;
	max-width: 21.3125rem;
}
.research-list .custom .img img {
	width: 100%;
	height: auto;
}
.research-list .custom .text {
	max-width: 50.1875rem;
}
.research-process {
	background: #051150;
	color: #fff;
	letter-spacing: -0.02em;
	padding: 5rem 0 0 0;
}
.research-process h2, .research-process .h2 {
	text-align: center;
	padding: 0;
	margin: 0 0 5.375rem 0;
	color: inherit;
}
.research-process.left h2, .research-process .h2 {
	text-align: left;
}
.research-process .text {
	margin: -5.375rem 0 4.375rem 0;
	max-width: 50.5rem;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.8);
	padding: 1.5rem 0 0 0;
}
.research-process .list {
	padding: 0 0 8rem 0;
}
.research-process .list ol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: -0.75rem;
	padding: 0;
}
.research-process .list li {
	padding: 0.75rem;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 19.5rem;
	margin: 0;
}
.research-process .list li:before {
	content: counter(li);
	display: block;
	position: static;
	font: 300 9rem/1 "IBM Plex Serif", Georgia, "serif";
	margin: 0 0 1.5rem 0;
	padding: 0;
	width: auto;
	opacity: 0.2;
}

@media (pointer:coarse) {
.research-process .list {
	overflow: hidden;
	overflow-x: auto;
	text-align: center;
}
.research-process .list .container {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.research-process .list ol {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
}
}
.research-result {
	padding: 6.3125rem 0 4rem 0;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
}
.research-result h2, .research-result .h2 {
	padding: 0;
	margin: 0 0 2.25rem 0;
	text-align: center;
}
.research-result .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.research-result .img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 44.64%;
	margin: -7rem 6.2% 0.5rem 0;
}
.research-result .img img {
	width: 100%;
	height: auto;
}
.research-result .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 100%;
	        flex: 1 1 100%;
}
.research-result ul, .research-result li, .research-result p {
	margin-bottom: 1.5rem;
}
.research-result ul:last-child, .research-result li:last-child, .research-result p:last-child {
	margin-bottom: 0;
}
.research-result li {
	padding: 0;
}
.research-result li:before {
	display: none;
}
.meet {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	padding: 5rem 0;
}
.meet .container:after {
	content: ' ';
	clear: both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}
.meet p {
	margin-bottom: 1rem;
}
.meet h2, .meet .h2 {
	padding: 0;
	margin: 0 0 2.5rem 0;
}
.meet h2, .meet .h2, .meet .text {
	float: left;
	width: 68.181818%;
	padding-right: 1.5rem;
}
.meet h2.big, .meet .h2.big {
	float: none;
	width: auto;
}
.meet .photo {
	float: right;
	width: 31.818181%;
}
.meet .big ~ .photo {
	margin-top: 0.75rem;
}
.meet .photo img {
	width: 100%;
	height: auto;
}
.meet .btn-place {
	margin: 2.5rem 0 0 0;
}
.meet .btn-place .btn {
	padding-left: 4rem;
	padding-right: 1.5rem;
	position: relative;
}
.meet .btn-place .btn:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 1.5rem;
	background: url(../img/email-white.svg) no-repeat 50% 50%;
	width: 1.5rem;
	height: 1.5rem;
	background-size: contain;
	margin: -0.75rem 0;
}
.modal {
	width: 100%;
	margin: 0 auto;
	max-width: 76.5rem;
	position: relative;
}
.modal-top-image {
	text-align: center;
	min-height: 26.375rem;
	padding: 0 13rem;
	margin: 0 auto -13.1875rem auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	z-index: 2;
}
.modal-top-image img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	height: auto;
}
.modal-text-content {
	background: #FFFFFF;
	box-shadow: 0px 2.5rem 8rem rgba(5, 17, 80, 0.15);
	border-radius: 0.25rem;
	padding: 16.6875rem 13rem 3.5rem 13rem;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: -0.02em;
	position: relative;
}
.modal-close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	background: url(../img/close.svg) no-repeat 50% 50%;
	background-size: contain;
	width: 3.5rem;
	height: 3.5rem;
	margin: 2.5rem;
}
.modal-small {
	max-width: 63.5rem;
}
.modal-small .modal-top-image {
	min-height: 21.3125rem;
	padding: 0 6.5rem;
	margin-bottom: -5.9375rem;
	max-width: 39rem;
}
.modal-small .modal-top-image img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.modal-small .modal-text-content {
	padding: 7.9375rem 6.5rem 3rem 6.5rem;
}
.modal-small .modal-close {
	background-image: url(../img/close-small.svg);
	background-size: 50% auto;
	width: 1.75rem;
	height: 1.75rem;
	margin: 2.125rem;
}
.modal-text-content p, .modal-text-content ul, .modal-text-content ol, .modal-text-content li {
	margin-bottom: 1rem;
}
.modal-text-content h2, .modal-text-content .h2 {
	padding: 0;
	margin: 0 0 1.5rem 0;
}
.modal-text-content h3, .modal-text-content .h3 {
	font-weight: 500;
	margin: 2rem 0 1rem 0;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
}
.modal-text-content .big {
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	color: #051150;
}
.modal-text-content .accent {
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	color: #051150;
	margin: 2.5rem -13rem;
	background: #f8fafc;
	padding: 2.5rem 13rem;
}
.modal-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	margin: 3rem -0.75rem -1.5rem -0.75rem;
}
.modal-links > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 0.75rem 1.5rem 0.75rem;
}
.mfp-bg {
	background: rgba(255, 255, 255, 0.9)!important;
	opacity: 1!important;
}
.mfp-container {
	padding: 0 6.75rem!important;
}
.medtech-mobile {
	font-weight: normal;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	color: #051150;
	background: #f8fafc;
}
.medtech-mobile p {
	margin-bottom: 1.25rem;
}
.medtech-mobile p:last-child {
	margin-bottom: 0!important;
}
.medtech-mobile h2, .medtech-mobile .h2 {
	margin: 0 0 1.5rem 0;
	padding: 0;
}
.medtech-mobile .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.medtech-mobile .img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 44.117%;
	margin: -1.75rem 4.9% -3rem 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.medtech-mobile .img img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	height: auto;
}
.medtech-mobile .text {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	padding: 5rem 0;
}
.why {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 7.5rem 0 4rem 0;
	letter-spacing: -0.02em;
	color: rgba(0, 0, 0, 0.8);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.why h2, .why .h2 {
	padding: 0;
	margin: 0 0 2.5rem 0;
}
.why .max {
	width: 100%;
	margin: 0 auto;
	max-width: 50.5rem;
}
.why ul {
	margin: 0;
	padding: 0;
}
.why li:before {
	display: none;
}
.why li {
	position: relative;
	margin: 1.5rem 0 0 0;
	padding: 0 0 0 6.5rem;
}
.why .pic {
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -1.5rem 0;
}
.why .pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.why .btn {
	margin: 2.5rem 0 0 6.5rem;
}
.service-projects {
	padding: 4rem 0 1rem 0;
}
.service-projects h2, .service-projects .h2 {
	margin: 0 0 3rem 0;
	padding: 0;
}
.service-projects .grid .el {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.service-projects .grid .el:first-child {
	border-top-width: 0;
}
.project-link-service {
	position: relative;
}
.project-link-service .text {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.project-link-service .text > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.project-link-service .photo {
	position: relative;
	z-index: 1;
}
.project-link-service .logo img {
	width: auto;
	height: auto;
	max-width: 64.41%;
	max-height: 2.75rem;
}
.project-link-service .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 0 -1.5rem -0.625rem 0;
}
.project-link-service .btns > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 1.5rem 0.625rem 0;
}
.project-link-service .btns .btn {
	padding: 0.8125rem 1.25rem 0.875rem 1.25rem;
}
.project-link-service.view1 {
	overflow: hidden;
	color: #fff;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	border-radius: 0.25rem;
}
.project-link-service.view1 .photo {
	border-radius: inherit;
}
.project-link-service.view1 .photo img {
	width: 100%;
	height: auto;
	border-radius: inherit;
}
.project-link-service.view1 .text {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	max-width: 31rem;
	padding: 5rem 4rem 5rem 0;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.project-link-service.view1 .text-in {
	max-width: 24.5rem;
}
.project-link-service.view2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: -0.02em;
	color: rgba(0, 0, 0, 0.8);
}
.project-link-service.view2 .text {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(50% - 0.75rem);
	margin-right: auto;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	padding: 4rem 0;
}
.project-link-service.view2 .photo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(50% - 0.75rem);
	margin-left: auto;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	position: relative;
}
.project-link-service.view2 .photo:before {
	content: '';
	display: block;
	padding-top: 111%;
}
.project-link-service.view2 .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 114%;
	max-height: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.project-link-service.view2 .logo {
	margin: 0 0 2.5rem 0;
}
.project-link-service.view2 .text-in {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	margin-bottom: 1.5rem;
}
.fast-start {
	padding: 4rem 0;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: -0.02em;
	color: rgba(0, 0, 0, 0.8);
}
.fast-start h2, .fast-start .h2 {
	padding: 0;
	margin: 0 0 3.8125rem 0;
	position: relative;
}
.fast-start .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.fast-start .img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(50% - 0.75rem);
	margin: -7.125rem auto 0 0;
}
.fast-start .img img {
	width: 100%;
	height: auto;
}
.fast-start .text {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(50% - 0.75rem);
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.fast-start .text p {
	margin: 0 0 1rem 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.fast-start .text .btn {
	-ms-flex-item-align: start;
	    align-self: flex-start;
	margin-top: 1.4375rem;
}
.reviews-inner {
	background: #f8fafc;
	padding: 4rem 0 0.5rem 0;
	margin: 0 0 -1px 0;
	position: relative;
}
.reviews-inner .max {
	max-width: 50.5rem;
	margin: 0 auto;
}
.reviews-inner h2, .reviews-inner .h2 {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	padding: 0 0 0 2.9375rem;
	margin: 0 0 2.3125rem 0;
	position: relative;
}
.reviews-inner h2 img, .reviews-inner .h2 img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1.4375rem;
	height: auto;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
}
.review-inner {
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.8);
	margin: 0 0 3.5rem 0;
}
.review-inner p {
	margin: 0 0 1rem 0;
}
.services {
	margin: -1rem 0 -1px 0;
	position: relative;
	padding: 0 0 7rem 0;
}
.services .grid .el {
	padding: 0 0 11.375rem 0;
}
.services .grid .el:last-child {
	padding-bottom: 0!important;
}
.service {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	border-radius: 0.25rem;
	background: #f8fafc;
	font-size: 1rem;
	line-height: 1.5rem;
	letter-spacing: -0.02em;
	color: #051150;
}
.service .img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	position: relative;
	margin: -3.5rem 0;
	width: calc(50% - 0.75rem);
}
.service .img:before {
	content: '';
	display: block;
	padding-top: 65.333%;
}
.service .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.service .text {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: calc(50% - 0.75rem);
	padding: 2.5rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.el:nth-child(odd) .service .img {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.el:nth-child(odd) .service .text {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	padding-right: 6.5rem;
}
.el:nth-child(even) .service .img {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.el:nth-child(even) .service .text {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	padding-left: 6.5rem;
}
.service h2, .service .h2 {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	padding: 0;
	margin: 0 0 1.5rem 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.service .text-in {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}
.service .text-in p {
	margin: 0 0 1rem 0;
}
.service .text-in p:last-child {
	margin-bottom: 0!important;
}
.service .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 1.5rem -1.5rem -0.625rem 0;
}
.projects .btns > *,
.service .btns > * {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 1.5rem 0.625rem 0;
}
.service .btns .btn {
	padding: 0.8125rem 1.25rem 0.875rem 1.25rem;
}
.main-form {
	font-size: 1.25rem;
	line-height: 2rem;
	letter-spacing: -0.02em;
	color: rgba(0, 0, 0, 0.8);
}
.main-form h2, .main-form .h2 {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 0 1.5rem 0;
}
.main-form .max {
	width: 100%;
	margin: 0 auto;
	max-width: 50.5rem;
}
.main-form-bg {
	background: #F8FAFC;
	padding-top: 4rem;
	padding-bottom: 4rem;
	margin: -1px 0;
	position: relative;
	min-height: 27.625rem;
}

.bg-white .main-form-bg{
    background: #fff;
}

.modal-small .main-form {
	text-align: center;
}
.modal-small .main-form-bg {
	margin: 2rem -6.5rem -3rem -6.5rem;
	padding: 2rem 6.5rem 3rem 6.5rem;
	border-radius: 0 0 0.25rem 0.25rem;
}
.main-form-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: -1.8125rem -1.5rem 0 0;
	text-align: left;
}
.main-form-el {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100%;
	padding: 1.8125rem 1.5rem 0 0;
}
.main-form-el.wid50 {
	width: 50%;
}
.main-form-el.wid100 {
	width: 100%;
}
.main-form-el textarea {
	height: 7.375rem;
}
.main-form-submit, .main-form-link {
	margin: 1.5rem 0 0 0;
}
.main-form-submit {
	text-align: left;
}
.main-form-link .btn {
	min-width: 246px;
}
.label {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0 0 0.5rem 0;
	color: #051150;
}



/* CAREERS */

.red-label {
	color: #ff8a00;
	font-style: italic;
	display: inline-block;
}
.careers-subtitle {
	width: 50%;
	float: right;
	z-index: 4;
	position: relative;
	margin-right: 8%;
	margin-bottom: 70px;
}
.careers-subtitle p {
	margin: 0;
	font-size: 32px;
	line-height: 40px;
}

/* careers block 2 */

.careers-desc {
	margin-top: 90px;
	margin-bottom: 80px;
}
.careers-desc-content {
	width: 84%;
	display: flex;
	flex-direction: column;
	margin: 0 8%;
	background-color: #2B61FF;
	position: relative;
}

.careers-desc-content > .text-container {
	width: 38%;
	position: relative;
	z-index: 2;
}
.careers-desc-content > .text-container p {
	color: white;
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	margin-bottom: 0;
}
.cdc-row-top {
	margin-top: 70px;
	left: 41%;
}
.cdc-row-canter {
	margin-top: 80px;
	left: 8.5%;
}
.cdc-row-bottom {
	margin-top: 80px;
	margin-bottom: 100px;
	left: 51%;
}
.careers-bg {
	position: absolute;
	bottom: 10px;
	left: -85px;
	z-index: 1;
}
.cube {
	position: absolute;
	z-index: 2;
}
.cube-top-right {
	top: 111px;
	right: 0;
	width: 29%;
}
.cube-top-left {
	top: -7px;
	left: 80px;
	width: 37%;
}
.cube-bottom-left {
	bottom: -148px;
	left: 86px;
	width: 29%;
}
.cube-bottom-right {
	bottom: -179px;
	right: 182px;
	width: 20%;
}
.cube-center {
	top: 412px;
	left: 50%;
	max-width: 215px;
	width: 15%;
}

.cube img {
	width: 100%;
}
.cube-top-right,
.cube-top-left,
.cube-bottom-left,
.cube-bottom-right,
.cube-center {
	opacity: 0;
	-moz-transform: scale(0.1);
	-webkit-transform: scale(0.1);
	transition: all 1s;
}
.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.scale-animate {
	transform: scale(1);
}

/* vacancies list */

.vacancies-list {
	position: relative;
	z-index: 10;
}

.vacancies-list h2 {
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	text-align: center;
	padding-top: 0;
}
.vacancies-rows {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.vacancy-row {
	display: flex;
	flex-direction: row;
	padding: 40px 0;
	justify-content: space-between;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.vacancy-name a {
	font-size: 32px;
}
.vacancy-location {
	font-size: 20px;
	font-style: italic;
}
.form-wrapper {
	margin-top: 90px;
	padding: 0 200px 88px;
}
.form-container {
	background-color: #00AB1C;
	border-radius: 8px;
	padding: 60px 100px;
}
.form-container h3 {
	font-size: 32px;
	line-height: 48px;
	font-weight: 400;
	color: white;
	margin: 0;
}
.main-form-grid > div {
	width: 100%;
}
.half {
	width: 49% !important;
}
.career-form-grid {
	justify-content: space-between;
	margin: 0;
}
.career-form-grid input {
	height: 38px;
}
.vacancy-input {
	margin-top: 27px;
}
.vacancy-input label {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: white;
}
.vacancy-input input,
.vacancy-input textarea {
	margin-top: 7px;
}
.vacancy-input textarea {
	margin-bottom: 8px;
}
.career-agreement {
	opacity: 0.9;
	line-height: 22px;
}
.career-agreement span {
	color: white;
	font-size: 14px;
}
.career-agreement a {
	color: white;
	text-decoration: underline;
}

.career-form-white .career-agreement span {
	color: #757575;
}
.career-form-white .career-agreement a {
	color: #2B61FF;
}
.send-mail {
	display: flex;
	align-items: center;
}
.container-check {
	position: relative;
	float: left;
	cursor: pointer;
	font-size: 22px;
	width: 40px;
	height: 40px;
}
.container-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
	left: 12px;
	top: 3px;
	width: 14px;
	height: 22px;
	border: solid white;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.send-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 25px;
	align-items: center;
}
.checkmark-label {
	cursor: pointer;
	color: white;
	font-size: 16px;
	margin-left: 12px;
}
.btn-career {
	color: #00AB1C;
	font-weight: 500;
	background-color: white;
}

/* seo-text */

.seo-comment-photo img {
	width: 100%;
}
.seo-comment-text {
	position: absolute;
	bottom: 44px;
	right: 19%;
	width: 36%;
}
.seo-comment-text p {
	color: white;
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
}
.seo-comment-text .seo-name {
	font-size: 24px;
	line-height: 32px;
}

.seo-comment .container {
	max-width: 100% !important;
	padding: 0;
	margin: 0;
	max-height: 1000px;
	overflow: hidden;
}
.seo-comment-photo > img {
	display: block;
	min-height: 100%;
	min-width: 1920px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.seo-comment-photo {
	height: 1000px;
	width: 100%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

/* modal career */

.modal-career {
	max-width: 76.5rem;
	margin-top: 180px;
	margin-bottom: 300px;
}
.modal-career .modal-text-content {
	padding: 50px 100px;
}
.vacancy-image {
	position: absolute;
	top: -65px;
	right: -75px;
	z-index: 100;
}
.vacancy-location-m span {
	font-size: 20px;
	margin-left: 15px;
	line-height: 0;
}
.vacancy-description {
	margin-top: 55px;
}
.vacancy-description p {
	font-size: 24px;
	line-height: 40px;
}
.modal-text-content h2 {
	width: 80%;
	font-weight: 300;
	font-size: 56px;
	margin-bottom: 55px;
	line-height: 64px;
}

.modal-career .modal-close {
	background: url(../img/close-min.svg) no-repeat 50% 50%;
	width: 14px;
	height: 14px;
	left: 0;
	top: 40px;
}
.vacancy-rows {
	background-color: rgba(140, 171, 193, 0.05);
	display: flex;
	flex-direction: column;
	padding: 60px 108px;
	margin-top: 40px;
}
.vac-row {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 32px;
}
.vacancy-rows h4 {
	font-size: 32px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 25px;
}
.career-form-white h3,
.career-form-white label {
	color: #051150 !important;
}

.career-form-white .form-wrapper {
	margin-top: 20px;
	padding: 0;
}

.career-form-white .form-container {
	background-color: transparent;
}
.black-check .checkmark {
	border: 1px solid #051150;
}

.black-check .checkmark:after {
	border: solid #051150;
	left: 12px;
	top: 3px;
	width: 14px;
	height: 22px;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.send-button .btn-border-blue {
	margin-right: 19px;
}

.vacancy-location-m span,
.modal-text-content h2,
.vacancy-description p,
.vac-row h4,
.vac-row p,
.vac-row ul li {
	color: #051150 !important;
}

.seo-name i {
	display: block;
}

/*added 02.02.21 start*/
.news-about {
	margin: -1.5rem 0 1.5rem 0;
	padding: 2rem 0 1.5rem 0;
	background: rgba(140, 171, 193, 0.06);
}
.news-about h2, .news-about .h2 {
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.5rem;
	margin: 0 0 1.5rem 0;
	padding: 0;
}
.slider-about {
	position: relative;
	margin: 0 -0.75rem;
}
.slider-about .swiper-arr {
	position: absolute;
	bottom: 100%;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	margin: 1.5rem 0.75rem;
	text-align: center;
	line-height: 1.5rem;
	font-size: 1.25rem;
}
.slider-about .swiper-prev {
	right: 32px;
}
.slider-about .swiper-prev:before {
	content: '←';
}
.slider-about .swiper-next:before {
	content: '→';
}
.slider-about .swiper-container, .slider-about .swiper-wrapper {
	overflow: visible!important;
}
.slider-about .swiper-slide {
	padding: 0 0.75rem;
	width: 13rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: auto!important;
}
.link-about {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.625rem;
	line-height: 1rem;
	color: #051150;
	letter-spacing: -0.02em;
	-webkit-transition: none;
	transition: none;
}
.link-about .date {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 8px 0 0 0;
}
.link-about .bg {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 0.25rem;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	text-decoration: none;
	letter-spacing: -0.02em;
	font-size: 0.75rem;
	line-height: 1rem;
	color: #fff;
	padding: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-height: 7rem;
	-webkit-transition: none;
	transition: none;
}
.link-about .logo {
	height: 1.125rem;
	line-height: 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0 0 0.5rem 0;
}
.link-about .logo img {
	vertical-align: top;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.link-about .text {
	margin-top: auto;
	width: 100%;
}

/*added 02.02.21 end*/

.wpcf7-response-output {
	text-align: center;
}

.video_preview {
	position: absolute;
	top:0;
	max-width:100%;
}


.head-menu .head-menu-info  li a{
	margin-right: 50px;
}

.head-menu .head-menu-info  li:last-of-type {
	 margin-right: 0;
}

.header__bg {
	position: absolute;
	left: 0rem;
	top:-2rem;
	max-width: 740px;
	pointer-events: none;
	
}

header.fixed .header__bg {
	display: none;
}

@media (max-width:768px) {

	.header__bg {
		display: none;
		
	}

	.services-item .btn {
		width: 100%;
		padding: 1rem;
	}

	.services-item {
		padding: 3rem!important;
	}
	
	
}

.footer-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media (max-width:568px) {
	.footer-content {
		text-align: center;
		justify-content: center;
		flex-direction: column;
	}

	.footer-content .copy {
		padding-left: 0;
		margin-bottom: 1rem;
	}

	.footer-content div {
		margin-bottom: 1rem;
	}
}


.info {
	display: flex;
	flex-direction: column;
}

.info-contacts {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.info-contacts a {
	margin-right: 2rem;
}

.info-contacts a:last-of-type {
	margin-right: 0rem;
}



@media (max-width:568px) {
	
}