@charset "UTF-8";
@-webkit-keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes threeRight {
	0% {
		-webkit-transform: rotate3d(.2, .2, 1, 0deg);
		transform: rotate3d(.2, .2, 1, 0deg)
	}
	50% {
		-webkit-transform: rotate3d(.2, .2, 1, 180deg);
		transform: rotate3d(.2, .2, 1, 180deg)
	}
	to {
		-webkit-transform: rotate3d(.2, .2, 1, 360deg);
		transform: rotate3d(.2, .2, 1, 360deg)
	}
}

@keyframes threeRight {
	0% {
		-webkit-transform: rotate3d(.2, .2, 1, 0deg);
		transform: rotate3d(.2, .2, 1, 0deg)
	}
	50% {
		-webkit-transform: rotate3d(.2, .2, 1, 180deg);
		transform: rotate3d(.2, .2, 1, 180deg)
	}
	to {
		-webkit-transform: rotate3d(.2, .2, 1, 360deg);
		transform: rotate3d(.2, .2, 1, 360deg)
	}
}

@-webkit-keyframes threeCenter {
	0% {
		-webkit-transform: rotate3d(.1, .1, 1, 0deg);
		transform: rotate3d(.1, .1, 1, 0deg)
	}
	50% {
		-webkit-transform: rotate3d(.1, .1, 1, -180deg);
		transform: rotate3d(.1, .1, 1, -180deg)
	}
	to {
		-webkit-transform: rotate3d(.1, .1, 1, -360deg);
		transform: rotate3d(.1, .1, 1, -360deg)
	}
}

@keyframes threeCenter {
	0% {
		-webkit-transform: rotate3d(.1, .1, 1, 0deg);
		transform: rotate3d(.1, .1, 1, 0deg)
	}
	50% {
		-webkit-transform: rotate3d(.1, .1, 1, -180deg);
		transform: rotate3d(.1, .1, 1, -180deg)
	}
	to {
		-webkit-transform: rotate3d(.1, .1, 1, -360deg);
		transform: rotate3d(.1, .1, 1, -360deg)
	}
}

@-webkit-keyframes threeLeft {
	0% {
		-webkit-transform: rotate3d(.3, .3, 1, 360deg);
		transform: rotate3d(.3, .3, 1, 360deg)
	}
	50% {
		-webkit-transform: rotate3d(.3, .3, 1, 180deg);
		transform: rotate3d(.3, .3, 1, 180deg)
	}
	to {
		-webkit-transform: rotate3d(.3, .3, 1, 0deg);
		transform: rotate3d(.3, .3, 1, 0deg)
	}
}

@keyframes threeLeft {
	0% {
		-webkit-transform: rotate3d(.3, .3, 1, 360deg);
		transform: rotate3d(.3, .3, 1, 360deg)
	}
	50% {
		-webkit-transform: rotate3d(.3, .3, 1, 180deg);
		transform: rotate3d(.3, .3, 1, 180deg)
	}
	to {
		-webkit-transform: rotate3d(.3, .3, 1, 0deg);
		transform: rotate3d(.3, .3, 1, 0deg)
	}
}

@-webkit-keyframes prevArrow {
	0% {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left
	}
	51% {
		-webkit-transform-origin: right;
		transform-origin: right
	}
	98% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right
	}
}

@keyframes prevArrow {
	0% {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: left;
		transform-origin: left
	}
	51% {
		-webkit-transform-origin: right;
		transform-origin: right
	}
	98% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right
	}
}

@-webkit-keyframes nextArrow {
	0% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	51% {
		-webkit-transform-origin: left;
		transform-origin: left
	}
	98% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left
	}
}

@keyframes nextArrow {
	0% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	51% {
		-webkit-transform-origin: left;
		transform-origin: left
	}
	98% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left
	}
}

@-webkit-keyframes buttonArrow {
	0% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	51% {
		-webkit-transform-origin: left;
		transform-origin: left
	}
	98% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left
	}
}

@keyframes buttonArrow {
	0% {
		-webkit-transform-origin: right;
		transform-origin: right;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	51% {
		-webkit-transform-origin: left;
		transform-origin: left
	}
	98% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left;
		transform-origin: left
	}
}

@-webkit-keyframes loader {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes loader {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.icon-circles-cases,
.icon-header-logo-b {
	width: 1.37em;
	height: 1em;
	fill: initial
}

.icon-header-logo-b {
	width: 6em
}

.icon-header-logo-short-b,
.icon-header-logo-short-w {
	width: 2.14em;
	height: 1em;
	fill: initial
}

.icon-header-logo-w,
.icon-icon-facebook {
	width: 6em;
	height: 1em;
	fill: initial
}

.icon-icon-facebook {
	width: .57em
}

.icon-icon-link,
.icon-icon-twitter {
	width: 1em;
	height: 1em;
	fill: initial
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

fieldset,
img {
	margin: 0;
	padding: 0
}

fieldset,
footer,
header,
img {
	vertical-align: baseline
}

footer {
	padding: 0
}

header {
	margin: 0
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

a img,
fieldset,
footer,
header,
img {
	border: 0
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
	-webkit-appearance: none
}

button,
input[type=submit] {
	cursor: pointer
}

button::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto
}

button,
input {
	margin: 0;
	padding: 0;
	border: 0
}

a,
a:focus,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
span,
textarea {
	outline: 0
}

ol,
ul {
	list-style-type: none
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%
}

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

@media (prefers-reduced-motion:reduce) {
	* {
		-webkit-transition: none!important;
		-o-transition: none!important;
		transition: none!important
	}
}

@font-face {
	font-family: "Apple Color Emoji";
	src: url(../fonts/AppleColorEmoji.eot);
	src: url(../fonts/AppleColorEmojid41d.eot?#iefix) format("embedded-opentype"), url(../fonts/AppleColorEmoji.woff2) format("woff2"), url(../fonts/AppleColorEmoji.woff) format("woff"), url(../fonts/AppleColorEmoji.ttf) format("truetype"), url(../fonts/AppleColorEmoji.svg#AppleColorEmoji) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-slide,
.swiper-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/44*27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1*var(--swiper-navigation-size)/2);
	z-index: 10;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.homepage__procces .homepage__procces_list li .procces a:hover span::before,
.swiper-pagination.swiper-pagination-hidden,
header.fixed .header__logo .icon.icon-header-logo-w {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s transform, .2s top;
	-o-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s transform, .2s left;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s transform, .2s right;
	-o-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white {
	--swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
	--swiper-pagination-color: #000000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock,
text {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s infinite linear;
	animation: swiper-preloader-spin 1s infinite linear;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip .swiper-slide,
header,
header::before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

body {
	background: #fff;
	font-family: "Montserrat", sans-serif
}

main {
	overflow: hidden
}

a {
	color: currentColor;
	text-decoration: none
}

h1,
h2 {
	font-size: 65px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.02;
	letter-spacing: normal
}

h2 {
	font-size: 80px;
	line-height: 1.2
}

@media screen and (max-width:960px) {
	h2 {
		font-size: 70px
	}
}

@media screen and (max-width:576px) {
	h2 {
		font-size: 48px;
		line-height: 1.17!important
	}
}

header,
header::before {
	top: 0;
	left: 0;
	will-change: transform
}

header {
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 42px;
	-webkit-transition: height 600ms ease;
	-o-transition: height 600ms ease;
	transition: height 600ms ease
}

header::before {
	content: "";
	display: block;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transition: background-color 600ms ease, -webkit-box-shadow 600ms ease;
	-o-transition: background-color 600ms ease, box-shadow 600ms ease;
	transition: background-color 600ms ease, box-shadow 600ms ease;
	transition: background-color 600ms ease, box-shadow 600ms ease, -webkit-box-shadow 600ms ease
}

header.fixed {
	height: 70px
}

header.fixed::before {
	-webkit-box-shadow: 0 2px 10px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 2px 10px 0 rgba(17, 47, 131, .1);
	background-color: #fff
}

.homepage__services .homepage__services_list .service:hover img,
header.fixed .header__logo .icon.icon-header-logo-b {
	opacity: 1
}

header.fixed .header__nav {
	color: #0f1928
}

header.fixed button.menu i,
header.fixed button.menu i::after,
header.fixed button.menu i::before {
	background-color: #0f1928
}

header .header__logo {
	width: 113px;
	position: relative
}

header .header__logo a {
	width: 96px;
	height: 16px;
	display: block
}

header .header__logo .icon {
	-webkit-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

header .header__logo .icon.icon-header-logo-w {
	fill: #fff;
	opacity: 1
}

header .header__logo .icon.icon-header-logo-b,
header .header__logo .icon.icon-header-logo-short-b {
	fill: #0f1928
}

header .header__logo .icon.icon-header-logo-short-w {
	fill: #fff
}

header .header__nav {
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	color: #fff;
	-webkit-transition: color 600ms ease;
	-o-transition: color 600ms ease;
	transition: color 600ms ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

header .header__nav a:not(.btn) {
	margin: 0 35px;
	position: relative
}

header .header__nav a:not(.btn).current::before {
	-webkit-transform: scaleX(1)!important;
	-ms-transform: scaleX(1)!important;
	transform: scaleX(1)!important;
	height: 2px
}

header .header__nav a:not(.btn)::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e8452a;
	position: absolute;
	left: 0;
	bottom: -10px;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 400ms ease;
	-o-transition: transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease
}

header .header__nav a:not(.btn):hover::before {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

header .header__nav .mobile-start {
	display: none;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

header .header__nav .mobile-social {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 58px 0;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	opacity: 0
}

header .header__nav .mobile-social a {
	margin: 0 15px!important
}

.cases h1,
header .btn.start {
	position: relative
}

header button.menu,
header.active button.menu i {
	background-color: transparent
}

header.active button.menu i::before {
	-webkit-transform: rotate(-45deg) translate(-6px, 8px);
	-ms-transform: rotate(-45deg) translate(-6px, 8px);
	transform: rotate(-45deg) translate(-6px, 8px)
}

header.active button.menu i::after {
	-webkit-transform: rotate(45deg) translate(-6px, -7px);
	-ms-transform: rotate(45deg) translate(-6px, -7px);
	transform: rotate(45deg) translate(-6px, -7px)
}

header button.menu {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: none;
	-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: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	z-index: 2
}

header button.menu i,
header button.menu i::before {
	display: block;
	width: 32px;
	height: 4px;
	background-color: #fff
}

header button.menu i {
	color: #fff;
	position: relative
}

header button.menu i::before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px
}

footer .footer__contscts li img,
header button.menu i,
header button.menu i::after,
header button.menu i::before {
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease
}

header button.menu i::after {
	content: "";
	display: block;
	width: 32px;
	height: 4px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -10px
}

.header-black header .header__nav {
	color: #0f1928
}

.header-black header .header__logo .icon.icon-header-logo-w {
	fill: #fff;
	opacity: 0
}

.header-black header .header__logo .icon.icon-header-logo-b {
	fill: #0f1928;
	opacity: 1
}

.header-black header .header__logo .icon.icon-header-logo-short-b {
	fill: #0f1928;
	opacity: 0
}

.header-black header .header__logo .icon.icon-header-logo-short-w {
	fill: #fff;
	opacity: 0
}

@media screen and (max-width:1200px) {
	.header-black header button.menu i,
	.header-black header button.menu i::after,
	.header-black header button.menu i::before {
		background-color: #0f1928
	}
	.header-black header .header__nav {
		color: #0f1928
	}
	.header-black header .header__logo .icon.icon-header-logo-w {
		fill: #fff;
		opacity: 0
	}
	.header-black header .header__logo .icon.icon-header-logo-b {
		fill: #0f1928;
		opacity: 0
	}
	.header-black header .header__logo .icon.icon-header-logo-short-b {
		fill: #0f1928;
		opacity: 1!important
	}
	.header-black header .header__logo .icon.icon-header-logo-short-w {
		fill: #fff;
		opacity: 0!important
	}
	header {
		height: 76px!important;
		padding: 0 24px
	}
	header.active .header__nav>a,
	header.fixed::before {
		opacity: 1
	}
	header.fixed .icon.icon-header-logo-b,
	header.fixed .icon.icon-header-logo-w {
		opacity: 0!important
	}
	header.fixed .icon.icon-header-logo-short-b {
		opacity: 1!important
	}
	.header__logo .icon.icon-header-logo-b,
	.header__logo .icon.icon-header-logo-short-b,
	.header__logo .icon.icon-header-logo-w,
	header.active .header__logo .icon.icon-header-logo-b,
	header.active .header__logo .icon.icon-header-logo-short-b,
	header.active .header__logo .icon.icon-header-logo-w,
	header.fixed .icon.icon-header-logo-short-w {
		opacity: 0!important
	}
	header .btn.start {
		display: none
	}
	header button.menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		z-index: 3
	}
	header.active {
		-webkit-transform: translateY(0)!important;
		-ms-transform: translateY(0)!important;
		transform: translateY(0)!important
	}
	.header__logo .icon.icon-header-logo-short-w,
	header.active .header__logo .icon.icon-header-logo-short-w {
		opacity: 1!important
	}
	header.active button.menu i::after,
	header.active button.menu i::before {
		background-color: #fff
	}
	header.active .header__nav {
		max-height: calc(var(--vh, 1vh)*100);
		padding: 150px 0 0
	}
	header.active .mobile-start {
		opacity: 1
	}
	header.active .mobile-social {
		opacity: .5
	}
	.header__logo {
		width: auto;
		z-index: 3;
		left: -15px
	}
	.header__logo a {
		width: 35px!important;
		height: 28px!important
	}
	.header__nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #0f1928;
		-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;
		padding: 0;
		overflow: auto;
		height: calc(var(--vh, 1vh)*100);
		max-height: 0;
		-webkit-transition: all 600ms ease!important;
		-o-transition: all 600ms ease!important;
		transition: all 600ms ease!important;
		-ms-overflow-style: none;
		scrollbar-width: none
	}
	.header__nav::-webkit-scrollbar {
		display: none
	}
	.header__nav>a:not(.btn) {
		margin: 0 0 64px!important;
		font-size: 24px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.08;
		letter-spacing: normal;
		color: #fff;
		opacity: 0;
		-webkit-transition: opacity 600ms ease;
		-o-transition: opacity 600ms ease;
		transition: opacity 600ms ease
	}
	.header__nav .mobile-social,
	.header__nav .mobile-start {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-transition: opacity 600ms ease;
		-o-transition: opacity 600ms ease;
		transition: opacity 600ms ease
	}
	.header__nav .mobile-start {
		opacity: 0
	}
	.header__nav .mobile-social {
		margin-top: auto
	}
}

@media screen and (max-width:576px) {
	header {
		padding: 0 16px 0 11px
	}
}

footer {
	overflow: hidden;
	margin: 80px 0 0
}

footer .footer__contscts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

footer .footer__contscts li img {
	width: 60px;
	height: 60px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(17, 47, 131, .07), 0 12px 24px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 2px 4px 0 rgba(17, 47, 131, .07), 0 12px 24px 0 rgba(17, 47, 131, .1);
	border-radius: 50%;
	margin-right: 16px;
	border: 1px solid transparent
}

footer .footer__contscts li a,
footer .footer__social .copyright {
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal
}

footer .footer__contscts li a {
	margin-left: 17px;
	font-size: 18px;
	font-weight: 600;
	color: #e8452a
}

footer .footer__contscts li a:hover img {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: rgba(25, 35, 60, .2);
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px)
}

.homepage__hero,
.homepage__hero_chevrons,
footer .footer__contscts li a,
footer .footer__social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

footer .footer__social {
	margin: 56px 0 80px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

footer .footer__social .copyright {
	font-size: 16px;
	font-weight: 500;
	color: #19233c;
}

.homepage__hero .homepage__hero_wrapper .hero__text,
footer .footer__social .links a {
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	position: relative
}

footer .footer__social .links a {
	font-size: 16px;
	line-height: normal;
	color: #19233c;
	margin-left: 92px
}

footer .footer__social .links a::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #19233c;
	position: absolute;
	left: 0;
	bottom: -10px;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 400ms ease;
	-o-transition: transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease
}

footer .footer__social .links a:hover::before {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

@media screen and (max-width:1200px) {
	footer .footer__contscts li img {
		width: 50px;
		height: 50px
	}
	footer .footer__contscts li a {
		margin-left: 12px
	}
	footer .footer__social .links {
		width: 50%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	footer .footer__social .links a {
		margin-left: 0
	}
}

@media screen and (max-width:992px) {
	footer {
		margin-bottom: 65px
	}
	footer .footer__contscts,
	footer .footer__social {
		margin: 0 0 0 65px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	footer .footer__contscts li {
		margin-bottom: 30px
	}
	footer .footer__social {
		margin: 65px
	}
	footer .footer__social .links {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%
	}
	footer .footer__social .links a {
		margin: 0
	}
	footer .footer__social .copyright {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 40px;
		font-size: 20px
	}
}

@media screen and (max-width:576px) {
	footer {
		margin-bottom: 104px
	}
	footer .footer__contscts {
		margin-left: 25px
	}
	footer .footer__contscts li {
		margin-bottom: 15px
	}
	footer .footer__social {
		margin: 40px 25px 0
	}
	footer .footer__social .copyright {
		margin-top: 40px;
		font-size: 16px
	}
}

.homepage .wrapper {
	max-width: 1120px;
	margin: auto
}

.homepage h2 {
	color: #19233c;
	margin-bottom: 70px
}

.homepage h2 b,
.homepage__projects h2 b {
	color: #e8452a
}

.homepage__hero,
.homepage__hero_chevrons {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.homepage__hero {
	/* background: #0f1928; */
	min-height: calc(100vh - 100px);
	overflow: hidden;
	padding: 0 24px
}

.homepage__hero .homepage__hero_bg {
	background: url(../img/circles.svg) no-repeat center;
	width: 655px;
	height: 480px;
	position: absolute;
	top: calc(74% - 327px);
	left: calc(44% - 240px);
	z-index: 0
}

.homepage__hero .homepage__hero_wrapper {
	max-width: 988px;
	margin: 10% auto auto;
	position: relative;
}

.homepage__hero .homepage__hero_wrapper h1 {
	text-align: center;
	font-weight: 800
}

.homepage__hero .homepage__hero_wrapper h1 b {
	display: block;
	color: #e8452a;
	z-index: 2;
	position: relative
}

.homepage__hero .homepage__hero_wrapper h1 span {
	display: block;
	color: #fff;
	position: relative;
	z-index: 3
}

.homepage__hero .homepage__hero_wrapper .hero__text {
	max-width: 745px;
	margin: 40px auto 0;
	font-size: 18px;
	line-height: 1.78;
	text-align: center;
	color: #fff;
	opacity: .7;
	z-index: 4
}

.homepage__hero .homepage__hero_wrapper .three-center {
	position: absolute;
	top: calc(50% - 116px);
	left: calc(50% - 255px);
	z-index: 3
}

.homepage__hero .homepage__hero_wrapper .three-center img {
	-webkit-animation: threeCenter 120s linear infinite;
	animation: threeCenter 120s linear infinite
}

.homepage__hero .homepage__hero_wrapper .three-left {
	position: absolute;
	top: -90px;
	left: -60px
}

.homepage__hero .homepage__hero_wrapper .three-left span {
	display: inline-block;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.homepage__hero .homepage__hero_wrapper .three-left img {
	-webkit-animation: threeLeft 60s linear infinite;
	animation: threeLeft 60s linear infinite
}

.homepage__hero .homepage__hero_wrapper .three-right {
	position: absolute;
	top: -110px;
	right: -90px
}

.homepage__hero .homepage__hero_wrapper .three-right img {
	-webkit-animation: threeRight 30s linear infinite;
	animation: threeRight 30s linear infinite
}

.homepage__hero_chevrons {
	margin-top: -89px;
	z-index: 3
}

.homepage__hero_chevrons a {
	height: 150px;
	margin: 0 10px;
	-webkit-transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
	position: relative
}

.homepage__hero_chevrons a:nth-child(1)::before,
.homepage__hero_chevrons a:nth-child(2)::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: -webkit-box-shadow 300ms ease;
	-o-transition: box-shadow 300ms ease;
	transition: box-shadow 300ms ease;
	transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease
}

.homepage__hero_chevrons a:nth-child(2)::before {
	right: 12px;
	left: 12px
}

.homepage__hero_chevrons a:hover {
	-webkit-transform: scale(1.12);
	-ms-transform: scale(1.12);
	transform: scale(1.12)
}

.homepage__hero_chevrons a:hover::before {
	-webkit-box-shadow: 0 2px 22px 0 rgba(17, 47, 131, .5);
	box-shadow: 0 2px 22px 0 rgba(17, 47, 131, .5)
}

.case__hero .case__hero_bg img,
.homepage__hero_chevrons a img,
.homepage__projects .project .project__pattern img {
	height: 100%
}

.homepage__challenges {
	margin-top: 150px
}

.homepage__challenges .homepage__challenges_list li h3,
.homepage__challenges .homepage__challenges_list li p,
.homepage__challenges h2,
.homepage__projects .project .project__details h3 {
	font-size: 42px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #19233c
}

.homepage__challenges h2 {
	line-height: 1.33;
	text-align: center;
	margin-bottom: 48px
}

.homepage__challenges h2 span {
	color: #e8452a;
	display: block
}

.homepage__challenges .homepage__challenges_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.homepage__challenges .homepage__challenges_list li {
	width: 25%;
	height: 280px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 16px 0 0;
	border: solid 1px #cfd1d4;
	background-color: #fff;
	margin-right: -1px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.homepage__challenges .homepage__challenges_list li:hover {
	-webkit-box-shadow: 0 10px 24px 0 rgba(17, 47, 131, .2), 0 24px 84px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 10px 24px 0 rgba(17, 47, 131, .2), 0 24px 84px 0 rgba(17, 47, 131, .1);
	z-index: 1;
	border-top-color: transparent;
	margin-top: -10px;
	height: 290px
}

.homepage__challenges .homepage__challenges_list li h3 {
	font-size: 18px;
	line-height: 1.44;
	margin-bottom: 10px;
	padding: 0 16px
}

.homepage__challenges .homepage__challenges_list li p {
	font-size: 12px;
	font-weight: 400;
	line-height: 2;
	padding: 0 16px
}

.homepage__challenges .homepage__challenges_list li .btn {
	margin-top: auto;
	width: 100%;
	padding: 0 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage__challenges .homepage__challenges_list li .btn:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #e8452a;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.homepage__projects {
	margin-top: 0
}

.homepage__projects .wrapper {
	max-width: 1120px;
	margin: auto
}

.homepage__projects h2 {
	color: #19233c;
	margin-bottom: 70px
}

.homepage__projects .project {
	border: solid 1px rgba(15, 25, 40, .2);
	background-color: #fff;
	padding: 64px 72px 100px 50px;
	position: relative;
	margin-bottom: 56px
}

.homepage__projects .project.neomed .project__details h3 span {
	color: #34af3d
}

.homepage__projects .project.neomed .project__details .project__details_tags li {
	background-color: rgba(52, 175, 61, .15);
	color: #34af3d
}

.homepage__projects .project.neomed .project__details .project__actions .btn-stroke {
	border: 1px solid #34af3d;
	background-color: #fff;
	color: #19233c
}

.homepage__projects .project.neomed .project__details .project__actions .btn-stroke:hover {
	background-color: #47b44f;
	color: #fff;
	-webkit-box-shadow: 0 8px 32px 0 rgba(52, 175, 61, .5);
	box-shadow: 0 8px 32px 0 rgba(52, 175, 61, .5)
}

.homepage__projects .project.neomed .project__details .project__actions .btn-stroke:active {
	background-color: #389b3f;
	-webkit-box-shadow: none;
	box-shadow: none
}

.homepage__projects .project.neomed .project__details .project__actions .btn-fill {
	background-color: #34af3d;
	color: #fff
}

.homepage__projects .project.neomed .project__details .project__actions .btn-fill:hover {
	background-color: #61c568;
	color: #fff;
	-webkit-box-shadow: 0 8px 32px 0 rgba(52, 175, 61, .5);
	box-shadow: 0 8px 32px 0 rgba(52, 175, 61, .5)
}

.homepage__projects .project.neomed .project__details .project__actions .btn-fill:active {
	background-color: #389b3f;
	-webkit-box-shadow: none;
	box-shadow: none
}

.homepage__projects .project.stripes .project__details h3 span {
	color: #0073ea
}

.homepage__projects .project.stripes .project__details .project__details_tags li {
	background-color: rgba(0, 115, 234, .15);
	color: #0073ea
}

.homepage__projects .project.stripes .project__details .project__actions .btn-stroke {
	border: 1px solid #0073ea;
	background-color: #fff;
	color: #19233c
}

.homepage__projects .project.stripes .project__details .project__actions .btn-stroke:hover {
	background-color: #0073ea;
	color: #fff;
	-webkit-box-shadow: 0 8px 32px 0 rgba(0, 115, 234, .5);
	box-shadow: 0 8px 32px 0 rgba(0, 115, 234, .5)
}

.homepage__projects .project.stripes .project__details .project__actions .btn-stroke:active {
	background-color: #0e70d5;
	-webkit-box-shadow: none;
	box-shadow: none
}

.homepage__projects .project.stripes .project__details .project__actions .btn-fill {
	background-color: #0073ea;
	color: #fff
}

.homepage__projects .project.stripes .project__details .project__actions .btn-fill:hover {
	background-color: #4294ea;
	color: #fff;
	-webkit-box-shadow: 0 8px 32px 0 rgba(0, 115, 234, .5);
	box-shadow: 0 8px 32px 0 rgba(0, 115, 234, .5)
}

.homepage__projects .project.stripes .project__details .project__actions .btn-fill:active {
	background-color: #0e70d5;
	-webkit-box-shadow: none;
	box-shadow: none
}

.homepage__projects .project.augmania .project__details h3 span {
	color: #ff1d53
}

.homepage__projects .project.augmania .project__details .project__details_tags li {
	background-color: rgba(255, 29, 83, .15);
	color: #ff1d53
}

.homepage__projects .project.augmania .project__details .project__actions .btn-stroke {
	border: 1px solid #ff1d53;
	background-color: #fff;
	color: #19233c
}

.homepage__projects .project.augmania .project__details .project__actions .btn-stroke:hover {
	background-color: #ff1d53;
	color: #fff;
	-webkit-box-shadow: 0 8px 32px 0 rgba(255, 29, 83, .5);
	box-shadow: 0 8px 32px 0 rgba(255, 29, 83, .5)
}

.homepage__projects .project.augmania .project__details .project__actions .btn-stroke:active {
	background-color: #ec2151;
	-webkit-box-shadow: none;
	box-shadow: none
}

.homepage__projects .project.augmania .project__details .project__actions .btn-fill {
	background-color: #ff1d53;
	color: #fff
}

.homepage__projects .project.augmania .project__details .project__actions .btn-fill:hover {
	background-color: #f23966;
	color: #fff;
	-webkit-box-shadow: 0 8px 32px 0 rgba(255, 29, 83, .5);
	box-shadow: 0 8px 32px 0 rgba(255, 29, 83, .5)
}

.homepage__projects .project.augmania .project__details .project__actions .btn-fill:active {
	background-color: #ec2151;
	-webkit-box-shadow: none;
	box-shadow: none
}

.homepage__projects .project .project__pattern {
	height: 87%;
	position: absolute;
	left: 60%;
	/* -webkit-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	transform: translateX(-28%); */
	top: 5%
}

.homepage__projects .project .project__details {
	width: 60%
}

.homepage__projects .project .project__details h3 {
	line-height: 1.08
}

.homepage__procces .homepage__procces_list li .procces span,
.homepage__procces .homepage__procces_list li h3,
.homepage__projects .project .project__details h3 span {
	-webkit-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease
}

.homepage__projects .project .project__details .project__details_tags {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -16px
}

.homepage__projects .project .project__details .project__details_tags li {
	height: 24px;
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	margin: 0 16px 16px 0
}

.homepage__projects .project .project__details .project__details_description,
.homepage__projects .project .project__details .project__duration {
	margin-top: 24px
}

.homepage__projects .project .project__details .project__details_description .title {
	font-size: 12px;
	opacity: .5;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.homepage__projects .project .project__details .project__details_description .text {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.homepage__projects .project .project__details .project__duration b {
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750;
	opacity: .5
}

.homepage__projects .project .project__details .project__duration span {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: #2d3750;
	margin-left: 2px
}

.homepage__projects .project .project__details .project__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px
}

.homepage__projects .project .project__details .project__actions .btn-stroke {
	margin-right: 40px
}

.homepage__projects .more {
	margin-top: 80px;
	text-align: center
}

.homepage__services {
	margin-top: 60px;
	background-color: #0f1928;
	padding: 78px 0
}

.homepage__services h2 {
	color: #fff;
	margin-bottom: 56px
}

.homepage__services .homepage__services_list .service,
.homepage__services .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage__services .homepage__services_title {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.homepage__services .homepage__services_list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 655px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.homepage__services .homepage__services_list .service {
	width: 305px;
	height: 200px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: 1px solid rgba(255, 255, 255, .2);
	margin-bottom: 16px;
	padding: 16px 24px 24px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	position: relative
}

.homepage__services .homepage__services_list .service a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.homepage__services .homepage__services_list .service:hover {
	background-color: rgba(255, 255, 255, .2)
}

.homepage__services .homepage__services_list .service img {
	width: 80px;
	height: 80px;
	-ms-flex-item-align: end;
	align-self: flex-end;
	opacity: .2;
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.homepage__numbers .homepage__numbers_list li span,
.homepage__reviews .homepage__reviews_top .top--text,
.homepage__services .homepage__services_list .service h3 {
	font-size: 24px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #fff
}

.services__book {
	margin-top: 0!important
}

.homepage__numbers {
	background: #e8452a url(../img/bg_numbers.svg) no-repeat center/auto 100%;
	padding: 67px 0 93px
}

.homepage__numbers h2 {
	font-weight: 400;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 14px
}

.homepage__numbers .homepage__numbers_list,
.homepage__services .homepage__services_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage__challenges .homepage__challenges_list li,
.homepage__numbers .homepage__numbers_list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.homepage__numbers .homepage__numbers_list li b {
	font-size: 140px;
	font-weight: 800;
	line-height: .8;
	letter-spacing: normal;
	color: #fff;
	text-align: center
}

.homepage__numbers .homepage__numbers_list li span {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.78;
	text-align: center
}

.homepage__numbers .numbers__tag,
.homepage__procces .homepage__procces_list li .procces a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal
}

.homepage__numbers .numbers__tag {
	margin-top: 20px;
	width: 124px;
	height: 40px;
	border-radius: 10px;
	border: solid 1px #979797;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .6px;
	color: #1f1f1f
}

.homepage__procces {
	background-color: #cbd0d7;
	padding: 80px 24px
}

.homepage__procces h2 {
	margin-bottom: 50px
}

.article .article__details a,
.article .blogs__list .wrapper>ul li:hover h4,
.homepage__news .homepage__news_list li:hover h4,
.homepage__procces .homepage__procces_list li .procces a:hover span,
.homepage__procces .homepage__procces_list li:hover h3,
.homepage__procces h2 span,
.services .services__list .wrapper .service:hover h3 {
	color: #e8452a
}

.homepage__procces .homepage__procces_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage__procces .homepage__procces_list li {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.homepage__procces .homepage__procces_list li h3 {
	font-size: 56px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.07;
	letter-spacing: normal;
	color: rgba(15, 25, 40, .1);
	margin-bottom: 29px
}

.homepage__procces .homepage__procces_list li .procces {
	margin-bottom: 32px
}

.homepage__procces .homepage__procces_list li .procces img {
	width: 80px;
	height: 80px
}

.homepage__procces .homepage__procces_list li .procces a {
	width: 80px;
	-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;
	margin-top: 8px;
	font-size: 18px;
	line-height: 1.78;
	letter-spacing: normal;
	color: #0f1928
}

.homepage__procces .homepage__procces_list li .procces a.nolink {
	cursor: default
}

.homepage__procces .homepage__procces_list li .procces span {
	white-space: nowrap;
	position: relative
}

.homepage__procces .homepage__procces_list li .procces span::before {
	content: "";
	display: block;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	bottom: 4px;
	left: 0;
	right: 0;
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.homepage__reviews {
	margin-top: 160px
}

.homepage__reviews .homepage__reviews_top {
	margin-top: 110px
}

.homepage__reviews .homepage__reviews_top .top--text {
	margin-left: 40%;
	position: relative;
	font-weight: 500;
	font-style: italic;
	line-height: 1.67;
	color: #19233c
}

.homepage__reviews .homepage__reviews_list>li .review--text p,
.homepage__reviews .homepage__reviews_top .top--text p {
	margin-bottom: 1em
}

.homepage__reviews .homepage__reviews_list>li .review--text p:last-child,
.homepage__reviews .homepage__reviews_top .top--text p:last-child {
	margin-bottom: 0
}

.homepage__reviews .homepage__reviews_top .top--text::before {
	content: "";
	display: block;
	width: 140px;
	height: 107px;
	background: url(../img/quotes.svg) no-repeat center/cover;
	position: absolute;
	top: -60px;
	left: -76px
}

.homepage__reviews .homepage__reviews_top .top--author {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 40%
}

.homepage__reviews .homepage__reviews_list>li .review--author .photo,
.homepage__reviews .homepage__reviews_top .top--author .photo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #19233c;
	margin-right: 24px;
	display: none
}

.homepage__reviews .homepage__reviews_list>li .review--author .photo img,
.homepage__reviews .homepage__reviews_top .top--author .photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.homepage__reviews .homepage__reviews_list>li .review--author .name,
.homepage__reviews .homepage__reviews_top .top--author .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #19233c
}

.homepage__reviews .homepage__reviews_list {
	margin-top: 72px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage__reviews .homepage__reviews_list>li {
	width: calc(33.3333% - 33px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-top: 4px solid #e8e9eb;
	padding-top: 16px
}

.homepage__reviews .homepage__reviews_list>li .review--text {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.63;
	letter-spacing: normal;
	color: #19233c
}

.homepage__reviews .homepage__reviews_list>li .review--text ul {
	list-style: disc;
	margin-left: 25px;
	margin-bottom: 1em
}

.homepage__reviews .homepage__reviews_list>li .review--author {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.homepage__reviews .more {
	text-align: center;
	margin-top: 120px
}

.homepage__reviews .more .btn img {
	width: 32px;
	height: 32px;
	margin-right: 14px
}

.homepage__about {
	background: url(../img/bg_about.jpg) no-repeat center/cover;
	padding: 80px 0;
	margin-top: 200px
}

.homepage__about h2 {
	width: 670px;
	line-height: 1.2;
	margin-bottom: 0
}

.homepage__about .homepage__about_text {
	margin-top: 40px;
	width: 467px;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.86;
	letter-spacing: normal;
	color: #19233c
}

.homepage__about .homepage__about_text p {
	margin-bottom: 2em
}

.homepage__achievements {
	margin-top: 50px;
	margin-bottom: 20px;
}

.homepage__achievements h2 {
	text-align: center;
	margin-bottom: 0
}

.homepage__achievements .homepage__achievements_list {
	margin-top: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -100px
}

.homepage__achievements .homepage__achievements_list li,
.homepage__achievements .homepage__achievements_list li.future {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.homepage__achievements .homepage__achievements_list li {
	width: calc(33.33333% - 100px);
	margin-right: 100px;
	margin-bottom: 56px;
	padding: 56px 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.homepage__achievements .homepage__achievements_list li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	-webkit-transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
	border: 1px solid rgba(25, 35, 60, .2)
}

.homepage__achievements .homepage__achievements_list li:hover::before {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08)
}

.homepage__achievements .homepage__achievements_list li.nn::before {
	background-color: #fff
}

.homepage__achievements .homepage__achievements_list li.nn b,
.homepage__achievements .homepage__achievements_list li.nn span {
	color: #2a2a2a
}

.homepage__achievements .homepage__achievements_list li.art>a,
.homepage__achievements .homepage__achievements_list li.dev>a,
.homepage__achievements .homepage__achievements_list li.team>a {
	background: url(../img/icon_link-w.svg) no-repeat top 16px right 16px/22px 22px
}

.cases__list .cases__list_item:hover .item--details h4,
.homepage__achievements .homepage__achievements_list li.art b,
.homepage__achievements .homepage__achievements_list li.art span,
.homepage__achievements .homepage__achievements_list li.dev b,
.homepage__achievements .homepage__achievements_list li.dev span,
.homepage__achievements .homepage__achievements_list li.team b,
.homepage__achievements .homepage__achievements_list li.team span {
	color: #fff
}

.homepage__achievements .homepage__achievements_list li.art::before {
	background-color: #4b61e3
}

.homepage__achievements .homepage__achievements_list li.dev::before {
	background-color: #634488
}

.homepage__achievements .homepage__achievements_list li.team::before {
	background-color: #e83c37
}

.homepage__achievements .homepage__achievements_list li.future {
	font-size: 16px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #19233c
}

.homepage__achievements .homepage__achievements_list li.future::before {
	-webkit-transform: scale(1)!important;
	-ms-transform: scale(1)!important;
	transform: scale(1)!important
}

.homepage__achievements .homepage__achievements_list li img {
	width: 170px;
	height: 140px;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative
}

.homepage__achievements .homepage__achievements_list li>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(../img/icon_link-b.svg) no-repeat top 16px right 16px/22px 22px
}

.homepage__achievements .homepage__achievements_list li>a::before {
	display: none
}

.homepage__achievements .homepage__achievements_list li b,
.homepage__achievements .homepage__achievements_list li span {
	margin-top: 36px;
	font-size: 16px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #19233c;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative
}

.homepage__achievements .homepage__achievements_list li span {
	margin-top: 8px;
	font-weight: 400
}

.homepage__news {
	margin-top: 280px
}

.homepage__news .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.homepage__news .homepage__news_title {
	width: calc(33.3333% - 66px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 100px
}

.homepage__news .homepage__news_title h2 {
	margin-bottom: 65px
}

.homepage__news .homepage__news_list {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage__news .homepage__news_list li {
	color: #19233c;
	width: calc(50% - 50px)
}

.article .blogs__list .wrapper>ul li:hover .news--photo img,
.blogs .blogs__list .wrapper>ul li:hover .news--photo img,
.homepage__news .homepage__news_list li:hover .news--photo img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.case__hero .case__hero_details h1,
.homepage__news .homepage__news_list li .news--photo {
	margin-bottom: 24px
}

.article .blogs__list .wrapper>ul li .blog--photo a,
.homepage__news .homepage__news_list li .news--photo a {
	display: block;
	padding-top: 100%;
	position: relative
}

.article .blogs__list .wrapper>ul li .blog--photo a img,
.blogs .blogs__list .wrapper>ul li .blog--photo a img,
.homepage__news .homepage__news_list li .news--photo a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: -webkit-transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.article .blogs__list .wrapper>ul li h4,
.blogs .blogs__list .wrapper>ul li h4,
.cases__list .cases__list_item .item--details h4,
.homepage__news .homepage__news_list li h4 {
	font-size: 24px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	-webkit-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease
}

.article .blogs__list .wrapper>ul li time,
.blogs .blogs__list .wrapper>ul li time,
.homepage__news .homepage__news_list li time {
	margin-top: 8px;
	display: block;
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	opacity: .7
}

.homepage__news .homepage__news_list li .news--description {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal
}

.cases .cases__filter h5,
.homepage__news .homepage__news_list li .more {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal
}

.article .blogs__list .wrapper>ul li .more a,
.homepage__news .homepage__news_list li .more a {
	text-decoration: underline
}

.homepage__start {
	margin-top: 60px;
	position: relative;
	-webkit-perspective: 2000px;
	perspective: 2000px
}

.homepage__start .wrapper {
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-box-shadow 300ms ease;
	-o-transition: box-shadow 300ms ease;
	transition: box-shadow 300ms ease;
	transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
	padding-top: 0!important;
	-webkit-box-shadow: 0 24px 84px 0 rgba(17, 47, 131, .1), 0 10px 24px -10px rgba(17, 47, 131, .07);
	box-shadow: 0 24px 84px 0 rgba(17, 47, 131, .1), 0 10px 24px -10px rgba(17, 47, 131, .07)
}

.homepage__start .wrapper .back,
.homepage__start .wrapper .front {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.homepage__start .wrapper .front {
	background-color: #fff;
	padding: 48px 70px;
	position: relative;
	z-index: 1
}

.homepage__start .wrapper .back {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.homepage__start .wrapper .back .yes {
	margin-top: 48px;
	text-align: center
}

.homepage__start .wrapper .back h2 {
	margin: 0;
	-webkit-box-flex: initial;
	-ms-flex-positive: initial;
	flex-grow: initial
}

.homepage__start .wrapper h2 {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: 90px;
	font-size: 72px;
	margin-bottom: 70px
}

.homepage__start .wrapper h2 b {
	display: block;
	color: #e8452a
}

.homepage__start .wrapper .homepage__start_form {
	width: 51%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media screen and (max-width:1200px) {
	.homepage__services .wrapper {
		padding: 0 24px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.homepage__services .wrapper .homepage__services_list {
		-ms-flex-item-align: center;
		align-self: center;
		margin-top: 48px;
		width: auto
	}
	.homepage__services .wrapper .homepage__services_list .service {
		width: calc(50% - 8px)
	}
	.homepage__challenges .wrapper {
		padding-left: 24px;
		padding-right: 24px
	}
	.homepage__challenges .homepage__challenges_list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 720px;
		margin-left: auto;
		margin-right: auto
	}
	.homepage__challenges .homepage__challenges_list li {
		width: 50%
	}
	.homepage__challenges .homepage__challenges_list li .btn {
		font-size: 15px
	}
}

@media screen and (max-width:960px) {
	.homepage__procces .homepage__procces_list li h3 br,
	.navslider {
		display: none
	}
	.homepage .homepage__hero .homepage__hero_wrapper h1 {
		font-size: 50px
	}
	.homepage .homepage__hero .homepage__hero_wrapper .three-center {
		width: 350px;
		height: 331px
	}
	.homepage .homepage__hero .homepage__hero_wrapper .three-center img,
	.homepage .homepage__hero .homepage__hero_wrapper .three-left img {
		width: 100%;
		height: 100%
	}
	.homepage .homepage__hero .homepage__hero_wrapper .three-left {
		width: 150px;
		height: 159px;
		left: -10px
	}
	.homepage .homepage__hero .homepage__hero_wrapper .three-right {
		right: -40px
	}
	.homepage__projects {
		padding-left: 24px;
		padding-right: 24px;
		margin-top: 100px
	}
	.homepage__projects h2 {
		margin-bottom: 26vw
	}
	.homepage__projects .project {
		padding: 40vw 40px 40px;
		margin-bottom: 28vw
	}
	.homepage__projects .project.stripes {
		padding-top: 30vw
	}
	.homepage__projects .project:last-child {
		margin-bottom: 0
	}
	.homepage__projects .project .project__pattern {
		height: auto;
		width: 85%;
		top: -20vw;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}
	.homepage__procces .homepage__procces_list li h3,
	.homepage__projects .project .project__pattern img {
		width: 100%
	}
	.homepage__about h2,
	.homepage__projects .project .project__details {
		width: auto
	}
	.homepage__numbers {
		padding-bottom: 73px
	}
	.homepage__numbers .wrapper {
		padding-left: 24px;
		padding-right: 24px
	}
	.homepage__numbers .homepage__numbers_list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.homepage__numbers .homepage__numbers_list li {
		width: 50%;
		margin-bottom: 24px
	}
	.homepage__procces .homepage__procces_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.homepage__procces .homepage__procces_list li {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.homepage__procces .homepage__procces_list li .procces {
		width: 33.333%
	}
	.homepage__procces .homepage__procces_list li .procces a {
		width: auto;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 16px
	}
	.homepage__reviews {
		margin-top: 100px
	}
	.homepage__reviews .wrapper {
		padding-left: 24px;
		padding-right: 24px
	}
	.homepage__reviews .homepage__reviews_top {
		margin-top: 0
	}
	.homepage__reviews .homepage__reviews_top .top--author,
	.homepage__reviews .homepage__reviews_top .top--text {
		margin-left: 0
	}
	.homepage__news .wrapper h2 br,
	.homepage__reviews .homepage__reviews_top .top--text::before {
		display: none
	}
	.homepage__reviews .homepage__reviews_list li {
		display: none;
		border-top: none
	}
	.homepage__reviews .homepage__reviews_list li:first-child {
		display: block;
		width: 100%
	}
	.homepage__reviews .homepage__reviews_list li .review--text {
		font-size: 24px;
		font-weight: 500;
		line-height: 1.67
	}
	.homepage__reviews .more {
		margin-top: 70px
	}
	.homepage__about {
		margin-top: 170px;
		background: #f5f3f4 url(../img/bg_about_mobile.jpg) no-repeat center bottom/100% auto;
		padding: 70px 0 100vw
	}
	.wrapper {
		padding-left: 24px;
		padding-right: 24px
	}
	.homepage__about .homepage__about_text {
		width: auto;
		font-size: 18px
	}
	.homepage__achievements,
	.homepage__news {
		margin-top: 170px
	}
	.homepage__achievements h2 {
		text-align: left
	}
	.homepage__achievements h2 span {
		display: block
	}
	.homepage__achievements .homepage__achievements_list {
		margin-right: -24px
	}
	.homepage__achievements .homepage__achievements_list li {
		width: calc(50% - 24px);
		margin-right: 24px;
		margin-bottom: 24px
	}
	.homepage__news {
		position: relative;
		padding-bottom: 70px
	}
	.homepage__news .wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.homepage__news .homepage__news_title .more {
		position: absolute;
		bottom: 0;
		left: calc(50% - 110px);
		width: 220px
	}
	.homepage__news .homepage__news_title h2 {
		white-space: nowrap;
		margin-bottom: 40px
	}
	.homepage__news .homepage__news_list,
	.homepage__news .wrapper,
	.homepage__start .wrapper .front {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.homepage__news .homepage__news_list li {
		width: auto;
		margin-bottom: 40px
	}
	.homepage__start {
		margin-top: 140px;
		padding: 0 24px
	}
	.homepage__start .wrapper h2 {
		margin-right: 0
	}
	.homepage__start .wrapper .homepage__start_form {
		width: 100%;
		max-width: 500px
	}
}

@media screen and (max-width:576px) {
	.homepage .homepage__hero,
	.homepage .wrapper,
	.homepage__services .wrapper {
		padding: 0 16px
	}
	.homepage .homepage__hero .homepage__hero_wrapper {
		margin-top: 420px !important;
	}

	.homepage .homepage__hero .homepage__hero_wrapper h1 {
		font-size: 24px; line-height: 32px;
	}
	.homepage .homepage__hero .homepage__hero_wrapper .hero__text {
		font-size: 14px;
		margin-top: 24px
	}
	.homepage .homepage__hero .homepage__hero_bg {
		background: url(../img/circles.svg) no-repeat center/cover;
		width: 384px;
		height: 282px;
		top: calc(74% - 214px);
		left: calc(44% - 160px)
	}
	.homepage .homepage__hero .homepage__hero_wrapper .three-center {
		top: calc(50% - 100px);
		left: calc(50% - 195px)
	}
	.homepage .homepage__hero .homepage__hero_wrapper .three-left {
		top: -130px
	}
	.homepage .homepage__hero .homepage__hero_wrapper .three-right {
		top: 110%
	}
	.homepage__services .wrapper .homepage__services_list {
		margin-top: 48px
	}
	.homepage__services .wrapper .homepage__services_list .service {
		width: 100%
	}
	.homepage__projects {
		padding: 0;
		margin-top: 100px
	}
	.homepage__projects h2 b {
		display: block
	}
	.homepage__projects .project {
		padding-left: 24px;
		padding-right: 24px
	}
	.homepage__projects .project .project__details h3 {
		font-size: 30px;
		line-height: 1.33
	}
	.homepage__projects .project .project__details .project__actions {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.homepage__projects .project .project__details .project__actions .btn {
		width: 100%;
		margin-bottom: 24px;
		max-width: 300px
	}
	.homepage__projects .project .project__details .project__actions .btn:last-child {
		margin-bottom: 0
	}
	.homepage__numbers {
		padding: 80px 0 47px
	}
	.homepage__numbers .homepage__numbers_list li {
		margin-bottom: 32px
	}
	.homepage__numbers .homepage__numbers_list li b {
		font-size: 88px;
		line-height: 1.16
	}
	.homepage__numbers .homepage__numbers_list li span {
		font-size: 16px;
		line-height: 2;
		margin-top: 0
	}
	.homepage__procces .homepage__procces_list li {
		-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
	}
	.homepage__procces .homepage__procces_list li h3 {
		text-align: center
	}
	.homepage__reviews .homepage__reviews_list li .review--text,
	.homepage__reviews .homepage__reviews_top .top--text {
		font-size: 16px;
		line-height: 1.63
	}
	.homepage__news .homepage__news_title h2,
	.homepage__reviews h2 {
		margin-bottom: 48px
	}
	.homepage__reviews .more {
		margin-top: 64px
	}
	.homepage__reviews .homepage__reviews_list li {
		display: none;
		border-top: none
	}
	.homepage__reviews .homepage__reviews_list li:first-child {
		display: block;
		width: 100%
	}
	.homepage__about {
		margin-top: 120px;
		padding-top: 80px
	}
	.homepage__about h2 {
		width: 300px
	}
	.homepage__about .homepage__about_text {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.86;
		margin-top: 40px
	}
	.homepage__achievements {
		margin-top: 120px
	}
	.homepage__achievements .homepage__achievements_list {
		margin-top: 40px;
		margin-right: -24px
	}
	.homepage__achievements .homepage__achievements_list li {
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 40px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.homepage__achievements .homepage__achievements_list li>a {
		background: url(../img/icon_link-b.svg) no-repeat top 8px right 8px/22px 22px!important
	}
	.homepage__achievements .homepage__achievements_list li.art>a,
	.homepage__achievements .homepage__achievements_list li.dev>a,
	.homepage__achievements .homepage__achievements_list li.team>a {
		background: url(../img/icon_link-w.svg) no-repeat top 8px right 8px/22px 22px!important
	}
	.homepage__achievements .homepage__achievements_list li.art .awwwards__icon {
		background-color: #4b61e3
	}
	.homepage__achievements .homepage__achievements_list li.art .awwwards__icon img,
	.homepage__achievements .homepage__achievements_list li.dev .awwwards__icon img,
	.homepage__achievements .homepage__achievements_list li.team .awwwards__icon img {
		width: 75%
	}
	.homepage__achievements .homepage__achievements_list li.dev .awwwards__icon {
		background-color: #634488
	}
	.homepage__achievements .homepage__achievements_list li.team .awwwards__icon {
		background-color: #e83c37
	}
	.homepage__achievements .homepage__achievements_list li .awwwards__icon {
		padding-left: 0;
		padding-right: 0;
		border: 1px solid rgba(25, 35, 60, .2);
		width: 100%
	}
	.homepage__achievements .homepage__achievements_list li .awwwards__icon a {
		display: block;
		padding-top: 100%;
		position: relative
	}
	.homepage__achievements .homepage__achievements_list li .awwwards__icon a img {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	.homepage__achievements .homepage__achievements_list li b {
		margin-top: 16px;
		color: #2a2a2a!important
	}
	.homepage__achievements .homepage__achievements_list li span {
		color: #2a2a2a!important
	}
	.homepage__achievements .homepage__achievements_list li::before {
		display: none
	}
	.homepage__achievements .homepage__achievements_list li.future {
		height: calc(((100vw - 32px)/2) - 12px);
		border: 1px solid rgba(25, 35, 60, .2);
		padding: 0
	}
	.homepage__news {
		margin-top: 160px
	}
	.homepage__news .homepage__news_list li {
		margin-bottom: 48px
	}
	.homepage__start {
		margin-top: 120px;
		padding: 0 16px
	}
	.homepage__start .wrapper {
		padding: 0 24px
	}
	.homepage__start .wrapper .front {
		padding: 80px 0
	}
	.homepage__start .wrapper h2 {
		font-size: 48px;
		font-weight: 800;
		line-height: 1.17;
		margin-bottom: 48px
	}
	.homepage__start .wrapper .homepage__start_form .submit .btn {
		width: 100%
	}
	.homepage__challenges .wrapper {
		padding-left: 16px;
		padding-right: 16px
	}
	.homepage__challenges .homepage__challenges_list li {
		width: 100%;
		height: 240px;
		margin-bottom: 30px
	}
	.homepage__challenges .homepage__challenges_list li:last-child {
		margin-bottom: 0
	}
}

.cases .wrapper {
	max-width: 1120px;
	margin: auto;
	padding-top: 185px;
	position: relative
}

.cases .cases__back {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: auto;
	-webkit-transform: translate(20%, -42%);
	-ms-transform: translate(20%, -42%);
	transform: translate(20%, -42%)
}

.cases h1 span {
	font-weight: 300;
	display: block
}

.cases h1 b,
.services h1 b {
	font-weight: 800;
	display: block
}

.cases .cases__filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 150px
}

.cases .cases__filter h5 {
	margin-right: 32px;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	color: #0f1928;
	margin-top: 4px
}

.cases .cases__filter ul,
.cases__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.cases .cases__filter ul {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cases .cases__filter li {
	margin-right: 16px;
	margin-bottom: 16px
}

.cases .cases__filter li button,
.cases__list .cases__list_item .item--details .item-tags {
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center
}

.cases .cases__filter li button {
	height: 32px;
	padding: 0 24px;
	border-radius: 16px;
	background-color: rgba(15, 25, 40, .05);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 700;
	color: #0f1928;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease
}

.cases .cases__filter li button.active {
	background-color: #f8583e;
	color: #fff
}

.cases .cases__filter li button:hover {
	-webkit-box-shadow: 0 4px 16px 0 rgba(185, 185, 185, .7);
	box-shadow: 0 4px 16px 0 rgba(185, 185, 185, .7);
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px)
}

.cases .cases__filter li button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #cf3319;
	-webkit-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	transition-duration: 200ms
}

.cases__list {
	margin-top: 64px;
	margin-right: -24px;
	overflow: visible!important
}

.cases__list figure {
	width: calc(50%);
	float: left;
	padding: 0 24px 40px 0
}

.cases__list figure.neomed .cases__list_item .item--details::before,
.cases__list figure.neomed .cases__list_item .item--photo::before,
.cases__list figure.telemedecine .cases__list_item .item--details::before,
.cases__list figure.telemedecine .cases__list_item .item--photo::before {
	background-color: #48b750
}

.cases__list figure.stripes .cases__list_item .item--details::before,
.cases__list figure.stripes .cases__list_item .item--photo::before {
	background-color: #2462ef
}

.cases__list figure.augmania .cases__list_item .item--details::before,
.cases__list figure.augmania .cases__list_item .item--photo::before {
	background-color: #ff3464
}

.cases__list figure.talentscan .cases__list_item .item--details::before,
.cases__list figure.talentscan .cases__list_item .item--photo::before {
	background-color: #fcbd2e
}

.cases__list figure.design-system .cases__list_item .item--details::before,
.cases__list figure.design-system .cases__list_item .item--photo::before {
	background-color: #c0c9d0
}

.cases__list .cases__list_item .item--photo {
	position: relative
}

.cases__list .cases__list_item .item--details::before,
.cases__list .cases__list_item .item--photo::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: -webkit-transform 400ms ease;
	-o-transition: transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease
}

.cases__list .cases__list_item .item--photo::before {
	background-image: url(../img/case_glas.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto
}

.cases__list .cases__list_item .item--photo a {
	display: block;
	padding-top: 81%;
	position: relative
}

.cases__list .cases__list_item .item--photo a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	padding: 80px
}

.cases__list .cases__list_item .item--details {
	padding: 16px 0;
	position: relative
}

.cases__list .cases__list_item .item--details::before {
	-webkit-transform: scaleX(1) scaleY(0);
	-ms-transform: scaleX(1) scaleY(0);
	transform: scaleX(1) scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.cases__list .cases__list_item .item--details h4 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.25;
	color: #0f1928;
	position: relative;
	-webkit-transition: color 400ms ease;
	-o-transition: color 400ms ease;
	transition: color 400ms ease
}

.cases__list .cases__list_item .item--details .item-tags {
	margin-top: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 500;
	color: #2d3750
}

.cases .cases__filter li button,
.cases__list .cases__list_item .item--details .item-tags span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.augmania .case__roadmap .wrapper .case__roadmap_list li:last-child::after,
.augmania .case__roadmap .wrapper .case__roadmap_list li:last-child::before,
.cases__list .cases__list_item .item--details .item-tags span:last-child::after {
	display: none
}

.cases__list .cases__list_item .item--details .item-tags span::after {
	content: "";
	width: 16px;
	height: 1px;
	background-color: #2d3750;
	margin: 0 14px
}

.cases__list .cases__list_item .item--details .arrow {
	display: block;
	width: 40px;
	height: 1px;
	position: absolute;
	bottom: 23px;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 250ms ease;
	-o-transition: opacity 250ms ease;
	transition: opacity 250ms ease
}

.btn.btn-arrow i::before,
.cases__list .cases__list_item .item--details .arrow::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.btn.btn-arrow i::after,
.cases__list .cases__list_item .item--details .arrow::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-left: 6px solid #fff;
	border-bottom: 3px solid transparent;
	position: absolute;
	top: -2px;
	right: -2px
}

.cases__list .cases__list_item:hover .item--details::before {
	-webkit-transform: scaleX(1.07) scaleY(1);
	-ms-transform: scaleX(1.07) scaleY(1);
	transform: scaleX(1.07) scaleY(1)
}

.cases__list .cases__list_item:hover .item--photo::before {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}

.cases__list .cases__list_item:hover .item--details .arrow {
	opacity: 1
}

.btn.btn-arrow:hover i::before,
.cases__list .cases__list_item:hover .item--details .arrow::before {
	-webkit-animation: buttonArrow 2s ease infinite;
	animation: buttonArrow 2s ease infinite
}

.case__hero {
	padding: 0 24px
}

.case__hero .wrapper {
	padding: 144px 0 88px;
	background: url(../img/ehr_hero_circles.svg) no-repeat right 0 center;
	position: relative
}

.case__hero .case__hero_details {
	width: 65%
}

.case__hero .case__hero_details ul {
	opacity: .7
}

.case__hero .case__hero_details ul li {
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #0e1928
}

.case__hero .case__hero_bg {
	height: 90%;
	position: absolute;
	bottom: -65px;
	left: calc(65% + 44px)
}

.case__delivery {
	margin-top: 160px
}

.case__delivery .wrapper {
	position: relative
}

.case__delivery h2 {
	opacity: .07;
	position: absolute;
	top: -6px;
	left: 0
}

.case__delivery .case__delivery_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 16px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.5;
	letter-spacing: normal;
	color: #2d3750;
	width: 655px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 230px
}

.case__delivery .case__delivery_list li {
	width: calc(50% - 22px)
}

.case__delivery .case__delivery_team {
	margin-top: 136px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.case__delivery .case__delivery_team .team--title {
	width: 190px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 45px
}

.case__delivery .case__delivery_team .team--title h3,
.case__delivery .case__delivery_team .team--title p,
.case__roadmap h2 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #34af3d
}

.case__delivery .case__delivery_team .team--title h3 span {
	color: #19233c
}

.case__delivery .case__delivery_team .team--title p {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	color: #2d3750
}

.case__delivery .case__delivery_team .team--title p span,
.services .services__list-inner .services__list-inner_wrapper .service img.icon {
	display: block
}

.article .blogs__list .wrapper>ul,
.case__delivery .case__delivery_team .team--photos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.case__delivery .case__delivery_team .team--photos {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: -44px
}

.case__delivery .case__delivery_team .team--photos li {
	width: calc(25% - 44px);
	margin-right: 44px;
	margin-bottom: 40px
}

.case__delivery .case__delivery_team .team--photos li:hover span {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

.case__delivery .case__delivery_team .team--photos li span {
	display: block;
	padding-top: 100%;
	position: relative;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease
}

.case__delivery .case__delivery_team .team--photos li span img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.case__roadmap {
	margin-top: 60px;
	padding: 72px 0
}

.case__roadmap .case__roadmap_schema,
.case__roadmap .wrapper {
	position: relative
}

.case__roadmap h2 {
	color: #19233c;
	margin-bottom: 20px;
	position: relative
}

.case__roadmap .case__roadmap_schema .schema--arrows {
	width: calc((((100% - 120px)/4)*2) + 80px);
	height: 40px;
	position: absolute;
	top: -60px;
	right: calc(((100% - 120px)/4)/2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.case__roadmap .case__roadmap_schema .schema--arrows .l {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-top: 1px solid #19233c;
	border-left: 1px solid #19233c;
	height: 100%;
	position: relative
}

.case__roadmap .case__roadmap_schema .schema--arrows .l::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 2px solid transparent;
	border-right: 3px solid transparent;
	border-top: 6px solid #19233c;
	position: absolute;
	bottom: -1px;
	left: -3px
}


.case__roadmap .case__roadmap_schema .schema--arrows .t {
	font-size: 20px;
	margin: -13px 38px 0
}

.case__roadmap .case__roadmap_schema .schema--arrows .r {
	height: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-top: 1px solid #19233c;
	border-right: 1px solid #19233c;
	position: relative
}

.case__roadmap .case__roadmap_list {
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.case__roadmap .case__roadmap_list li {
	width: calc((100% - 120px)/4)
}

.case__roadmap .case__roadmap_list li .tile {
	width: 100%;
	height: 80px;
	margin-bottom: 32px;
	background-color: #34af3d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

.case__roadmap .case__roadmap_list li .tile.center span {
	text-align: center
}

.case__roadmap .case__roadmap_list li .tile span {
	width: 60%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}



@media screen and (max-width:960px) {
	.cases h1 {
		font-size: 70px;
		padding-left: 24px;
		padding-right: 24px
	}
	.cases .wrapper {
		padding-top: 125px;
		padding-left: 0;
		padding-right: 0
	}
	.cases .cases__list {
		margin-left: 24px;
		margin-right: 24px
	}
	.cases .cases__back {
		-webkit-transform: translate(10%, -12%);
		-ms-transform: translate(10%, -12%);
		transform: translate(10%, -12%)
	}
	.cases .cases__filter {
		margin-top: 120px;
		padding-left: 24px;
		padding-right: 24px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.cases .cases__filter h5 {
		white-space: nowrap;
		margin-bottom: 24px
	}
	.cases__list {
		margin-right: 0
	}
	.cases__list figure {
		width: 100%;
		padding-right: 0
	}
	.cases__list .cases__list_item .item--details h4 {
		font-size: 24px!important
	}
	.case__hero .case__hero_details h1 {
		font-size: 70px!important
	}
	.case__hero .case__hero_details {
		width: 100%!important
	}
	.case__hero {
		margin-bottom: 63vw!important;
		padding: 0!important
	}
	.case__hero .wrapper {
		padding: 144px 24px 47%!important;
		background-position: right -340px center!important
	}
	.case__hero .case__hero_bg {
		height: auto!important;
		width: 110vw!important;
		bottom: auto!important;
		top: 100%!important;
		left: 50%!important;
		-webkit-transform: translate(-50%, -50%)!important;
		-ms-transform: translate(-50%, -50%)!important;
		transform: translate(-50%, -50%)!important
	}
	.case__hero .case__hero_bg img {
		width: 100%!important;
		height: auto!important
	}
	.case__roadmap .case__roadmap_list li .tile {
		font-size: 15px
	}
	.case__roadmap .case__roadmap_list li p {
		font-size: 15px;
		margin-bottom: 20px
	}
	.case__roadmap .case__roadmap_list li .tile span {
		width: 75%
	}
	.case__delivery {
		padding: 0 24px
	}
	.case__delivery .case__delivery_list {
		width: auto
	}
	.case__roadmap {
		padding-left: 24px;
		padding-right: 24px
	}
}

@media screen and (max-width:720px) {
	.case__roadmap .case__roadmap_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.case__roadmap .case__roadmap_schema {
		width: 60vw;
		margin: initial;
		width: calc(100vw - 40px - 32px - 56px)
	}
	.case__roadmap .case__roadmap_list li .tile {
		font-size: 15px
	}
	.case__roadmap .case__roadmap_list li p {
		font-size: 15px;
		margin-bottom: 16px
	}
	.case__roadmap .case__roadmap_list li .tile span {
		width: auto
	}
	.case__roadmap .case__roadmap_list li {
		width: 100%;
		padding-bottom: 50px;
		position: relative;
		margin-bottom: 20px
	}
	.case__roadmap .case__roadmap_list li:last-child {
		margin-bottom: 0
	}
	.case__roadmap .case__roadmap_list li:last-child::after,
	.case__roadmap .case__roadmap_list li:last-child::before {
		display: none
	}
	.case__roadmap .case__roadmap_list li::before {
		content: "";
		display: block;
		width: 1px;
		height: 49px;
		background-color: #19233c;
		position: absolute;
		left: 50%;
		bottom: 0
	}
	.case__roadmap .case__roadmap_list li::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-left: 2px solid transparent;
		border-right: 3px solid transparent;
		border-top: 6px solid #19233c;
		position: absolute;
		bottom: 0;
		left: calc(50% - 2px)
	}
	.case__roadmap .case__roadmap_schema .schema--arrows {
		width: 40px;
		height: 648px;
		position: absolute;
		top: 396px;
		left: calc(100vw - 40px - 72px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.case__roadmap .case__roadmap_schema .schema--arrows .l {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		border-top: 1px solid #19233c;
		border-left: none;
		border-right: 1px solid #19233c;
		height: 100%;
		position: relative
	}
	.case__roadmap .case__roadmap_schema .schema--arrows .l::before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: 2px solid transparent;
		border-right: 6px solid #19233c;
		border-bottom: 3px solid transparent;
		position: absolute;
		bottom: auto;
		top: -3px;
		left: -3px
	}
	.case__roadmap .case__roadmap_schema .schema--arrows .r {
		border-top: none;
		border-bottom: 1px solid #19233c
	}
	.case__roadmap .case__roadmap_schema .schema--arrows .t {
		margin: 0 0 0 -16px;
		text-align: center;
		width: 115px;
		padding: 10px 0
	}
}

@media screen and (max-width:576px) {
	.cases h1 {
		font-size: 48px;
		padding-left: 16px;
		padding-right: 16px
	}
	.cases .wrapper {
		padding-top: 120px;
		padding-left: 0;
		padding-right: 0
	}
	.cases .cases__list {
		margin-left: 16px;
		margin-right: 16px
	}
	.cases .cases__back {
		-webkit-transform: translate(10%, -12%);
		-ms-transform: translate(10%, -12%);
		transform: translate(10%, -12%)
	}
	.cases .cases__filter {
		margin-top: 120px;
		padding-left: 16px;
		padding-right: 16px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.cases .cases__filter h5 {
		white-space: nowrap;
		margin-bottom: 16px
	}
	.case__hero .wrapper {
		padding: 144px 16px 47%!important;
		background-position: right -340px center!important
	}
	.case__hero .case__hero_details h1 {
		font-size: 38px!important;
		line-height: 1.47!important
	}
	.case__delivery h2 {
		position: static
	}
	.case__delivery .case__delivery_list {
		margin: -29px 0 0 10px;
		width: auto
	}
	.case__delivery .case__delivery_list li {
		width: auto
	}
	.case__delivery .case__delivery_list,
	.case__delivery .case__delivery_team {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.case__delivery .case__delivery_team .team--title {
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.case__delivery .case__delivery_team .team--title p {
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-left: 24px;
		margin-top: 11px
	}
	.case__delivery .case__delivery_team .team--photos {
		margin-top: 40px;
		margin-right: -16px
	}
	.case__delivery .case__delivery_team .team--photos li {
		width: calc(50% - 16px)!important;
		margin-right: 16px
	}
}

.article .wrapper {
	max-width: 1120px;
	margin: auto
}

.article h1 {
	margin: 0;
	font-size: 56px;
	font-weight: 800;
	line-height: 1.29
}

.article .article__title {
	padding: 170px 0 50px
}

.article .article__title .wrapper {
	max-width: 780px;
	margin: auto;
	position: relative
}

.article .article__title .article__title_details {
	margin-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.article .article__title .article__title_details .author {
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #19233c;
	opacity: .7
}

.article .article__details .article__details_share,
.article .article__title .article__title_details .share,
.article .article__title .article__title_details .share a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.article .article__title .article__title_details .share a {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin-left: 24px
}

.article .article__title .article__title_details .share a img {
	height: 24px
}

.article .article__image {
	height: 43vw
}

.article .article__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.article .article__details {
	max-width: 780px;
	margin: 56px auto 0;
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c;
	position: relative
}

.article .article__details .article__details_share {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	left: calc(100% + 46px);
	top: 32px
}

.article .article__details .article__details_share a {
	width: 24px;
	height: 24px;
	margin-bottom: 24px
}

.article .article__bottom_share a img,
.article .article__details .article__details_share a img {
	height: 100%
}

.article .article__details p,
.services .service__triangles .service__triangles_text p {
	min-height: 1em
}

.article .article__details h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: 1.33;
	margin-bottom: 16px
}

.article .article__details h3,
.processes .processe__details .processe__details_description h3 {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 16px
}

.article .article__details h4,
.processes .processe__details .processe__details_description h4 {
	font-size: 32px;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 16px
}

.article .article__details ul {
	margin: 0;
	padding: 0
}

.article .article__details ul li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 12px
}

.article .article__details ul li::before,
.processes .processe__details .processe__details_description ul li::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #e8452a;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	left: 0
}

.article .article__details ol,
.processes .processe__details .processe__details_description ol {
	list-style: decimal;
	margin-left: 20px
}

.article .article__details ol li {
	margin-bottom: 12px
}

.article .article__details blockquote,
.processes .processe__details .processe__details_description blockquote {
	border-left: 4px solid #e8452a;
	padding-left: 24px;
	font-style: italic;
	color: #7d8795
}

.article .article__details img,
.processes .processe__details .processe__details_description img {
	width: 100%
}

.article .article__bottom_share,
.article .article__bottom_share a,
.article .article__details .article__details_share a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.article .article__bottom_share {
	margin-top: 56px
}

.article .article__bottom_share a {
	width: 24px;
	height: 24px;
	margin: 0 12px
}

.article .blogs__list {
	margin-top: 104px;
	display: none
}

.article .blogs__list h2 {
	margin-bottom: 56px;
	line-height: 1.2
}

.article .blogs__list h2 span {
	color: #e8452a;
	display: block
}

.article .blogs__list .wrapper>ul {
	margin-right: -56px
}

.article .blogs__list .wrapper>ul li {
	color: #19233c;
	width: calc(33.3333% - 56px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 56px;
	margin-bottom: 56px
}

.article .blogs__list .wrapper>ul li .blog--photo {
	margin-bottom: 24px
}

.article .blogs__list .wrapper>ul li .blog--description {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal
}

.article .blogs__list .wrapper>ul li .more,
.services .services__list .wrapper .service p {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal
}

@media screen and (max-width:1200px) {
	.article .wrapper {
		padding: 0 24px
	}
}

@media screen and (max-width:960px) {
	.article .article__details {
		padding: 0 24px
	}
	.article .article__details .article__details_share {
		display: none
	}
	.article .blogs__list .wrapper>ul li {
		width: calc(50% - 56px)
	}
    .homepage .homepage__hero .homepage__hero_wrapper {
        margin-top: 420px;
    }
    .homepage__projects .project .project__details h3 {
        margin-top: 60px;
    }
}

@media screen and (max-width:576px) {
	.article h1 {
		font-size: 38px
	}
	.article .article__hero {
		padding-top: 120px
	}
	.article .article__title .article__title_details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.article .article__title .article__title_details .share {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 24px
	}
	.article .article__title .article__title_details .share a {
		margin: 0 12px
	}
	.article .article__details {
		font-size: 16px;
		margin-top: 32px
	}
	.article .article__details h2 {
		font-size: 40px
	}
	.article .article__details h3 {
		font-size: 30px
	}
	.article .article__details h4 {
		font-size: 20px
	}
	.article .blogs__list .wrapper>ul {
		margin-right: 0
	}
	.article .blogs__list .wrapper>ul li {
		width: calc(100%)
	}
	.homepage__projects .project .project__details h3 {
        margin-top: 60px;
    }
}

.services .services__book {
	margin-top: 64px!important
}

.services .wrapper {
	max-width: 1120px;
	margin: auto;
	position: relative
}

.services h1 {
	margin: 0;
	color: #fff;
	font-weight: 300
}

.services .services__hero {
	position: relative;
	background-size: cover;
	padding: 185px 0 100px
}

.services .services__list {
	margin-top: 56px
}

.services .services__list .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.services .services__list .wrapper .services__list_side {
	width: calc(50% - 24px);
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.services .services__list .wrapper .service,
.services .services__list-inner .services__list-inner_wrapper .service {
	border: solid 1px rgba(15, 25, 40, .2);
	background-color: #fff;
	padding: 48px 56px 56px;
	margin-bottom: 48px;
	-webkit-transition: border-color 300ms ease, -webkit-box-shadow 300ms ease;
	-o-transition: box-shadow 300ms ease, border-color 300ms ease;
	transition: box-shadow 300ms ease, border-color 300ms ease;
	transition: box-shadow 300ms ease, border-color 300ms ease, -webkit-box-shadow 300ms ease;
	position: relative
}

.services .services__list .wrapper .service:hover,
.services .services__list-inner .services__list-inner_wrapper .service:hover {
	-webkit-box-shadow: 0 24px 84px 0 rgba(17, 47, 131, .1), 0 10px 24px -10px rgba(17, 47, 131, .07);
	box-shadow: 0 24px 84px 0 rgba(17, 47, 131, .1), 0 10px 24px -10px rgba(17, 47, 131, .07);
	border-color: transparent
}

.services .services__list .wrapper .service>a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.services .services__list .wrapper .service img {
	width: 80px
}

.services .services__list .wrapper .service h3,
.services .services__list-inner .services__list-inner_wrapper .service h3 {
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	-webkit-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease
}

.services .services__list .wrapper .service h3 {
	margin-top: 24px;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	color: #0f1928
}

.services .services__list .wrapper .service p {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.71;
	color: #19233c
}

.services .services__list-inner {
	margin-top: 100px
}

.services .service__details .service__details_section .service--description h2 span,
.services .service__experts h2 span,
.services .service__results h2 span,
.services .services__list-inner .services__list-inner_wrapper .service:hover h3,
.services .services__list-inner h2 span,
.services .services__list_title h2 span,
.services__book .services__book_bg .wrapper h2 span {
	color: #e8452a
}

.services .services__list-inner .services__list-inner_wrapper {
	margin-top: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -35px
}

.services .services__list-inner .services__list-inner_wrapper .service {
	width: calc(33.333% - 35px);
	/* height: 200px; */
	margin-right: 35px;
	margin-bottom: 40px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 16px 24px 24px 32px;
	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: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between */
}

.services .services__list-inner .services__list-inner_wrapper .service a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1
}

.services .services__list-inner .services__list-inner_wrapper .service img {
	/* width: 80px; */
	-ms-flex-item-align: end;
	align-self: flex-end
}

.services .services__list-inner .services__list-inner_wrapper .service img.disabled,
.services.design-web-app .services__list-inner .wrapper .service[data-name=design-web-app] img.icon {
	display: none
}

.services .services__list-inner .services__list-inner_wrapper .service h3 {
	font-size: 24px;
	height: 64px;
	overflow: hidden;
	font-weight: 700;
	line-height: 1.33;
	margin-bottom: 10px;
	color: #19233c
}

.services.design-research-ux .services__list-inner .wrapper .service[data-name=design-research-ux],
.services.design-web-app .services__list-inner .wrapper .service[data-name=design-web-app],
.services.redesign-web-app .services__list-inner .wrapper .service[data-name=redesign-web-app] {
	pointer-events: none
}

.services.design-web-app .services__list-inner .wrapper .service[data-name=design-web-app] img.disabled {
	display: block
}

.services.design-research-ux .services__list-inner .wrapper .service[data-name=design-research-ux] h3,
.services.design-web-app .services__list-inner .wrapper .service[data-name=design-web-app] h3,
.services.redesign-web-app .services__list-inner .wrapper .service[data-name=redesign-web-app] h3 {
	color: #bbc4d0
}

.services.redesign-web-app .services__list-inner .wrapper .service[data-name=redesign-web-app] img.icon {
	display: none
}

.services.redesign-web-app .services__list-inner .wrapper .service[data-name=redesign-web-app] img.disabled {
	display: block
}

.services.design-research-ux .services__list-inner .wrapper .service[data-name=design-research-ux] img.icon {
	display: none
}

.processes .processes__hero b,
.services.design-research-ux .services__list-inner .wrapper .service[data-name=design-research-ux] img.disabled {
	display: block
}

.services .service__triangles {
	margin-top: 88px;
	margin-bottom: 240px
}

.services .service__triangles .wrapper {
	max-width: 780px;
	position: relative
}

.services .service__triangles .service__triangles_text,
.services .services__list_title h2,
.services__book .services__book_bg .wrapper p {
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c
}

.services .service__triangles .service--triangle-1 {
	position: absolute;
	top: -150px;
	right: 83%
}

.services .service__triangles .service--triangle-2 {
	position: absolute;
	top: -130px;
	left: 90%
}

.services .service__triangles .service--triangle-3 {
	position: absolute;
	top: 70px;
	left: 97%
}

.services .service__details .service__details_section,
.services .services__hero_chevrons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.services .services__hero_chevrons {
	width: 150px;
	height: 150px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	margin: -75px auto 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: solid 3px #e8452a;
	z-index: 5
}

.services .services__hero_chevrons img {
	width: 100px;
	height: 100px
}

.services .services__list_title {
	margin-top: 200px
}

.services .services__list_title h2 {
	font-size: 80px;
	font-weight: 800;
	line-height: 1.2
}

.services .service__details {
	margin-top: 112px
}

.services .service__details .service__details_section {
	min-height: 550px
}

.services .service__details .service__details_section.improve,
.services .service__details .service__details_section.mt-100 {
	margin-top: 100px
}

.services .service__details .service__details_section.improve .service--icon {
	height: 85%;
	top: 5%
}

.services .service__details .service__details_section:nth-child(odd) .service--description {
	width: 48%
}

.services .service__details .service__details_section:nth-child(odd) .service--icon {
	left: 50%
}

.services .service__details .service__details_section:nth-child(even) .service--description {
	width: 48%;
	margin-left: auto
}

.services .service__details .service__details_section:nth-child(even) .service--icon {
	right: 50%
}

.services .service__details .service__details_section .service--description h2 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #19233c;
	margin-bottom: 16px
}

.services .service__details .service__details_section .service--description p,
.services .service__how-it-works .service__how-it-works_text_list li p {
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c;
	min-height: 1em
}

.services .service__details .service__details_section .service--description a {
	color: #e8452a;
	text-decoration: underline
}

.services .service__details .service__details_section .service--description a:hover {
	text-decoration: none
}

.services .service__details .service__details_section .service--icon {
	position: absolute;
	height: 130%;
	top: -15%
}

.services .service__how-it-works {
	margin-top: 200px
}

.services .service__how-it-works .wrapper {
	max-width: 780px
}

.services .service__how-it-works h2 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: center;
	color: #e8452a
}

.services .service__how-it-works .service__how-it-works_text {
	margin-top: 40px;
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c
}

.services .service__how-it-works .service__how-it-works_text_list {
	margin-top: 52px
}

.services .service__how-it-works .service__how-it-works_text_list li {
	padding-bottom: 44px;
	position: relative;
	padding-left: 64px
}

.services .service__how-it-works .service__how-it-works_text_list li:last-child {
	padding-bottom: 0
}

.services .service__how-it-works .service__how-it-works_text_list li::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	background: url(../img/services/service-list-buble.svg) no-repeat center;
	position: absolute;
	left: 0;
	top: -5px
}

.services .service__how-it-works .service__how-it-works_text_list li .service-list-dashed-1 {
	position: absolute;
	left: -25px;
	top: 46px;
	height: calc(100% - 48px);
	display: block
}

.services .service__how-it-works .service__how-it-works_text_list li .service-list-dashed-2 {
	position: absolute;
	left: 30px;
	top: 48px;
	height: calc(100% - 58px);
	display: block
}

.services .service__how-it-works .service__how-it-works_text_list li .service-list-dashed-3 {
	position: absolute;
	left: -2px;
	top: 46px;
	height: calc(100% - 55px);
	display: block
}

.services .service__how-it-works .service__how-it-works_text_list li h3 {
	font-size: 32px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #0f1928;
	margin-bottom: 16px
}

.services .service__experts {
	margin-top: 200px;
	position: relative
}

.services .service__experts .service__experts_circles-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: translate(-50%, 40%);
	-ms-transform: translate(-50%, 40%);
	transform: translate(-50%, 40%)
}

.services .service__experts .service__experts_circles-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: translate(50%, 35%);
	-ms-transform: translate(50%, 35%);
	transform: translate(50%, 35%)
}

.services .service__experts .service__experts_list li,
.services .service__experts h2 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #0f1928
}

.services .service__experts .service__experts_list {
	margin-top: 72px;
	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
}

.services .service__experts .service__experts_list li {
	width: calc((100% - 92px - 92px)/3);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.67;
	text-align: center;
	color: #19233c
}

.services .service__experts .service__experts_list li:last-child {
	margin: 60px auto 0
}

.services .service__experts .service__experts_list li img {
	max-height: 140px
}

.services .service__experts .service__experts_list li p {
	margin-top: 10px
}

.services .service__results {
	margin-top: 150px;
	margin-bottom: 200px
}

.services .service__results .service__results_list,
.services .service__results h2,
.services__book .services__book_bg .wrapper h2 {
	font-size: 48px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal
}

.services .service__results h2 {
	width: 50%;
	font-weight: 800;
	color: #0f1928
}

.services .service__results .service__results_list {
	margin-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.67;
	color: #19233c
}

.services .service__results .service__results_list li {
	width: 50%;
	padding-right: 24px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: 24px;
	position: relative;
	padding-left: 48px
}

.services .service__results .service__results_list li::before {
	content: "";
	display: block;
	width: 32px;
	height: 30px;
	background: url(../img/services/sketch.svg) no-repeat center/cover;
	position: absolute;
	left: 0;
	top: 1px
}

.services__book {
	background: url(../img/services/bg-servaice-book.jpg) no-repeat center/cover
}

.services__book.pt {
	margin-top: 160px!important
}

.services__book .services__book_bg {
	background: url(../img/services/bg-servaice-book-path.png) no-repeat center/cover
}

.services__book .services__book_bg .wrapper {
	padding: 72px 0
}

.services__book .services__book_bg .wrapper h2 {
	font-weight: 700;
	color: #19233c;
	margin-bottom: 16px
}

.services__book .services__book_bg .wrapper .btn {
	margin-top: 48px
}

@media screen and (max-width:1200px) {
	.services .wrapper {
		padding: 0 24px
	}
	.services__book .services__book_bg .wrapper {
		padding-left: 24px;
		padding-right: 24px
	}
}

@media screen and (max-width:960px) {
	.services .services__list .wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.services .services__list .wrapper .services__list_side {
		width: 100%
	}
	.services .services__list .wrapper .services__list_side .service {
		padding: 32px 24px 24px;
		margin-bottom: 24px
	}
	.services .services__list .wrapper .services__list_side .service h3 {
		font-size: 24px;
		font-weight: 700
	}
	.services .service__triangles {
		margin-bottom: 60px
	}
	.services .service__experts,
	.services .service__how-it-works {
		margin-top: 100px
	}
	.services .service__how-it-works .service__how-it-works_text_list {
		margin-left: 48px
	}
	.services .service__experts .service__experts_list li {
		width: calc(50% - 24px);
		margin: 0 0 48px!important
	}
	.services .service__details {
		margin-top: 0
	}
	.services .service__details .service__details_section {
		display: block;
		margin-top: 0!important
	}
	.services .service__details .service__details_section:nth-child(odd) .service--icon {
		position: static;
		height: 75vw;
		max-height: 500px;
		display: block;
		margin-left: auto;
		-webkit-transform: translateX(20%);
		-ms-transform: translateX(20%);
		transform: translateX(20%)
	}
	.services .service__details .service__details_section:nth-child(even) .service--icon {
		position: static;
		height: 75vw;
		max-height: 500px;
		display: block;
		-webkit-transform: translateX(-20%);
		-ms-transform: translateX(-20%);
		transform: translateX(-20%)
	}
	.services .service__details .service__details_section .service--description {
		width: auto!important
	}
	.services .service__details .service__details_section .service--icon {
		position: static;
		height: 75vw
	}
	.services .service__results {
		margin-bottom: 32px
	}
	.services .service__results h2 {
		width: auto
	}
	.services .services__list-inner .services__list-inner_wrapper {
		margin-right: 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.services .services__list-inner .services__list-inner_wrapper .service {
		width: calc(50% - 18px);
		margin-right: 0
	}
}

@media screen and (max-width:576px) {
	.services h1 {
		font-size: 38px
	}
	.services .blogs__hero {
		padding-top: 120px
	}
	.services .homepage__hero .homepage__hero_wrapper .hero__text,
	.services .service__details .service__details_section .service--description p,
	.services .service__how-it-works .service__how-it-works_text_list li p,
	.services .service__triangles .service__triangles_text {
		font-size: 14px
	}
	.services .service__details .service__details_section .service--description h2,
	.services .service__how-it-works .service__how-it-works_text_list li h3 {
		font-size: 24px
	}
	.services .service__experts h2,
	.services .service__how-it-works h2,
	.services .service__results h2,
	.services .services__list_title h2 {
		font-size: 32px
	}
	.services .service__how-it-works .service__how-it-works_text {
		margin-top: 24px;
		font-size: 14px
	}
	.services .service__how-it-works .service__how-it-works_text_list {
		margin: 24px 0 0
	}
	.services .service__how-it-works .service__how-it-works_text_list li {
		padding-left: 42px
	}
	.services .service__how-it-works .service__how-it-works_text_list li .service-list-dashed-1,
	.services .service__how-it-works .service__how-it-works_text_list li .service-list-dashed-2,
	.services .service__how-it-works .service__how-it-works_text_list li .service-list-dashed-3 {
		display: none
	}
	.services .service__how-it-works .service__how-it-works_text_list li::before {
		width: 32px;
		height: 32px;
		background-size: cover;
		top: -1px
	}
	.services .service__experts .service__experts_circles-1 {
		bottom: auto;
		top: 0;
		-webkit-transform: translate(-50%, 10%);
		-ms-transform: translate(-50%, 10%);
		transform: translate(-50%, 10%);
		width: 150vw
	}
	.services .service__experts .service__experts_circles-2 {
		-webkit-transform: translate(50%, 60%);
		-ms-transform: translate(50%, 60%);
		transform: translate(50%, 60%);
		width: 150vw
	}
	.services .service__experts .service__experts_list {
		margin-top: 32px
	}
	.services .service__experts .service__experts_list li,
	.services .service__results .service__results_list li,
	.services .services__list-inner .services__list-inner_wrapper .service {
		width: 100%
	}
	.services .service__experts .service__experts_list li p {
		font-size: 14px;
		margin-top: 0
	}
	.services .services__list {
		margin-top: 24px
	}
	.services .services__list-inner .wrapper {
		padding-left: 16px;
		padding-right: 16px
	}
}

.processes .wrapper {
	max-width: 1120px;
	margin: auto;
	position: relative
}

.processes h1 {
	margin: 0;
	font-weight: 300
}

.blogs h1 b,
.processes h1 b {
	font-weight: 800
}

.processes .processes__hero {
	background: url(../img/bg-processes-hero.jpg) no-repeat center/cover;
	padding: 185px 0 70px
}

.processes .processes__list {
	margin-top: 80px
}

.processes .processes__list h2 {
	font-size: 64px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #e8452a;
	margin-bottom: 48px
}

.processes .processes__list .processes__list_wrapper {
	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;
	margin-bottom: -48px
}

.processes .processes__list .processes__list_wrapper .process {
	width: calc(50% - 24px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: solid 1px rgba(15, 25, 40, .2);
	background-color: #fff;
	padding: 48px 56px 56px;
	margin-bottom: 48px;
	-webkit-transition: border-color 300ms ease, -webkit-box-shadow 300ms ease;
	-o-transition: box-shadow 300ms ease, border-color 300ms ease;
	transition: box-shadow 300ms ease, border-color 300ms ease;
	transition: box-shadow 300ms ease, border-color 300ms ease, -webkit-box-shadow 300ms ease;
	position: relative
}

.processes .processes__list .processes__list_wrapper .process:hover {
	-webkit-box-shadow: 0 24px 84px 0 rgba(17, 47, 131, .1), 0 10px 24px -10px rgba(17, 47, 131, .07);
	box-shadow: 0 24px 84px 0 rgba(17, 47, 131, .1), 0 10px 24px -10px rgba(17, 47, 131, .07);
	border-color: transparent
}

.blogs .blogs__list .wrapper>ul li:hover h4,
.processes .processe__details .processe__details_description .orange,
.processes .processe__details .processe__details_description a,
.processes .processes__list .processes__list_wrapper .process:hover h3 {
	color: #e8452a
}

.processes .processes__list .processes__list_wrapper .process a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.processes .processes__list .processes__list_wrapper .process img {
	height: 80px
}

.processes .processes__list .processes__list_wrapper .process h3 {
	margin-top: 24px;
	font-size: 32px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #0f1928;
	-webkit-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease
}

.processes .processes__list .processes__list_wrapper .process p {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: #19233c
}

.processes .processe__hero {
	background-color: rgba(240, 243, 248, .5)
}

.processes .processe__hero .wrapper {
	text-align: center;
	background: url(../img/bg-process-hero.svg) no-repeat center top -100px/100% auto;
	padding: 195px 0 155px
}

.processes .processe__hero h1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	font-weight: 800
}

.processes .processe__hero h1.informational-architecture {
	max-width: 650px
}

.processes .processe__hero h1 img {
	position: absolute;
	top: calc(50% - 60px);
	right: calc(100% + 26px);
	width: 120px;
	height: 120px
}

.processes .processe__details {
	margin-top: 80px
}

.processes .processe__details .wrapper {
	max-width: 780px
}

.processes .processe__details .processe__details_description {
	font-size: 18px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c
}

.processes .processe__details .processe__details_description p {
	min-height: 1em
}

.processes .processe__details .processe__details_description h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: 1.33;
	margin-bottom: 16px
}

.processes .processe__details .processe__details_description ul {
	margin: 0;
	padding: 0
}

.processes .processe__details .processe__details_description ul li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 1.2em
}

.processes .processe__details .processe__details_description ol li {
	margin-bottom: 12px
}

.processes .processe__examples {
	margin-top: 120px
}

.processes .processe__examples h2 {
	opacity: .07
}

.processes .processe__examples .cases__list {
	margin-top: 16px
}

@media screen and (max-width:1200px) {
	.processes .wrapper {
		padding: 0 24px
	}
}

@media screen and (max-width:960px) {
	.processes .processes__list h2 {
		font-size: 48px;
		margin-bottom: 24px
	}
	.processes .processes__list .processes__list_wrapper .process {
		width: 100%;
		padding: 32px 24px 24px;
		margin-bottom: 24px
	}
	.processes .processes__list .processes__list_wrapper .process h3 {
		font-size: 24px;
		font-weight: 700
	}
	.processes .processe__hero h1 img {
		top: initial;
		left: calc(50% - 60px);
		bottom: calc(100% + 16px)
	}
}

@media screen and (max-width:576px) {
	.processes h1 {
		font-size: 38px
	}
	.processes .blogs__hero {
		padding-top: 120px
	}
	.processes .processe__hero .wrapper {
		padding-top: 212px;
		padding-bottom: 130px;
		background-position: center
	}
	.processes .processe__hero h1 {
		font-size: 48px
	}
	.processes .processe__hero h1 img {
		top: initial;
		left: calc(50% - 40px);
		bottom: calc(100% + 16px);
		width: 80px;
		height: 80px
	}
	.processes .processe__details .processe__details_description {
		font-size: 14px;
		line-height: 1.71
	}
	.processes .processe__details .processe__details_description h2 {
		font-size: 40px
	}
	.processes .processe__details .processe__details_description h3 {
		font-size: 30px
	}
	.processes .processe__details .processe__details_description h4 {
		font-size: 20px
	}
}

.about .wrapper {
	max-width: 1120px;
	margin: auto;
	position: relative
}

.about h1 {
	margin: 0 0 24px;
	max-width: 600px
}

.about .about__hero {
	background: url(../../../../../images/bg-about-hero.jpg) no-repeat center/cover;
	padding: 50px 0 25vw;
	margin-bottom: -110px
}

.about .about__hero .about__hero_text {
	max-width: 600px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: normal;
	color: #19233c
}

.about .about__hero .about__hero_text p {
	margin-bottom: 2em
}

.about .about__team {
	margin-bottom: 120px
}

.about .about__team .about__team_title h2 {
	font-size: 64px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.41;
	letter-spacing: normal;
	color: #e8452a
}

.about .about__team .about__team_list .about__team_persone .persone-details p,
.about .about__team .about__team_title p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	color: #19233c
}

.about .about__team .about__team_list,
.blogs .blogs__list .wrapper>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.about .about__team .about__team_list {
	margin-top: 40px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: -72px
}

.about .about__team .about__team_list .about__team_persone {
	width: calc(50% - 22px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: 72px
}

.about .about__team .about__team_list .about__team_persone.part a {
	display: block;
	padding-top: 61%;
	position: relative
}

.about .about__team .about__team_list .about__team_persone.part a span,
.contact .contact__list li a {
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.about .about__team .about__team_list .about__team_persone.part a span {
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px rgba(15, 25, 40, .2);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.38;
	text-align: center;
	color: #0f1928;
	padding: 0 20%
}

.about .about__team .about__team_list .about__team_persone .persone-image {
	padding-top: 61%;
	position: relative
}

.about .about__team .about__team_list .about__team_persone .persone-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0
}

.about .about__team .about__team_list .about__team_persone .persone-details {
	margin-top: 16px;
	-webkit-transition: padding 400ms ease-in-out;
	-o-transition: padding 400ms ease-in-out;
	transition: padding 400ms ease-in-out
}

.about .about__team .about__team_list .about__team_persone .persone-details.active {
	padding-bottom: 24px
}

.about .about__team .about__team_list .about__team_persone .persone-details.active h3::after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	top: calc(50% - 6px)
}

.about .about__team .about__team_list .about__team_persone .persone-details h3 {
	font-size: 32px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #0f1928;
	position: relative;
	padding-right: 40px;
	cursor: pointer
}

.about .about__team .about__team_list .about__team_persone .persone-details p {
	margin-top: 8px;
	margin-bottom: 24px
}

.about .about__team .about__team_list .about__team_persone .persone-details .persone-details--description {
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	color: #19233c;
	opacity: .7;
	display: none;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.about .wrapper {
		padding: 0 24px
	}
}

@media screen and (max-width:960px) {
	.about .about__hero {
		background: url(../img/bg-about-hero-mobile.jpg) no-repeat center bottom/cover;
		padding: 110px 0 100vw
	}
	.about .about__hero h1 {
		font-size: 58px
	}
	.about .about__team .about__team_list .about__team_persone {
		width: 100%
	}
}

@media screen and (max-width:576px) {
	.about h1 {
		font-size: 48px
	}
	.about h2 {
		font-size: 40px!important
	}
	.about h3 {
		font-size: 24px!important
	}
	.about .blogs__hero {
		padding-top: 120px
	}
	.about .about__team .about__team_list .about__team_persone .persone-details.active {
		padding-bottom: 8px
	}
	.about .about__team .about__team_list .about__team_persone .persone-details p {
		font-size: 14px;
		margin-top: 0;
		margin-bottom: 8px
	}
}

.contact .wrapper {
	max-width: 1120px;
	margin: auto;
	position: static
}

.contact h1 {
	margin: 0 0 24px;
	max-width: 600px;
	color: #e8452a;
	position: relative;
	z-index: 1;
	font-weight: 800;
}

.contact h1 span {
	color: #0f1928
}

.contact .contact__hero {
	position: relative;
	padding: 100px 0 70px;
	background-color: #f6f7fb
}

.contact .contact__hero .contact__hero_bg {
	height: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.contact .contact__hero .contact__hero_text {
	max-width: 510px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.71;
	letter-spacing: normal;
	color: #19233c;
	position: relative;
	z-index: 1
}

.contact .contact__hero .contact__hero_text p {
	margin-bottom: 2em
}

.contact .contact__list {
	margin-top: 45px;
	position: relative;
	z-index: 1
}

.contact .contact__list li {
	margin-bottom: 32px
}

.contact .contact__list li img {
	width: 60px;
	height: 60px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(17, 47, 131, .07), 0 12px 24px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 2px 4px 0 rgba(17, 47, 131, .07), 0 12px 24px 0 rgba(17, 47, 131, .1);
	border-radius: 50%;
	margin-right: 16px;
	border: 1px solid transparent;
	-webkit-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease
}

.contact .contact__list li a {
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	color: #e8452a
}

.contact .contact__list li a:hover img {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: rgba(25, 35, 60, .2);
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px)
}

@media screen and (max-width:1200px) {
	.contact .wrapper {
		padding: 0 24px
	}
	.contact .wrapper .contact__hero_bg {
		height: auto;
		width: 50%;
		display: block;
		margin: auto
	}
	.contact .wrapper .contact__hero_text,
	.contact .wrapper h1 {
		max-width: initial
	}
}

@media screen and (max-width:960px) {
	.contact .wrapper {
		text-align: center
	}
	.contact .contact__hero {
		padding: 110px 0 60px
	}
	.contact .contact__hero h1 {
		font-size: 58px;
		width: auto;
		text-align: left
	}
	.contact .contact__hero .contact__hero_text {
		text-align: left
	}
	.contact .contact__hero .contact__hero_bg {
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.contact .contact__hero .contact__list {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: auto;
		margin-right: auto
	}
}

@media screen and (max-width:576px) {
	.contact h1 {
		font-size: 48px!important
	}
	.contact h2 {
		font-size: 40px!important
	}
	.contact h3 {
		font-size: 24px!important
	}
	.contact .contact__hero {
		padding-top: 120px
	}
	.contact .contact__hero .contact__hero_bg {
		width: 100%
	}
	.contact .contact__hero .contact__list {
		margin-top: 0
	}
	.contact .contact__hero .contact__hero_text {
		margin-bottom: -32px
	}
}

.blogs .wrapper {
	max-width: 1120px;
	margin: auto;
	position: relative
}

.blogs h1 {
	margin: 0;
	font-weight: 300
}

.blogs h1 b {
	display: block
}

.blogs .blogs__hero {
	background: url(../img/bg-blogs.jpg) no-repeat center/cover;
	padding: 185px 0 70px
}

.blogs .blogs__list {
	margin-top: 104px
}

.blogs .blogs__list h2 {
	margin-bottom: 56px;
	line-height: 1.2
}

.blogs .blogs__list h2 span {
	color: #e8452a;
	display: block
}

.blogs .blogs__list .wrapper>ul {
	margin-right: -56px
}

.blogs .blogs__list .wrapper>ul li {
	color: #19233c;
	width: calc(33.3333% - 56px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 56px;
	margin-bottom: 56px
}

.blogs .blogs__list .wrapper>ul li .blog--photo,
.ehr .case__hero .case__hero_details h1 {
	margin-bottom: 24px
}

.blogs .blogs__list .wrapper>ul li .blog--photo a {
	display: block;
	padding-top: 100%;
	position: relative
}

.blogs .blogs__list .wrapper>ul li .blog--description,
.blogs .blogs__list .wrapper>ul li .more {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal
}

.blogs .blogs__list .wrapper>ul li .more {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5
}

.blogs .blogs__list .wrapper>ul li .more a {
	text-decoration: underline
}

@media screen and (max-width:1200px) {
	.blogs .wrapper {
		padding: 0 24px
	}
}

@media screen and (max-width:960px) {
	.blogs .blogs__list .wrapper>ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-right: 0
	}
	.blogs .blogs__list .wrapper>ul li {
		width: calc(50% - 24px);
		margin-right: 0
	}
}

@media screen and (max-width:576px) {
	.blogs h1 {
		font-size: 38px
	}
	.blogs .blogs__hero {
		padding-top: 120px
	}
	.blogs .blogs__list {
		margin-top: 56px
	}
	.blogs .blogs__list .wrapper>ul li {
		width: calc(100%)
	}
}

.ehr .wrapper {
	max-width: 1120px;
	margin: auto
}

.ehr .navslider a.current {
	color: #0e1928
}

.ehr .case__hero {
	background: #f0f4f7
}

.ehr .case__hero .wrapper {
	padding: 80px 0 88px;
	background: url(../img/ehr_hero_circles.svg) no-repeat right 0 center;
	position: relative
}

.ehr .case__hero .case__hero_details {
	width: 65%
}

.ehr .case__hero .case__hero_details ul {
	opacity: .7
}

.ehr .case__hero .case__hero_details ul li,
.ehr .ehr__productmap .ehr__productmap_details h2 {
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #0e1928
}

.ehr .case__hero .case__hero_bg {
	height: 90%;
	position: absolute;
	bottom: -65px;
	left: calc(65% + 44px)
}

.ehr .case__hero .case__hero_bg img,
.ehr .ehr__productmap .ehr__productmap_back img {
	height: 100%
}

.ehr .case__roadmap {
	background-color: #f0f4f7
}

.ehr .case__roadmap .wrapper,
.ehr__challenge_swiper .swiper--details .more a {
	position: relative
}

.ehr .case__roadmap .wrapper .case__roadmap_bg {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-47%, -37%);
	-ms-transform: translate(-47%, -37%);
	transform: translate(-47%, -37%)
}

.ehr .ehr__productmap {
	margin-top: 120px;
	position: relative;
	overflow: hidden
}

.ehr .ehr__productmap .ehr__productmap_back {
	height: 100%;
	position: absolute;
	top: 0;
	left: calc(((100vw - 1120px)/2) + 216px);
	padding: 40px 0 0 232px;
	background-color: #f0f4f7
}

.ehr .ehr__productmap .ehr__productmap_details {
	max-width: 423px;
	padding-bottom: 60px;
	position: relative
}

.ehr .ehr__productmap .ehr__productmap_details h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: normal;
	color: #19233c;
	padding-top: 40px;
	margin-bottom: 24px
}

.ehr .ehr__productmap .ehr__productmap_details h2 span {
	color: #34af3d
}

.ehr .ehr__productmap .ehr__productmap_details p,
.ehr .ehr__wireframes .ehr__wireframes_details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750;
	margin-bottom: 2em
}

.ehr .ehr__productmap .ehr__productmap_details p:last-child {
	margin-bottom: 0
}

.ehr .ehr__wireframes {
	background: url(../img/ehr_wireframes_1.jpg) no-repeat center bottom/cover;
	padding: 80px 0 87px;
	margin-top: 162px
}

.ehr .ehr__wireframes .ehr__wireframes_details {
	max-width: 655px
}

.ehr .ehr__wireframes .ehr__wireframes_details h2 {
	color: #19233c;
	margin-bottom: 24px
}

.ehr .ehr__wireframes .ehr__wireframes_details .btn {
	margin-top: 24px;
	border: solid 1px #34af3d;
	color: #19233c;
	width: 350px
}

.ehr .ehr__wireframes .ehr__wireframes_details .btn:hover {
	background-color: #34af3d;
	-webkit-box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	color: #fff
}

.ehr .ehr__wireframes .ehr__wireframes_details .btn:active {
	background-color: #2e9235
}

.ehr .ehr__challenge {
	margin-top: 106px;
	padding-bottom: 80px
}

.ehr .ehr__challenge h2 {
	text-align: center;
	opacity: .07;
	margin-bottom: -42px
}

.ehr .ehr__challenge .ehr__challenge_description,
.ehr .ehr__wireschema .ehr__wireschema_title h3,
.ehr .ehr__wireschema .ehr__wireschema_title p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #2d3750
}

.ehr .ehr__challenge .ehr__challenge_description {
	max-width: 773px;
	margin: auto;
	line-height: 2;
	text-align: center
}

.ehr .ehr__wireschema {
	margin-top: 160px
}

.ehr .ehr__wireschema .ehr__wireschema_title h3 {
	font-family: Montserrat;
	font-size: 48px;
	font-weight: 800;
	line-height: 1.21;
	color: #19233c;
	margin-bottom: 10px;
	width: 50vw
}

.ehr .ehr__our h2 span,
.ehr .ehr__research .wrapper .hr__research_details h2 span,
.ehr .ehr__ui .wrapper .ehr__ui_details h3 span,
.ehr .ehr__wireschema .ehr__wireschema_title h3 span {
	color: #2cb135
}

.ehr .ehr__wireschema .ehr__wireschema_title p {
	line-height: 2.5
}

.ehr .ehr__wireschema .ehr__wireschema_details {
	margin-top: 56px;
	position: relative
}

.ehr .ehr__wireschema .ehr__wireschema_details .details--back {
	background-color: #f0f3f8;
	height: calc(100% - 80px);
	width: calc(770px + ((100vw - 1120px)/2));
	position: absolute;
	top: 0;
	left: 0
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper {
	position: relative;
	padding-top: 60px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--img {
	width: 65%;
	-webkit-box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1)
}

.ehr .ehr__example .wrapper .example__img img,
.ehr .ehr__our .ehr__our_img img,
.ehr .ehr__ui .wrapper .ehr__ui_icon img,
.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .details--description--img img,
.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--img img,
.ehr__challenge_swiper .swiper-container .swiper-slide img {
	width: 100%
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description {
	width: 470px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-57%);
	-ms-transform: translateY(-57%);
	transform: translateY(-57%)
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .details--description--img {
	width: 190px;
	-webkit-box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1)
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label {
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal;
	color: #39b142;
	position: absolute
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label p {
	display: inline-block;
	padding: 0 20px 10px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label .circle {
	position: absolute;
	width: 14px;
	height: 14px;
	border: 2px solid #39b142;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 161, 222, .4);
	box-shadow: 0 2px 8px 0 rgba(0, 161, 222, .4);
	border-radius: 50%
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label .line-1 {
	width: 100%;
	bottom: 0;
	right: 0;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label .line-1,
.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label .line-2 {
	height: 2px;
	background-color: #39b142;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 161, 222, .4);
	box-shadow: 0 2px 8px 0 rgba(0, 161, 222, .4);
	position: absolute
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-1 {
	top: 100px;
	right: 0
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-1 .circle {
	top: -12px;
	left: -141px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-1 .line-2 {
	width: 145px;
	bottom: 66px;
	left: -128px;
	-webkit-transform: rotate(27.1deg);
	-ms-transform: rotate(27.1deg);
	transform: rotate(27.1deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-2 {
	top: 320px;
	right: 20px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-2 .circle {
	top: -216px;
	left: -221px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-2 .line-2 {
	width: 342px;
	-webkit-transform: rotate(52deg);
	-ms-transform: rotate(52deg);
	transform: rotate(52deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	bottom: 270px;
	left: -210px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-3 {
	top: 510px;
	right: 40px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-3 .circle {
	top: 265px;
	left: -250px
}

.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-3 .line-2 {
	width: 313px;
	-webkit-transform: rotate(-40.5deg);
	-ms-transform: rotate(-40.5deg);
	transform: rotate(-40.5deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	bottom: -203px;
	left: -237px
}

.ehr .ehr__ui {
	margin-top: 200px
}

.ehr .ehr__ui .wrapper,
.ehr .ehr__ui h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ehr .ehr__ui h2 {
	height: 320px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url(../img/ehr_ui_title.jpg) no-repeat center/cover
}

.ehr .ehr__ui .wrapper {
	margin-top: 88px
}

.ehr .ehr__ui .wrapper .ehr__ui_details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.ehr .ehr__example_fonts .fonts--details h3,
.ehr .ehr__ui .wrapper .ehr__ui_details h3 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #19233c;
	margin-bottom: 24px
}

.ehr .ehr__example .wrapper h2,
.ehr .ehr__example_fonts .fonts--details p,
.ehr .ehr__ui .wrapper .ehr__ui_details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.ehr .ehr__ui .wrapper .ehr__ui_icon {
	margin-left: 127px;
	width: 35%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ehr .ehr__example {
	margin-top: 88px;
	position: relative
}

.ehr .ehr__example .example__back {
	background-color: #f0f3f8;
	width: 100%;
	height: 430px;
	position: absolute;
	top: 0;
	left: 0
}

.ehr .ehr__example .wrapper {
	position: relative;
	padding-top: 70px
}

.ehr .ehr__example .wrapper h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: 1.33;
	text-align: center;
	color: #19233c
}

.ehr .ehr__example .wrapper .example__img {
	margin-top: 30px;
	-webkit-box-shadow: 0 14px 64px 0 rgba(17, 47, 131, .2), 0 8px 14px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 14px 64px 0 rgba(17, 47, 131, .2), 0 8px 14px 0 rgba(17, 47, 131, .1)
}

.ehr .ehr__example_fonts {
	margin-top: 180px;
	overflow: hidden
}

.ehr .ehr__example_fonts .wrapper {
	position: relative;
	padding: 70px 0 40px
}

.ehr .ehr__example_fonts .fonts--details {
	width: 61%
}

.ehr .ehr__example_fonts .fonts--bg {
	position: absolute;
	top: 50%;
	left: 61%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 72px
}

.ehr .ehr__example_fonts .fonts--bg img:first-child {
	margin-bottom: 57px
}

.ehr .ehr__example_fonts .more {
	margin-top: 80px;
	text-align: center
}

.ehr .ehr__example_fonts .more .btn {
	border: solid 1px #34af3d;
	color: #19233c;
	width: 350px
}

.ehr .ehr__example_fonts .more .btn:hover {
	background-color: #34af3d;
	-webkit-box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	color: #fff
}

.ehr .ehr__example_fonts .more .btn:active {
	background-color: #2e9235
}

.ehr .ehr__result {
	margin-top: 167px;
	position: relative;
	overflow: hidden;
	padding-bottom: 60px
}

.ehr .ehr__result .ehr__back_top {
	width: calc(((100vw - 1120px)/2) + 540px);
	height: 320px;
	background-color: #f0f3f8;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.ehr .ehr__result .wrapper {
	padding-top: 48px;
	position: relative
}

.ehr .ehr__result .wrapper h2 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #19233c
}

.ehr .ehr__result .wrapper .ehr__result_1 {
	margin-top: 67px;
	width: 57%;
	-webkit-box-shadow: 0 14px 56px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 14px 56px 0 rgba(17, 47, 131, .1);
	line-height: 0;
	z-index: 1;
	position: relative
}

.ehr .ehr__result .wrapper .ehr__result_1 img,
.ehr .ehr__result .wrapper .ehr__result_2 img,
.ehr .ehr__result .wrapper .ehr__result_3 img {
	width: 100%;
	height: 100%
}

.ehr .ehr__result .wrapper .ehr__result_2,
.ehr .ehr__result .wrapper .ehr__result_3 {
	position: absolute;
	width: 60%;
	top: 100px;
	left: 31%;
	z-index: 2;
	-webkit-box-shadow: 0 14px 56px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 14px 56px 0 rgba(17, 47, 131, .1);
	line-height: 0
}

.ehr .ehr__result .wrapper .ehr__result_3 {
	width: 52%;
	top: 0;
	left: 62%;
	z-index: 3
}

.ehr .ehr__result .wrapper .ehr__back_bot {
	width: 62%;
	height: 320px;
	background-color: #f0f3f8;
	position: absolute;
	bottom: 80px;
	right: 0;
	z-index: 0
}

.ehr .ehr__system {
	margin-top: 100px;
	background-color: #e1e2e6;
	display: table;width: 100%;
	padding: 78px 0 62px
}

.ehr .ehr__system .ehr__system_details {
	max-width: 655px;
	float: left;
}

.ehr .ehr__system .ehr__system_details h2 {
	color: #19233c;
	margin-bottom: 24px;
	font-weight: 800;
	font-size: 36px;
	line-height: 46px;
}

.ehr .ehr__system .ehr__system_details b,
.ehr .ehr__system .ehr__system_details ol,
.ehr .ehr__system .ehr__system_details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.ehr .ehr__system .ehr__system_details p {
	margin-bottom: 40px
}

.ehr .ehr__system .ehr__system_details b {
	margin-bottom: 16px;
	font-weight: 700;
	line-height: normal;
	color: #19233c;
	display: block
}

.ehr .ehr__system .ehr__system_details ol {
	list-style: none;
	counter-reset: my-awesome-counter
}

.ehr .ehr__system .ehr__system_details ol li {
	counter-increment: my-awesome-counter
}

.ehr .ehr__system .ehr__system_details ol li::before {
	content: counter(my-awesome-counter) ") "
}

.ehr .ehr__system .ehr__system_details .btn {
	border: solid 1px #34af3d;
	color: #19233c;
	width: 350px;
	margin-top: 47px
}

.ehr .ehr__system .ehr__system_details .btn:hover {
	background-color: #34af3d;
	-webkit-box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	color: #fff
}

.ehr .ehr__system .ehr__system_details .btn:active {
	background-color: #2e9235
}

.ehr .ehr__research {
	margin-top: 200px;
	overflow: hidden;
	padding-bottom: 60px
}

.ehr .ehr__research .wrapper {
	min-height: 560px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ehr .ehr__research .wrapper .hr__research_details {
	width: 48%
}

.ehr .ehr__research .wrapper .hr__research_details h2 {
	line-height: 1.17;
	color: #19233c;
	margin-bottom: 40px
}

.ehr .ehr__research .wrapper .hr__research_details p,
.ehr .ehr__results .ehr__results_details .comment .text {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #191a1b
}

.ehr .ehr__research .wrapper .hr__research_img {
	height: 100%;
	position: absolute;
	left: calc(48% + 45px);
	-webkit-box-shadow: 0 8px 14px 0 rgba(17, 47, 131, .05), 0 12px 64px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 8px 14px 0 rgba(17, 47, 131, .05), 0 12px 64px 0 rgba(17, 47, 131, .1);
	line-height: 0
}

.ehr .ehr__research .wrapper .hr__research_img img,
.stripes .case__hero .case__hero_bg img {
	height: 100%
}

.ehr .ehr__our {
	margin-top: 160px
}

.ehr .ehr__our h2,
.ehr .ehr__research .wrapper .hr__research_details h2,
.ehr .ehr__results .ehr__results_details ol,
.ehr__challenge_swiper .swiper--details h3 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal
}

.ehr .ehr__our h2 {
	line-height: 1.17;
	text-align: center;
	color: #19233c
}

.ehr .ehr__our .ehr__our_img {
	margin-top: 48px;
	-webkit-box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1), 0 8px 14px 0 rgba(17, 47, 131, .05);
	box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1), 0 8px 14px 0 rgba(17, 47, 131, .05);
	line-height: 0
}

.ehr .ehr__results {
	margin-top: 240px;
	overflow: hidden
}

.ehr .ehr__results h2 {
	margin-bottom: 37px;
	color: #19233c
}

.ehr .ehr__results .ehr__results_details,
.ehr__challenge_swiper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ehr .ehr__results .ehr__results_details ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	color: #2d3750;
	width: 46%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ehr .ehr__results .ehr__results_details ol li {
	counter-increment: my-awesome-counter;
	position: relative;
	margin-bottom: 2em
}

.ehr .ehr__results .ehr__results_details ol li::before,
.stripes .ehr__results .ehr__results_details ol li::before {
	content: counter(my-awesome-counter) "";
	font-size: 80px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #f0f3f8;
	position: absolute;
	top: -30px;
	left: -20px;
	z-index: -1
}

.ehr .ehr__results .ehr__results_details .comment {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 180px;
	position: relative
}

.ehr .ehr__results .ehr__results_details .comment::before {
	content: "";
	width: 2000px;
	height: 240px;
	background-color: #f0f3f8;
	position: absolute;
	top: -115px;
	left: -115px;
	z-index: -1
}

.ehr .ehr__results .ehr__results_details .comment::after {
	content: "";
	display: block;
	width: 140px;
	height: 107px;
	background: url(../img/quotes.svg) no-repeat center/cover;
	position: absolute;
	top: -60px;
	left: -76px
}

.ehr .ehr__results .ehr__results_details .comment .text {
	font-size: 24px;
	font-style: italic;
	line-height: 1.67;
	color: #19233c
}

.ehr .ehr__results .ehr__results_details .comment .author {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ehr .ehr__results .ehr__results_details .comment .author .photo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #19233c;
	margin-right: 24px;
	display: none
}

.augmania .ehr__results .ehr__results_details .comment .author .photo img,
.ehr .ehr__results .ehr__results_details .comment .author .photo img,
.stripes .ehr__results .ehr__results_details .comment .author .photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.ehr .ehr__results .ehr__results_details .comment .author .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #19233c
}

.ehr .ehr__cases {
	margin-top: 165px
}

.ehr .ehr__cases h2 {
	opacity: .07;
	line-height: .7;
	color: #19233c
}

.ehr .ehr__cases .cases__list {
	margin-top: 24px
}

.ehr .homepage__start {
	margin-top: 154px
}

.ehr__challenge_swiper {
	margin-top: 160px
}

.ehr__challenge_swiper .swiper-container {
	width: 58%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1), 0 8px 16px 0 rgba(17, 47, 131, .05);
	box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1), 0 8px 16px 0 rgba(17, 47, 131, .05)
}

.ehr__challenge_swiper .swiper-container .swiper-slide {
	line-height: 0
}

.ehr__challenge_swiper .swiper--details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 44px;
	position: relative;
	z-index: 1
}

.ehr__challenge_swiper .swiper--details h3 {
	line-height: normal;
	color: #34af3d;
	margin-bottom: 24px
}

.ehr__challenge_swiper .swiper--details .description,
.ehr__challenge_swiper .swiper--details .more,
.stripes .stripes__tools .stripes__tools_title p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.ehr__challenge_swiper .swiper--details .more {
	margin-top: 32px;
	font-weight: 600;
	color: #0f1928
}

.ehr__challenge_swiper .swiper--details .more a::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #0f1928;
	position: absolute;
	left: 0;
	bottom: -10px;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition: -webkit-transform 400ms ease;
	-o-transition: transform 400ms ease;
	transition: transform 400ms ease;
	transition: transform 400ms ease, -webkit-transform 400ms ease
}

.ehr__challenge_swiper .swiper--details .more a:hover::before {
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0)
}

.ehr__challenge_swiper .swiper--details .swiper--nav {
	margin-top: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 240px
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--pagination,
.stripes .stripes__ui .stripes__ui_details .colors .colors-list span {
	font-size: 24px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #0f1928;
	text-align: center
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-next,
.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-prev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border: solid 1px #34af3d;
	position: relative;
	background-color: transparent;
	-webkit-transition: background-color 400ms ease;
	-o-transition: background-color 400ms ease;
	transition: background-color 400ms ease
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-next:hover,
.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-prev:hover {
	background-color: rgba(52, 175, 61, .1)
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-prev:hover::before {
	-webkit-animation: prevArrow 2s ease infinite;
	animation: prevArrow 2s ease infinite
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-prev::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #34af3d;
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 1px)
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-prev::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-right: 6px solid #34af3d;
	border-bottom: 3px solid transparent;
	position: absolute;
	top: calc(50% - 3px);
	left: calc(50% - 3px)
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-next:hover::before {
	-webkit-animation: nextArrow 2s ease infinite;
	animation: nextArrow 2s ease infinite
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-next::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #34af3d;
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	right: calc(50% - 1px)
}

.ehr__challenge_swiper .swiper--details .swiper--nav .swiper--but-next::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-left: 6px solid #34af3d;
	border-bottom: 3px solid transparent;
	position: absolute;
	top: calc(50% - 3px);
	right: calc(50% - 3px)
}

@media screen and (max-width:1168px) {
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper,
	.ehr .ehr__wireschema .ehr__wireschema_title {
		margin: 0 24px
	}
}

@media screen and (max-width:960px) {
	.ehr__challenge_swiper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative;
		padding-bottom: 80px
	}
	.wrapper {
		padding: 0
	}
	.ehr__challenge_swiper .swiper--details {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin-left: 0;
		text-align: center;
		position: static
	}
	.ehr__challenge_swiper .swiper-container {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		width: 100%;
		margin-top: 56px
	}
	.ehr__challenge_swiper .swiper--details .swiper--nav {
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.ehr .ehr__productmap .ehr__productmap_back {
		left: calc((100vw - 48px)/4)
	}
	.ehr .ehr__wireframes {
		padding-bottom: 75vw;
		background: url(../img/ehr_wireframes_1_mobile.png) no-repeat center bottom/cover
	}
	.ehr .ehr__wireschema .ehr__wireschema_title h3 {
		width: 100%
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description {
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		margin: auto
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper {
		padding-top: 0
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--img {
		position: absolute;
		width: 100vw;
		bottom: 0;
		-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
		transform: translateY(50%)
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .details--back {
		height: calc(100% - 150px);
		width: 30vw;
		position: absolute;
		top: 150px;
		left: 0
	}
	.ehr .ehr__wireschema {
		padding-bottom: 30vw
	}
	.ehr .ehr__ui .wrapper .ehr__ui_icon {
		margin-left: 40px
	}
	.ehr .ehr__example .example__back {
		height: 47vw
	}
	.ehr .ehr__example_fonts .wrapper {
		padding-left: 24px;
		padding-right: 24px
	}
	.ehr .ehr__example_fonts .fonts--details {
		width: auto
	}
	.ehr .ehr__example_fonts .fonts--bg {
		position: static;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		padding-left: 100px;
		margin-top: 40px
	}
	.ehr .ehr__result .wrapper .ehr__result_1 {
		margin-top: 150px;
		width: 80%;
		z-index: 1;
		position: relative
	}
	.ehr .ehr__result .wrapper .ehr__result_2 {
		width: 70%;
		top: 150px;
		left: 31%
	}
	.ehr .ehr__result .wrapper .ehr__result_3 {
		width: 70%;
		top: 0;
		left: 60%
	}
	.ehr .ehr__system {
		margin-top: 100px;
		width: 100%;
		display: table;
	}
	.ehr .ehr__research .wrapper,
	.ehr .ehr__results .ehr__results_details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ehr .ehr__research .wrapper .hr__research_details {
		width: 70%
	}
	.ehr .ehr__research .wrapper .hr__research_img {
		position: static;
		margin-top: 48px
	}
	.ehr .ehr__research .wrapper .hr__research_img img {
		width: 100%;
		height: auto
	}
	.ehr .ehr__results .ehr__results_details ol {
		width: auto;
		margin-left: 24px
	}
	.ehr .ehr__results .ehr__results_details .comment {
		margin-left: 120px;
		margin-top: 120px
	}
}

@media screen and (max-width:576px) {
	.wrapper {
		padding: 0 16px
	}
	.ehr .ehr__delivery .ehr__delivery_team .team--photos {
		margin-right: 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.ehr .ehr__delivery .ehr__delivery_team .team--photos li {
		width: calc(50% - 16px);
		margin-right: 0
	}
	.ehr__challenge_description,
	.ehr__challenge_swiper .swiper--details .description {
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 2;
		letter-spacing: normal;
		text-align: center;
		color: #2d3750
	}
	.ehr__challenge_swiper {
		margin-top: 120px
	}
	.ehr .ehr__productmap {
		margin-top: 40px;
		padding-bottom: 65vw
	}
	.ehr .ehr__productmap .ehr__productmap_back {
		left: 12vw;
		padding: 170px 0 0;
		height: 120vw;
		top: auto;
		bottom: 0
	}
	.ehr .ehr__wireframes .ehr__wireframes_details .btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		width: 100%
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .details--description--img {
		width: 120px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label {
		font-size: 14px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-1 .circle {
		top: -47px;
		left: -63px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description {
		width: 300px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-1 .line-2 {
		width: 103px;
		bottom: 86px;
		left: -54px;
		-webkit-transform: rotate(57.4deg);
		-ms-transform: rotate(57.4deg);
		transform: rotate(57.4deg)
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-2 .circle {
		top: -148px;
		left: -139px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-2 .line-2 {
		width: 226px;
		-webkit-transform: rotate(55.2deg);
		-ms-transform: rotate(55.2deg);
		transform: rotate(55.2deg);
		bottom: 186px;
		left: -128px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-2 {
		top: 210px;
		right: 20px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-3 .circle {
		top: 167px;
		left: -117px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-3 {
		top: 320px
	}
	.ehr .ehr__wireschema .ehr__wireschema_details .wrapper .details--description .label.label-3 .line-2 {
		width: 161px;
		-webkit-transform: rotate(-48deg);
		-ms-transform: rotate(-48deg);
		transform: rotate(-48deg);
		bottom: -119px;
		left: -107px
	}
	.ehr .ehr__ui .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ehr .ehr__ui .wrapper .ehr__ui_details h3 {
		margin-bottom: 16px
	}
	.ehr .ehr__ui .wrapper .ehr__ui_icon {
		margin-left: 0;
		width: 50%;
		margin-top: 32px
	}
	.ehr .ehr__example {
		overflow: hidden
	}
	.ehr .ehr__example .wrapper .example__img {
		width: 170vw;
		line-height: 0
	}
	.ehr .ehr__example .example__back {
		height: 73vw
	}
	.ehr .ehr__example_fonts {
		margin-top: 50px
	}
	.ehr .ehr__example_fonts .more {
		margin-top: 40px
	}
	.ehr .ehr__our,
	.ehr .ehr__research,
	.ehr .ehr__result {
		margin-top: 120px
	}
	.ehr .ehr__result .ehr__back_top {
		width: 100%;
		height: 70%
	}
	.ehr .ehr__result .wrapper .ehr__result_1 {
		margin-top: 190px
	}
	.ehr .ehr__result .wrapper .ehr__result_2 {
		top: 210px
	}
	.ehr .ehr__result .wrapper .ehr__result_3 {
		top: 140px
	}
	.ehr .ehr__research .wrapper .hr__research_details,
	.ehr .ehr__system .ehr__system_details .btn {
		width: 100%
	}
	.ehr .ehr__research .wrapper .hr__research_img {
		height: auto;
		width: 150vw;
		margin-left: 48px
	}
	.ehr .ehr__research .wrapper {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
	.ehr .ehr__our {
		overflow: hidden;
		padding-bottom: 80px
	}
	.ehr .ehr__our .ehr__our_img {
		margin-top: 40px;
		width: 150vw
	}
	.ehr .ehr__our .wrapper {
		padding-left: 0;
		padding-right: 0
	}
	.ehr .ehr__our h2 {
		padding: 0 16px
	}
	.ehr .ehr__results {
		margin-top: 40px
	}
	.ehr .ehr__results h2 {
		font-size: 80px
	}
	.ehr .ehr__results .ehr__results_details .comment::after {
		left: -26px
	}
	.ehr .ehr__results .ehr__results_details .comment {
		margin-left: 40px
	}
	.ehr .ehr__results .ehr__results_details .comment::before {
		left: -40px
	}
	.ehr .homepage__start {
		margin-top: 120px
	}
}

.stripes .navslider[data-current-color=white] {
	color: rgba(255, 255, 255, .7)
}

.stripes .wrapper {
	max-width: 1120px;
	margin: auto
}

.augmania .navslider a.current,
.ehrds .navslider a.current,
.stripes .navslider a.current,
.talentscan .navslider a.current {
	color: #0e1928
}

.stripes .case__hero {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2563ef), to(#0c47ce));
	background-image: -o-linear-gradient(top, #2563ef, #0c47ce);
	background-image: linear-gradient(to bottom, #2563ef, #0c47ce)
}

.stripes .case__hero .wrapper {
	padding: 203px 0 116px;
	background: 0 0;
	position: relative
}

.stripes .case__hero .wrapper::after,
.stripes .case__hero .wrapper::before {
	content: "";
	display: block;
	width: 100px;
	height: 120%;
	border: 1px solid #fff;
	position: absolute;
	bottom: -28%;
	right: 360px;
	border-radius: 50px;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	opacity: .25;
	z-index: 0
}

.stripes .case__hero .wrapper::after {
	bottom: -26%;
	right: 195px
}

.stripes .case__hero .case__hero_details {
	width: 65%;
	position: relative;
	z-index: 1
}

.stripes .case__hero .case__hero_details h1 {
	margin-bottom: 24px;
	color: #fff;
	font-size: 72px
}

.augmania .case__hero .case__hero_details ul,
.stripes .case__hero .case__hero_details ul {
	opacity: .8
}

.stripes .case__hero .case__hero_details ul li,
.stripes .stripes__problems .stripes__problems_details h2::before {
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #fff
}

.stripes .case__hero .case__hero_bg {
	height: 80%;
	position: absolute;
	bottom: -4.2%;
	left: 60%;
	z-index: 1
}

.stripes .case__hero .case__hero_sup {
	width: 19%;
	position: absolute;
	bottom: 5%;
	left: 57%;
	z-index: 2
}

.stripes .case__hero .case__hero_sup img,
.stripes .stripes__examples .stripes__examples_item .image img,
.stripes .stripes__problems .stripes__problems_icon img,
.stripes .stripes__tools .stripes__tools_image img,
.stripes .stripes__ui .stripes__ui_details .colors .colors-list img {
	width: 100%
}

.stripes .case__delivery .case__delivery_team .team--title h3,
.stripes .stripes__tools .stripes__tools_title h3 span {
	color: #2462ef
}

.stripes .ehr__challenge {
	margin-top: 106px;
	padding-bottom: 80px
}

.stripes .ehr__challenge h2 {
	text-align: center;
	opacity: .07;
	margin-bottom: -42px
}

.stripes .ehr__challenge .ehr__challenge_description {
	max-width: 773px;
	margin: auto;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #2d3750
}

.stripes .case__roadmap {
	background-color: #f7f7f9
}

.stripes .case__roadmap .wrapper {
	position: relative
}

.stripes .case__roadmap .wrapper::before {
	top: -75%;
	right: 6%
}

.stripes .case__roadmap .wrapper::after,
.stripes .case__roadmap .wrapper::before,
.stripes .stripes__architecture::after,
.stripes .stripes__architecture::before {
	content: "";
	display: block;
	width: 180px;
	height: 120%;
	border: 4px solid #f7f7f9;
	position: absolute;
	border-radius: 90px;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	z-index: -1
}

.stripes .case__roadmap .wrapper::after {
	top: -90%;
	right: -21.5%
}

.stripes .case__roadmap .wrapper .case__roadmap_list li .tile {
	background-color: #2563ef
}

.stripes .stripes__tools {
	margin-top: 160px;
	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;
	padding: 0 24px
}

.stripes .stripes__tools .stripes__tools_title {
	width: 48%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.stripes .stripes__architecture h2,
.stripes .stripes__problems .stripes__problems_details h2,
.stripes .stripes__tools .stripes__tools_title h3 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #19233c;
	margin-bottom: 24px
}

.stripes .stripes__tools .stripes__tools_image {
	width: 42%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.stripes .stripes__problems {
	position: relative;
	background: url(../img/bg-stripes-problem.png) no-repeat center/100% 100%;
	overflow: hidden;
	padding: 0 24px
}

.stripes .stripes__problems .wrapper {
	padding: 200px 0 260px;
	position: relative
}

.stripes .stripes__examples .wrapper::after,
.stripes .stripes__examples .wrapper::before,
.stripes .stripes__problems .wrapper::after,
.stripes .stripes__problems .wrapper::before {
	content: "";
	display: block;
	width: 141px;
	height: 130%;
	background-color: #ffc641;
	position: absolute;
	top: -29%;
	right: -3%;
	border-radius: 90px;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	z-index: 0
}

.stripes .stripes__examples .wrapper::after,
.stripes .stripes__examples .wrapper::before,
.stripes .stripes__problems .wrapper::after {
	background-color: #fff;
	top: -35%;
	right: -33%
}

.stripes .stripes__problems .stripes__problems_details {
	width: 53%
}

.stripes .stripes__problems .stripes__problems_details h2 {
	color: #fff;
	position: relative
}

.stripes .stripes__problems .stripes__problems_details h2::before {
	content: attr(data-back);
	opacity: .1;
	font-size: 80px;
	font-weight: 800;
	line-height: normal;
	position: absolute;
	top: -73%;
	left: 0
}

.stripes .stripes__problems .stripes__problems_details h2 span {
	color: #ffc641
}

.stripes .stripes__architecture p,
.stripes .stripes__problems .stripes__problems_details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal
}

.stripes .stripes__problems .stripes__problems_details p {
	opacity: .8;
	color: #fff
}

.stripes .stripes__problems .stripes__problems_icon {
	width: 72%;
	position: absolute;
	top: 14%;
	left: 60%;
	z-index: 1
}

.stripes .stripes__architecture {
	margin-top: 160px;
	position: relative;
	padding: 0 24px
}

.stripes .stripes__architecture::after,
.stripes .stripes__architecture::before {
	top: 17%;
	left: -315px
}

.stripes .stripes__architecture::after {
	top: 33%;
	left: -210px
}

.stripes .stripes__architecture h2 span {
	color: #2462ef;
	display: block
}

.stripes .stripes__architecture p {
	max-width: 60%;
	color: #2d3750
}

.stripes .stripes__architecture .stripes__architecture_1 {
	margin-top: 80px;
	width: 98%
}

.stripes .stripes__architecture .stripes__architecture_2 {
	margin-top: 45px;
	width: 100%
}

.stripes .stripes__wireframes {
	background: url(../img/bg-stripes-wireframes.jpg) no-repeat center bottom/cover;
	padding: 112px 24px 215px;
	margin-top: 162px
}

.stripes .stripes__wireframes .ehr__wireframes_details {
	max-width: 655px
}

.stripes .stripes__wireframes .ehr__wireframes_details h2 {
	color: #19233c;
	margin-bottom: 24px
}

.stripes .stripes__ui .stripes__ui_title h2,
.stripes .stripes__ui .stripes__ui_title p,
.stripes .stripes__wireframes .ehr__wireframes_details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.stripes .stripes__wireframes .ehr__wireframes_details .btn {
	margin-top: 24px;
	border: solid 1px #2462ef;
	color: #2462ef;
	width: 350px
}

.stripes .stripes__wireframes .ehr__wireframes_details .btn:hover {
	background-color: #2462ef;
	-webkit-box-shadow: 0 8px 32px 0 rgba(86, 120, 199, .7);
	box-shadow: 0 8px 32px 0 rgba(86, 120, 199, .7);
	color: #fff
}

.stripes .stripes__wireframes .ehr__wireframes_details .btn:active {
	background-color: rgba(86, 120, 199, .7)
}

.stripes .stripes__wireframes_row-1,
.stripes .stripes__wireframes_row-2 {
	-webkit-transform: translateX(-21vw);
	-ms-transform: translateX(-21vw);
	transform: translateX(-21vw);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: -120px;
	position: relative;
	z-index: 1
}

.stripes .stripes__wireframes_row-1 img {
	width: 35%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.stripes .stripes__wireframes_row-2 {
	-webkit-transform: translateX(-3vw);
	-ms-transform: translateX(-3vw);
	transform: translateX(-3vw);
	margin-top: 0
}

.stripes .stripes__wireframes_row-2 img {
	width: 37%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.stripes .stripes__wireframes_row-3 {
	-webkit-transform: translateX(-21vw);
	-ms-transform: translateX(-21vw);
	transform: translateX(-21vw);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.stripes .stripes__wireframes_row-3::after,
.stripes .stripes__wireframes_row-3::before {
	content: "";
	display: block;
	width: 141px;
	height: 920px;
	background-color: #ffc641;
	position: absolute;
	bottom: -120%;
	right: -12%;
	border-radius: 90px;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	z-index: 0
}

.stripes .stripes__wireframes_row-3::after {
	background-color: #f7f7f9;
	bottom: -110%;
	right: -32%
}

.stripes .stripes__wireframes_row-3 img {
	width: 35%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	z-index: 1
}

.stripes .stripes__wireframes_row-mobile,
.talentscan .talentscan__journey .talentscan__journey_table .table table.mobile {
	display: none
}

.stripes .stripes__ui {
	margin-top: 185px;
	padding: 0 24px
}

.stripes .stripes__ui .stripes__ui_title {
	max-width: 650px
}

.stripes .stripes__ui .stripes__ui_title h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: normal;
	color: #19233c;
	margin-bottom: 24px
}

.stripes .stripes__ui .stripes__ui_title h2 span {
	color: #2462ef
}

.stripes .stripes__ui .stripes__ui_details {
	margin-top: 83px
}

.stripes .stripes__ui .stripes__ui_details .typography {
	width: 470px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative
}

.stripes .stripes__ui .stripes__ui_details .typography::before {
	content: "Aa";
	opacity: .04;
	font-family: "PT Sans", sans-serif;
	font-size: 466.7px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #2462ef;
	position: absolute;
	left: -165px;
	top: 34px
}

.stripes .stripes__ui .stripes__ui_details .colors h3,
.stripes .stripes__ui .stripes__ui_details .typography h3,
.stripes .stripes__ui .stripes__ui_details .typography h4 {
	font-size: 32px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #19233c
}

.stripes .stripes__ui .stripes__ui_details .typography h4 {
	font-family: "PT Sans", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #453e63;
	margin-bottom: 26px
}

.stripes .stripes__ui .stripes__ui_details .typography .typography-bold,
.stripes .stripes__ui .stripes__ui_details .typography .typography-regular {
	margin-top: 40px
}

.stripes .stripes__ui .stripes__ui_details .typography .typography-bold .list,
.stripes .stripes__ui .stripes__ui_details .typography .typography-regular .list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-family: "PT Sans", sans-serif;
	font-size: 17px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #453e63;
	-webkit-transform: translateX(-12px);
	-ms-transform: translateX(-12px);
	transform: translateX(-12px)
}

.stripes .stripes__ui .stripes__ui_details,
.stripes .stripes__ui .stripes__ui_details .typography .typography-regular .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.stripes .stripes__ui .stripes__ui_details .typography .typography-regular .list {
	font-weight: 400
}

.stripes .stripes__ui .stripes__ui_details .typography .typography-bold .list.uppercase,
.stripes .stripes__ui .stripes__ui_details .typography .typography-regular .list.uppercase {
	text-transform: uppercase
}

.stripes .stripes__ui .stripes__ui_details .typography .typography-bold .list span,
.stripes .stripes__ui .stripes__ui_details .typography .typography-regular .list span {
	width: 34px;
	text-align: center;
	margin-bottom: 19px
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details ul li h4,
.stripes .stripes__ui .stripes__ui_details .typography .typography-bold h4 {
	font-weight: 700
}

.stripes .stripes__ui .stripes__ui_details .typography .typography-bold .list {
	font-weight: 700
}

.stripes .stripes__ui .stripes__ui_details .colors {
	width: 527px
}

.stripes .stripes__ui .stripes__ui_details .colors .colors-list {
	margin-top: 60px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.stripes .stripes__ui .stripes__ui_details .colors .colors-list span {
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	line-height: 1.78;
	color: #453e63;
	margin: -20px 50px 0
}

.stripes .stripes__examples {
	margin-top: 120px;
	background: url(../img/bg-stripes-examples.png) no-repeat center/100% 100%;
	padding-top: 115px;
	padding-bottom: 150px;
	overflow: hidden
}

.stripes .stripes__examples .stripes__examples_lines,
.stripes .stripes__examples .wrapper {
	position: relative
}

.stripes .stripes__examples .wrapper::after,
.stripes .stripes__examples .wrapper::before {
	height: 920px;
	opacity: .1;
	top: -325px;
	right: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.stripes .stripes__examples .wrapper::after {
	top: -368px;
	right: -305px
}

.stripes .stripes__examples .stripes__examples_lines::after,
.stripes .stripes__examples .stripes__examples_lines::before {
	content: "";
	display: block;
	width: 94px;
	height: 1500px;
	background-color: #ffc641;
	position: absolute;
	bottom: -8%;
	left: -320px;
	border-radius: 90px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 0
}

.stripes .stripes__examples .stripes__examples_lines::after {
	background-color: #fff;
	bottom: -14%;
	left: -291px
}

.stripes .stripes__examples .stripes__examples_item,
.stripes .stripes__ui .stripes__ui_details .colors .colors-list,
.stripes .stripes__ui .stripes__ui_details .typography .typography-bold .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.stripes .stripes__examples .stripes__examples_item {
	margin-bottom: 160px;
	position: relative;
	z-index: 1
}

.stripes .stripes__examples .stripes__examples_item:nth-child(odd) .details {
	width: 48%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: 40px
}

.stripes .stripes__examples .stripes__examples_item:nth-child(odd) .image {
	width: 58%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.stripes .stripes__examples .stripes__examples_item:nth-child(even) .details {
	width: 48%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	padding-left: 40px
}

.stripes .stripes__examples .stripes__examples_item:nth-child(even) .image {
	width: 58%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.stripes .stripes__examples .stripes__examples_item .details {
	-ms-flex-item-align: center;
	align-self: center
}

.stripes .stripes__examples .stripes__examples_item .details h3 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	margin-bottom: 24px
}

.stripes .stripes__examples .stripes__examples_item .details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #fff;
	opacity: .8
}

.stripes .ehr__results {
	margin-top: 240px;
	overflow: hidden
}

.stripes .ehr__results h2 {
	margin-bottom: 37px;
	color: #19233c
}

.stripes .ehr__results .ehr__results_details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.stripes .ehr__results .ehr__results_details ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750;
	width: 46%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.stripes .ehr__results .ehr__results_details ol li {
	counter-increment: my-awesome-counter;
	position: relative;
	margin-bottom: 2em
}

.stripes .ehr__results .ehr__results_details .comment {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 180px;
	position: relative
}

.stripes .ehr__results .ehr__results_details .comment::before {
	content: "";
	width: 2000px;
	height: 240px;
	background-color: #f0f3f8;
	position: absolute;
	top: -115px;
	left: -115px;
	z-index: -1
}

.stripes .ehr__results .ehr__results_details .comment::after {
	content: "";
	display: block;
	width: 140px;
	height: 107px;
	background: url(../img/quotes.svg) no-repeat center/cover;
	position: absolute;
	top: -60px;
	left: -76px
}

.stripes .ehr__results .ehr__results_details .comment .text {
	font-size: 24px;
	font-weight: 500;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c
}

.stripes .ehr__results .ehr__results_details .comment .author {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.stripes .ehr__results .ehr__results_details .comment .author .photo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #19233c;
	margin-right: 24px
}

.stripes .ehr__results .ehr__results_details .comment .author .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #19233c
}

.stripes .ehr__cases {
	margin-top: 165px;
	padding-left: 24px;
	padding-right: 24px
}

.stripes .ehr__cases h2 {
	opacity: .07;
	line-height: .7;
	color: #19233c
}

.stripes .ehr__cases .cases__list {
	margin-top: 24px
}

.stripes .homepage__start {
	margin-top: 154px
}

@media screen and (max-width:960px) {
	.wrapper {
		padding: 0
	}
	.stripes .case__hero .case__hero_sup {
		display: none
	}
	.stripes .case__delivery .case__delivery_team .team--photos li {
		width: calc(50% - 44px)
	}
	.stripes .stripes__problems .stripes__problems_details h2::before {
		top: -36px
	}
	.stripes .stripes__problems .wrapper::before {
		top: -460px;
		right: -50px
	}
	.stripes .stripes__problems .wrapper::after {
		top: -410px;
		right: -240px
	}
	.stripes .stripes__wireframes_row-3::before {
		bottom: -210px;
		right: -120px
	}
	.stripes .stripes__wireframes_row-3::after {
		bottom: -170px;
		right: -380px
	}
	.stripes .stripes__ui .stripes__ui_details {
		-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
	}
	.stripes .ehr__results,
	.stripes .stripes__examples {
		padding-left: 24px;
		padding-right: 24px
	}
	.stripes .stripes__examples .stripes__examples_lines::before {
		bottom: -36px;
		left: -320px
	}
	.stripes .stripes__examples .stripes__examples_lines::after {
		bottom: -70px;
		left: -181px
	}
	.stripes .stripes__examples .stripes__examples_item {
		margin-bottom: 80px!important;
		position: relative;
		z-index: 1
	}
	.stripes .stripes__examples .stripes__examples_item .details {
		width: 100%!important;
		-webkit-box-ordinal-group: 2!important;
		-ms-flex-order: 1!important;
		order: 1!important;
		margin-bottom: 24px
	}
	.stripes .stripes__examples .stripes__examples_item .image {
		width: 100%!important;
		-webkit-box-ordinal-group: 3!important;
		-ms-flex-order: 2!important;
		order: 2!important
	}
	.stripes .ehr__results .ehr__results_details,
	.stripes .stripes__examples .stripes__examples_item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.stripes .ehr__results .ehr__results_details ol {
		width: 100%;
		margin-left: 20px;
		margin-bottom: 130px
	}
	.ehr .ehr__productmap .ehr__productmap_back {
		left: calc((100vw - 48px)/4)
	}
	.ehr .ehr__result .wrapper .ehr__result_1 {
		margin-top: 150px;
		width: 80%;
		z-index: 1;
		position: relative
	}
	.ehr .ehr__result .wrapper .ehr__result_2 {
		width: 70%;
		top: 150px;
		left: 31%
	}
	.ehr .ehr__result .wrapper .ehr__result_3 {
		width: 70%;
		top: 0;
		left: 60%
	}
	.ehr .ehr__results .ehr__results_details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ehr .ehr__results .ehr__results_details ol {
		width: auto;
		margin-left: 24px
	}
	.ehr .ehr__results .ehr__results_details .comment {
		margin-left: 120px;
		margin-top: 120px
	}
}

@media screen and (max-width:576px) {
	.ehr__challenge_description {
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 2;
		letter-spacing: normal;
		text-align: center;
		color: #2d3750
	}
	.stripes .case__hero .wrapper::before {
		bottom: -340px;
		right: 240px
	}
	.stripes .case__hero .wrapper::after {
		bottom: -290px;
		right: 35px
	}
	.stripes .case__roadmap .wrapper::after,
	.stripes .case__roadmap .wrapper::before {
		width: 90px;
		border-width: 2px;
		height: 500px;
		top: -310px;
		right: 170px
	}
	.stripes .case__roadmap .wrapper::after {
		top: -315px;
		right: 33px
	}
	.stripes .ehr__challenge,
	.stripes .stripes__problems {
		padding-left: 16px;
		padding-right: 16px
	}
	.stripes .ehr__challenge .stripes__tools {
		padding-left: 0;
		padding-right: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.stripes .ehr__challenge .stripes__tools .stripes__tools_title {
		width: 100%
	}
	.stripes .ehr__challenge .stripes__tools .stripes__tools_image {
		width: 100%;
		margin-top: 48px
	}
	.stripes .stripes__problems {
		background-image: url(../img/bg-stripes-examples.png)
	}
	.stripes .stripes__problems .wrapper {
		padding-top: 72px;
		padding-bottom: 118px
	}
	.stripes .stripes__problems .wrapper::after,
	.stripes .stripes__problems .wrapper::before {
		width: 71px;
		top: auto;
		right: -40px;
		bottom: -70px;
		height: 1000px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.stripes .stripes__problems .wrapper::after {
		right: -210px;
		bottom: -40px
	}
	.stripes .stripes__problems .wrapper .stripes__problems_details {
		width: auto
	}
	.stripes .stripes__architecture::after,
	.stripes .stripes__architecture::before,
	.stripes .stripes__problems .wrapper .stripes__problems_details h2::before {
		display: none
	}
	.stripes .stripes__problems .wrapper .stripes__problems_icon {
		position: relative;
		width: 100%;
		margin-top: 82px;
		top: 0;
		left: auto;
		right: -10vw
	}
	.stripes .stripes__architecture {
		margin-top: 96px;
		padding-left: 16px;
		padding-right: 16px
	}
	.stripes .stripes__architecture p {
		max-width: initial
	}
	.stripes .stripes__architecture .stripes__architecture_1,
	.stripes .stripes__architecture .stripes__architecture_2 {
		margin-top: 48px;
		width: calc(100% + 16px);
		-webkit-transform: translateX(16px);
		-ms-transform: translateX(16px);
		transform: translateX(16px)
	}
	.stripes .stripes__architecture .stripes__architecture_2 {
		margin-top: 16px
	}
	.stripes .stripes__wireframes {
		margin-top: 120px;
		background-image: url(../img/bg-stripes-wireframes-mobile.jpg)
	}
	.stripes .stripes__ui .stripes__ui_details .typography::before,
	.stripes .stripes__wireframes_row-1,
	.stripes .stripes__wireframes_row-2,
	.stripes .stripes__wireframes_row-3 {
		display: none
	}
	.stripes .stripes__wireframes_row-mobile {
		position: relative;
		display: block
	}
	.stripes .stripes__wireframes_row-mobile img {
		width: 100%;
		position: relative;
		z-index: 1
	}
	.stripes .stripes__wireframes_row-mobile::after,
	.stripes .stripes__wireframes_row-mobile::before {
		content: "";
		display: block;
		width: 71px;
		height: 920px;
		background-color: #ffc641;
		position: absolute;
		bottom: -190px;
		right: -100px;
		border-radius: 90px;
		-webkit-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(40deg);
		z-index: 0
	}
	.stripes .stripes__wireframes_row-mobile::after {
		background-color: #f7f7f9;
		bottom: -160px;
		right: -240px
	}
	.stripes .stripes__ui {
		margin-top: 120px;
		padding-left: 16px;
		padding-right: 16px
	}
	.stripes .stripes__ui .stripes__ui_details {
		margin-top: 40px
	}
	.stripes .stripes__ui .stripes__ui_details .typography {
		width: auto
	}
	.stripes .stripes__ui .stripes__ui_details .typography .typography-bold .list,
	.stripes .stripes__ui .stripes__ui_details .typography .typography-regular .list {
		font-size: 12.5px
	}
	.stripes .stripes__ui .stripes__ui_details .typography .typography-bold .list span,
	.stripes .stripes__ui .stripes__ui_details .typography .typography-regular .list span {
		width: 7vw;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.stripes .stripes__ui .stripes__ui_details .colors {
		width: auto;
		margin-top: 54px
	}
	.stripes .stripes__ui .stripes__ui_details .colors .colors-list {
		margin-top: 24px
	}
	.stripes .stripes__ui .stripes__ui_details .colors .colors-list span {
		margin: -20px 6% 0
	}
	.stripes .stripes__examples {
		padding: 72px 16px 0
	}
	.stripes .stripes__examples .stripes__examples_lines::before {
		width: 71px;
		bottom: -316px;
		left: -470px
	}
	.stripes .stripes__examples .stripes__examples_lines::after {
		width: 71px;
		bottom: -376px;
		left: -410px
	}
	.stripes .stripes__examples .wrapper::before {
		width: 71px;
		top: -215px;
		right: -100px
	}
	.stripes .stripes__examples .wrapper::after {
		width: 71px;
		top: -225px;
		right: -240px
	}
	.stripes .stripes__examples .stripes__examples_item:nth-child(odd) .image img {
		-webkit-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		transform: translateX(-40px)
	}
	.stripes .stripes__examples .stripes__examples_item:nth-child(even) .image img {
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px)
	}
	.stripes .stripes__examples .stripes__examples_item .details {
		padding: 0!important
	}
	.stripes .stripes__examples .stripes__examples_item .details h3 {
		font-size: 40px
	}
	.stripes .stripes__examples .stripes__examples_item .image img {
		width: calc(100% + 40px)
	}
	.stripes .ehr__results {
		margin-top: 120px;
		padding-left: 16px;
		padding-right: 16px
	}
	.stripes .ehr__results h2 {
		font-size: 80px
	}
	.stripes .ehr__results .ehr__results_details .comment {
		margin-left: 0
	}
	.stripes .ehr__results .ehr__results_details .comment::before {
		left: 0
	}
	.stripes .ehr__results .ehr__results_details .comment::after {
		left: 20px
	}
}

.augmania .wrapper {
	max-width: 1120px;
	margin: auto
}

.augmania .case__hero {
	background-color: #f9f1f3
}

.augmania .case__hero .wrapper {
	padding: 203px 0 116px;
	background: 0 0;
	position: relative
}

.augmania .case__hero .case__hero_details {
	width: 65%;
	position: relative;
	z-index: 1
}

.augmania .case__hero .case__hero_details h1 {
	margin-bottom: 24px;
	color: #19233c;
	font-size: 96px
}

.augmania .case__hero .case__hero_details ul li {
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #19233c
}

.augmania .case__hero .case__hero_bg {
	height: 113%;
	position: absolute;
	bottom: -25%;
	left: 60%;
	z-index: 0
}

.augmania .case__hero .case__hero_leaf {
	position: absolute;
	top: 0;
	left: 105px;
	width: 154px;
	height: 88px;
	z-index: 0
}

.augmania .case__hero .case__hero_circles {
	width: 260px;
	height: 182px;
	position: absolute;
	bottom: 8%;
	left: 49%;
	z-index: 0
}

.augmania .augmania__client h2 span,
.augmania .case__delivery .case__delivery_team .team--title h3,
.augmania .case__delivery h2 {
	color: #ff1d53
}

.augmania .ehr__challenge {
	margin-top: 106px;
	padding-bottom: 80px
}

.augmania .ehr__challenge h2 {
	text-align: center;
	opacity: .07;
	margin-bottom: -42px
}

.augmania .ehr__challenge .ehr__challenge_description {
	max-width: 773px;
	margin: auto;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #2d3750
}

.augmania .case__roadmap {
	background-color: #f9f1f3
}

.augmania .augmania__client .augmania__client_about,
.augmania .case__roadmap .wrapper {
	position: relative
}

.augmania .case__roadmap .wrapper .case__roadmap_bg {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-47%, -37%);
	-ms-transform: translate(-47%, -37%);
	transform: translate(-47%, -37%)
}

.augmania .case__roadmap .wrapper .case__roadmap_list li {
	width: calc((100% - 220px)/5);
	position: relative
}

.augmania .case__roadmap .wrapper .case__roadmap_list li::before {
	content: "";
	display: block;
	height: 1px;
	width: 33px;
	background-color: #19233c;
	position: absolute;
	right: -43px;
	top: calc(50%)
}

.augmania .case__roadmap .wrapper .case__roadmap_list li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-left: 6px solid #19233c;
	border-bottom: 3px solid transparent;
	position: absolute;
	bottom: auto;
	top: calc(50% - 2px);
	right: -45px
}

.augmania .case__roadmap .wrapper .case__roadmap_list li .tile {
	background-color: #ff1d53;
	height: 104px;
	font-weight: 600;
	margin-bottom: 0
}

.augmania .case__roadmap .wrapper .case__roadmap_list li .tile span {
	width: 80%
}

.augmania .augmania__client {
	margin-top: 120px
}

.augmania .augmania__client h2 {
	width: 47%;
	font-size: 48px;
	color: #03041a;
	margin-bottom: 22px
}

.augmania .augmania__client .augmania__client_about p,
.augmania .augmania__client .augmania__client_goals ul {
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: normal;
	color: #03041a
}

.augmania .augmania__client .augmania__client_about p {
	width: 47%;
	min-height: 1em
}

.augmania .augmania__client .augmania__client_about .about-leaf {
	position: absolute;
	top: 50%;
	right: -190px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.augmania .augmania__client .augmania__client_about .about-circles {
	position: absolute;
	left: 50%;
	top: 0;
	height: 90%
}

.augmania .augmania__client .augmania__client_about .about-eye {
	width: 138px;
	height: 129px;
	position: absolute;
	top: 47%;
	left: 75%
}

.augmania .augmania__client .augmania__client_goals {
	position: relative;
	margin-top: 12px
}

.augmania .augmania__client .augmania__client_goals .goals-circles {
	position: absolute;
	right: 55%;
	top: 25%;
	height: 70%
}

.augmania .augmania__client .augmania__client_goals h2 {
	margin-left: auto;
	width: 48%
}

.augmania .augmania__client .augmania__client_goals ul {
	margin-left: auto;
	width: 48%
}

.augmania .augmania__client .augmania__client_goals ul li {
	margin-bottom: 1em;
	position: relative;
	padding-left: 20px
}

.augmania .augmania__client .augmania__client_goals ul li::before,
.augmania .augmania__personas .augmania__personas_details .details--section ul li::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ff1d53;
	position: absolute;
	left: 0;
	top: 9px
}

.augmania .augmania__personas {
	margin-top: 200px
}

.augmania .augmania__client h2,
.augmania .augmania__personas h2,
.augmania .augmania__ui .augmania__ui_title .wrapper h2 {
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal
}

.augmania .augmania__personas h2 {
	font-size: 48px;
	color: #ff1d53;
	text-align: center
}

.augmania .augmania__personas .augmania__personas_text-mobile {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #2d3750;
	display: none
}

.augmania .augmania__personas .augmania__personas_details {
	height: 531px;
	margin-top: 29px;
	border-radius: 8px;
	-webkit-box-shadow: 0 16px 42px 0 rgba(0, 51, 121, .1);
	box-shadow: 0 16px 42px 0 rgba(0, 51, 121, .1);
	background-color: #fff;
	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;
	padding: 16px 26px 16px 48px;
	position: relative
}

.augmania .augmania__personas .augmania__personas_details::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: rgba(33, 39, 162, .12);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 0
}

.augmania .augmania__personas .augmania__personas_details::after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: rgba(33, 39, 162, .12);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: 0
}

.augmania .augmania__personas .augmania__personas_details .details--section {
	padding-top: 24px;
	height: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.augmania .augmania__personas .augmania__personas_details .details--section.needs,
.augmania .augmania__personas .augmania__personas_details .details--section.painpoints {
	width: 38%
}

.augmania .augmania__personas .augmania__personas_details .details--section.goals,
.augmania .augmania__personas .augmania__personas_details .details--section.tasks {
	width: 34%
}

.augmania .augmania__personas .augmania__personas_details .details--section h3 {
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #03041a
}

.augmania .augmania__personas .augmania__personas_details .details--section ul {
	margin-top: 26px;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	color: #03041a
}

.augmania .augmania__personas .augmania__personas_details .details--section ul li {
	margin-bottom: 1em;
	position: relative
}

.augmania .augmania__personas .augmania__personas_details .details--section ul li::before {
	left: -16px;
	top: 5px
}

.augmania .augmania__personas .augmania__personas_details .details--persona,
.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.augmania .augmania__personas .augmania__personas_details .details--persona {
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: normal;
	text-align: center;
	color: #03041a;
	position: absolute;
	top: 120px;
	left: calc(50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1
}

.augmania .augmania__personas .augmania__personas_details .details--persona img {
	width: 300px;
	height: 300px;
	border-radius: 50%
}

.augmania .augmania__personas .augmania__personas_details .details--persona b {
	margin-top: 11px
}

.augmania .augmania__architecture {
	margin-top: 250px
}

.augmania .augmania__architecture .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 440px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.augmania .augmania__architecture .wrapper .augmania__architecture_bg {
	background-color: #f9f1f3;
	position: absolute;
	top: 0;
	left: 20%;
	height: 100%;
	width: 100vw
}

.augmania .augmania__architecture .wrapper .augmania__architecture_bg img,
.augmania .augmania__ui .augmania__ui_title .wrapper img {
	position: absolute;
	left: 15%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.augmania .augmania__architecture .wrapper h2 {
	position: relative;
	z-index: 1
}

.augmania .augmania__architecture .wrapper h2 span,
.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors h3 span {
	color: #ff1d53;
	display: block
}

.augmania .augmania__wireframes {
	margin-top: 250px;
	padding: 80px 0 172px;
	background: url(../img/bg-augmania-wireframes.jpg) no-repeat center/cover
}

.augmania .augmania__wireframes .btn {
	margin-top: 32px;
	border: solid 1px #ff1d53;
	color: #ff1d53;
	width: 350px
}

.augmania .augmania__wireframes .btn:hover {
	background-color: #ff1d53;
	-webkit-box-shadow: 0 8px 32px 0 rgba(189, 48, 82, .7);
	box-shadow: 0 8px 32px 0 rgba(189, 48, 82, .7);
	color: #fff
}

.augmania .augmania__wireframes .btn:active {
	background-color: rgba(189, 48, 82, .7)
}

.augmania .augmania__wireframes_row-1 {
	margin-top: -130px
}

.augmania .augmania__wireframes_row-1 .wrapper,
.augmania .augmania__wireframes_row-2,
.augmania .augmania__wireframes_row-3 .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transform: translateX(-1vw);
	-ms-transform: translateX(-1vw);
	transform: translateX(-1vw)
}

.augmania .augmania__wireframes_row-1 .wrapper img,
.augmania .augmania__wireframes_row-2 img,
.augmania .augmania__wireframes_row-3 .wrapper img {
	width: 35vw;
	height: intrinsic;
	margin: 0 -1.3vw
}

.augmania .augmania__wireframes_row-2 {
	-webkit-transform: translateX(-10vw);
	-ms-transform: translateX(-10vw);
	transform: translateX(-10vw);
	margin-top: -1.5vw
}

.augmania .augmania__wireframes_row-3 {
	margin-top: -1.5vw
}

.augmania .augmania__ui {
	margin-top: 277px
}

.augmania .augmania__ui .augmania__ui_title {
	background-color: #f9f1f3;
	height: 320px
}

.augmania .augmania__ui .augmania__ui_title .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 100%
}

.augmania .augmania__ui .augmania__ui_title .wrapper img {
	width: 50%;
	left: 0
}

.augmania .augmania__ui .augmania__ui_title .wrapper h2 {
	font-size: 80px;
	color: #19233c;
	margin-left: 55%
}

.augmania .augmania__ui .augmania__ui_details .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography {
	width: 55%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-top: 240px
}

.augmania .augmania__architecture .wrapper h2,
.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors h3,
.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .icons h3,
.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .typography h3,
.augmania .ehr__results .ehr__results_details ol {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #19233c
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .typography b,
.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .typography span {
	display: block;
	margin-top: 40px;
	font-size: 80px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -2px;
	color: #19233c;
	opacity: .3;
	white-space: nowrap
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .typography span {
	font-family: "Poppins", sans-serif;
	font-size: 32px;
	font-weight: 400;
	line-height: .94;
	letter-spacing: normal;
	margin-top: 8px
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .icons {
	margin-top: 96px
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list,
.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .icons .icons-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 36px
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .icons .icons-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 16%;
	margin-bottom: 20px
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors {
	margin-top: 120px;
	width: 37%
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list {
	margin-top: 40px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list li {
	width: 176px;
	margin-bottom: 32px
}

.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list li span,
.augmania .ehr__results .ehr__results_details ol li::before {
	font-size: 24px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #19233c
}

.augmania .augmania__examples {
	margin-bottom: -9vw
}

.augmania .augmania__examples .augmania__examples_row-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.augmania .augmania__examples .augmania__examples_row-1 img,
.augmania .augmania__examples .augmania__examples_row-2 img,
.augmania .augmania__examples .augmania__examples_row-3 img {
	width: 59vw;
	height: intrinsic;
	margin: 0 -4vw
}

.augmania .augmania__examples .augmania__examples_row-2 {
	-webkit-transform: translateX(10vw);
	-ms-transform: translateX(10vw);
	transform: translateX(10vw)
}

.augmania .augmania__examples .augmania__examples_row-2,
.augmania .augmania__examples .augmania__examples_row-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: -9vw
}

.augmania .ehr__results {
	margin-top: 240px;
	overflow: hidden
}

.augmania .ehr__results h2 {
	margin-bottom: 37px;
	color: #19233c
}

.augmania .ehr__results .ehr__results_details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.augmania .ehr__results .ehr__results_details ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	color: #2d3750;
	width: 46%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.augmania .ehr__results .ehr__results_details ol li {
	counter-increment: my-awesome-counter;
	position: relative;
	margin-bottom: 2em
}

.augmania .ehr__results .ehr__results_details ol li::before {
	content: counter(my-awesome-counter) "";
	font-size: 80px;
	font-weight: 800;
	text-align: center;
	color: #f0f3f8;
	position: absolute;
	top: -30px;
	left: -20px;
	z-index: -1
}

.augmania .ehr__results .ehr__results_details .comment {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 180px;
	position: relative
}

.augmania .ehr__results .ehr__results_details .comment::before {
	content: "";
	width: 2000px;
	height: 240px;
	background-color: #f0f3f8;
	position: absolute;
	top: -115px;
	left: -115px;
	z-index: -1
}

.augmania .ehr__results .ehr__results_details .comment::after {
	content: "";
	display: block;
	width: 140px;
	height: 107px;
	background: url(../img/quotes.svg) no-repeat center/cover;
	position: absolute;
	top: -60px;
	left: -76px
}

.augmania .ehr__results .ehr__results_details .comment .text {
	font-size: 24px;
	font-weight: 500;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c
}

.augmania .ehr__results .ehr__results_details .comment .author {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.augmania .ehr__results .ehr__results_details .comment .author .photo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #19233c;
	margin-right: 24px
}

.augmania .ehr__results .ehr__results_details .comment .author .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #19233c
}

.augmania .ehr__cases {
	margin-top: 165px;
	padding-left: 24px;
	padding-right: 24px
}

.augmania .ehr__cases h2 {
	opacity: .07;
	line-height: .7;
	color: #19233c
}

.augmania .ehr__cases .cases__list {
	margin-top: 24px
}

.augmania .homepage__start {
	margin-top: 154px
}

@media screen and (max-width:960px) {
	.wrapper {
		padding: 0
	}
	.augmania .case__hero {
		margin-bottom: 40vw!important
	}
	.augmania .case__hero .wrapper {
		padding-bottom: 70vw!important
	}
	.augmania .case__hero .case__hero_bg {
		height: auto!important;
		width: 90%!important;
		top: auto!important;
		bottom: -26vw!important;
		left: 20%!important;
		-webkit-transform: none!important;
		-ms-transform: none!important;
		transform: none!important
	}
	.augmania .case__hero .case__hero_circles {
		width: 63vw;
		height: auto;
		position: absolute;
		bottom: 19vw;
		left: 19vw
	}
	.augmania .case__hero .case__hero_leaf {
		position: absolute;
		top: 55px;
		left: auto;
		right: 0;
		z-index: 0;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom
	}
	.augmania .case__delivery .case__delivery_list {
		margin: -29px 0 0 10px;
		width: auto
	}
	.augmania .case__delivery .case__delivery_team .team--photos li {
		width: calc(50% - 44px)
	}
	.augmania .ehr__results {
		padding-left: 24px;
		padding-right: 24px
	}
	.augmania .case__delivery .case__delivery_list,
	.augmania .case__roadmap .wrapper .case__roadmap_schema .case__roadmap_list,
	.augmania .ehr__results .ehr__results_details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.augmania .ehr__results .ehr__results_details ol {
		width: 100%;
		margin-left: 20px;
		margin-bottom: 130px
	}
	.augmania .augmania__client .augmania__client_about p,
	.augmania .augmania__client .augmania__client_goals h2,
	.augmania .augmania__client .augmania__client_goals ul,
	.augmania .augmania__client h2,
	.augmania .case__roadmap .wrapper .case__roadmap_schema {
		width: auto
	}
	.augmania .case__roadmap .wrapper .case__roadmap_schema .case__roadmap_list {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto
	}
	.augmania .case__roadmap .wrapper .case__roadmap_schema .case__roadmap_list li {
		width: auto;
		text-align: center;
		padding-bottom: 0;
		margin-bottom: 88px
	}
	.augmania .case__roadmap .wrapper .case__roadmap_schema .case__roadmap_list li::before {
		width: 1px;
		height: 49px;
		left: 50%;
		top: calc(100% + 21px)
	}
	.augmania .case__roadmap .wrapper .case__roadmap_schema .case__roadmap_list li::after {
		border-left: 2px solid transparent;
		border-right: 3px solid transparent;
		border-top: 6px solid #19233c;
		bottom: auto;
		top: calc(100% + 67px);
		right: auto;
		left: calc(50% - 2px)
	}
	.augmania .augmania__architecture,
	.augmania .augmania__client,
	.augmania .augmania__personas h2 {
		padding: 0 24px
	}
	.augmania .augmania__client .augmania__client_about .about-leaf {
		height: 90px;
		right: -55px;
		-webkit-transform: translate(0, 0) rotate(-45deg);
		-ms-transform: translate(0, 0) rotate(-45deg);
		transform: translate(0, 0) rotate(-45deg);
		top: 0
	}
	.augmania .augmania__client .augmania__client_about .about-eye {
		bottom: -130px;
		top: auto;
		left: auto;
		right: 6%;
		width: 90px;
		height: auto
	}
	.augmania .augmania__client .augmania__client_about .about-circles {
		width: 100%;
		left: 0;
		right: 0;
		bottom: -7vw;
		top: auto;
		opacity: .5
	}
	.augmania .augmania__client .augmania__client_goals {
		margin-top: 120px
	}
	.augmania .augmania__client .augmania__client_goals .goals-circles {
		position: absolute;
		right: auto;
		top: auto;
		height: auto;
		width: 50%;
		bottom: -15vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: .5
	}
	.augmania .augmania__personas .augmania__personas_text-mobile {
		display: block;
		padding: 0 24px
	}
	.augmania .augmania__personas .augmania__personas_details {
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 40px
	}
	.augmania .augmania__personas .augmania__personas_details::after,
	.augmania .augmania__personas .augmania__personas_details::before {
		display: none
	}
	.augmania .augmania__personas .augmania__personas_details .details--section {
		width: 100%!important
	}
	.augmania .augmania__personas .augmania__personas_details .details--persona {
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin-top: 24px
	}
	.augmania .augmania__architecture .wrapper {
		display: block
	}
	.augmania .augmania__architecture .wrapper h2 {
		width: 100%;
		text-align: center
	}
	.augmania .augmania__architecture .wrapper .augmania__architecture_bg {
		margin-top: 24px;
		position: relative;
		background-color: transparent;
		top: 0;
		left: 0
	}
	.augmania .augmania__architecture .wrapper .augmania__architecture_bg::before {
		content: "";
		display: block;
		top: 15%;
		right: 0;
		bottom: -10%;
		left: 15%;
		position: absolute;
		background-color: #f9f1f3
	}
	.augmania .augmania__architecture .wrapper .augmania__architecture_bg img {
		position: relative;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 150%;
		z-index: 1;
		left: 0;
		top: 0
	}
	.augmania .augmania__wireframes {
		padding-left: 24px;
		padding-right: 24px;
		padding-bottom: 90vw
	}
	.augmania .augmania__wireframes_row-1 {
		margin-top: -60.2vw;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.augmania .augmania__wireframes_row-1 .wrapper,
	.augmania .augmania__wireframes_row-3 .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.augmania .augmania__wireframes_row-1 .wrapper img,
	.augmania .augmania__wireframes_row-2 img {
		width: 110vw;
		margin: -4vw 0
	}
	.augmania .augmania__wireframes_row-1 .wrapper img:nth-child(odd),
	.augmania .augmania__wireframes_row-2 img:nth-child(even) {
		margin-left: 8vw
	}
	.augmania .augmania__wireframes_row-1 .wrapper img:nth-child(even),
	.augmania .augmania__wireframes_row-2 img:nth-child(odd) {
		margin-left: -16vw
	}
	.augmania .augmania__wireframes_row-2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.augmania .augmania__wireframes_row-2,
	.augmania .augmania__wireframes_row-3 {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.augmania .augmania__wireframes_row-3 .wrapper img {
		width: 110vw;
		margin: -4vw 0
	}
	.augmania .augmania__wireframes_row-3 .wrapper img:nth-child(even) {
		margin-left: 8vw
	}
	.augmania .augmania__wireframes_row-3 .wrapper img:nth-child(odd) {
		margin-left: -16vw
	}
	.augmania .augmania__ui .augmania__ui_title {
		height: auto
	}
	.augmania .augmania__ui .augmania__ui_title .wrapper {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.augmania .augmania__ui .augmania__ui_title .wrapper h2 {
		width: 100%;
		margin: 32px 0 60px;
		text-align: center
	}
	.augmania .augmania__ui .augmania__ui_title .wrapper img {
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 50vw;
		margin-top: -30vw
	}
	.augmania .augmania__ui .augmania__ui_details {
		padding: 0 24px
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper,
	.augmania .augmania__ui .augmania__ui_title .wrapper,
	.ehr .ehr__results .ehr__results_details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 100px;
		width: auto
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: auto
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list li {
		width: 50%
	}
	.ehr .ehr__result .wrapper .ehr__result_1 {
		margin-top: 150px;
		width: 80%;
		z-index: 1;
		position: relative
	}
	.ehr .ehr__result .wrapper .ehr__result_2 {
		width: 70%;
		top: 150px;
		left: 31%
	}
	.ehr .ehr__result .wrapper .ehr__result_3 {
		width: 70%;
		top: 0;
		left: 60%
	}
	.ehr .ehr__results .ehr__results_details ol {
		width: auto;
		margin-left: 24px
	}
	.ehr .ehr__results .ehr__results_details .comment {
		margin-left: 120px;
		margin-top: 120px
	}
}

@media screen and (max-width:576px) {
	.augmania .case__hero .wrapper::before {
		bottom: -340px;
		right: 240px
	}
	.augmania .case__hero .wrapper::after {
		bottom: -290px;
		right: 35px
	}
	.augmania .case__roadmap .wrapper::before {
		width: 90px;
		border-width: 2px;
		height: 500px;
		top: -310px;
		right: 170px
	}
	.augmania .case__roadmap .wrapper::after {
		width: 90px;
		border-width: 2px;
		height: 500px;
		top: -315px;
		right: 33px
	}
	.augmania .case__roadmap .wrapper .case__roadmap_list li:last-child {
		margin-bottom: 0
	}
	.augmania .case__roadmap .wrapper .case__roadmap_list li .tile {
		min-height: 72px;
		height: auto
	}
	.augmania .augmania__personas .augmania__personas_text-mobile {
		padding: 0 16px
	}
	.augmania .augmania__architecture {
		padding: 0 16px;
		margin-top: 90px
	}
	.augmania .augmania__wireframes {
		margin-top: 140px
	}
	.augmania .augmania__wireframes .btn,
	.augmania .ehr__challenge .stripes__tools .stripes__tools_title {
		width: 100%
	}
	.augmania .augmania__ui .augmania__ui_title .wrapper h2 {
		font-size: 48px
	}
	.augmania .augmania__ui .augmania__ui_title .wrapper img {
		width: 83vw;
		margin-top: -51vw
	}
	.augmania .augmania__ui .augmania__ui_details {
		padding: 0 16px
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors h3,
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .icons h3,
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .typography h3,
	.augmania .stripes__examples .stripes__examples_item .details h3 {
		font-size: 40px
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list li img {
		width: 80%
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--colors .colors-list li span {
		margin-top: 10px
	}
	.augmania .augmania__ui .augmania__ui_details .wrapper .details--typography .icons .icons-list li {
		width: 33.333%
	}
	.augmania .augmania__examples .augmania__examples_row-1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.augmania .augmania__examples .augmania__examples_row-1 img,
	.augmania .augmania__examples .augmania__examples_row-2 img,
	.augmania .augmania__examples .augmania__examples_row-3 img {
		width: 130vw;
		margin: -10vw 0
	}
	.augmania .augmania__examples .augmania__examples_row-1 img:nth-child(odd) {
		-webkit-transform: translateX(5%);
		-ms-transform: translateX(5%);
		transform: translateX(5%)
	}
	.augmania .augmania__examples .augmania__examples_row-1 img:nth-child(even) {
		-webkit-transform: translateX(-30%);
		-ms-transform: translateX(-30%);
		transform: translateX(-30%)
	}
	.augmania .augmania__examples .augmania__examples_row-2,
	.augmania .augmania__examples .augmania__examples_row-3 {
		margin-top: 3vw;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.augmania .augmania__examples .augmania__examples_row-2 img:nth-child(odd) {
		-webkit-transform: translateX(5%);
		-ms-transform: translateX(5%);
		transform: translateX(5%)
	}
	.augmania .augmania__examples .augmania__examples_row-2 img:nth-child(even) {
		-webkit-transform: translateX(-30%);
		-ms-transform: translateX(-30%);
		transform: translateX(-30%)
	}
	.augmania .augmania__examples .augmania__examples_row-3 img:nth-child(odd) {
		-webkit-transform: translateX(5%);
		-ms-transform: translateX(5%);
		transform: translateX(5%)
	}
	.augmania .augmania__examples .augmania__examples_row-3 img:nth-child(even) {
		-webkit-transform: translateX(-30%);
		-ms-transform: translateX(-30%);
		transform: translateX(-30%)
	}
	.augmania .ehr__challenge,
	.augmania .stripes__problems {
		padding-left: 16px;
		padding-right: 16px
	}
	.augmania .ehr__challenge .stripes__tools {
		padding-left: 0;
		padding-right: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.augmania .ehr__challenge .stripes__tools .stripes__tools_image {
		width: 100%;
		margin-top: 48px
	}
	.augmania .stripes__problems {
		background-image: url(../img/bg-stripes-examples.png)
	}
	.augmania .stripes__problems .wrapper {
		padding-top: 72px;
		padding-bottom: 118px
	}
	.augmania .stripes__problems .wrapper::after,
	.augmania .stripes__problems .wrapper::before {
		width: 71px;
		top: auto;
		right: -40px;
		bottom: -70px;
		height: 1000px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.augmania .stripes__problems .wrapper::after {
		right: -210px;
		bottom: -40px
	}
	.augmania .stripes__problems .wrapper .stripes__problems_details {
		width: auto
	}
	.augmania .stripes__architecture::after,
	.augmania .stripes__architecture::before,
	.augmania .stripes__problems .wrapper .stripes__problems_details h2::before {
		display: none
	}
	.augmania .stripes__problems .wrapper .stripes__problems_icon {
		position: relative;
		width: 100%;
		margin-top: 82px;
		top: 0;
		left: auto;
		right: -10vw
	}
	.augmania .stripes__architecture {
		margin-top: 96px;
		padding-left: 16px;
		padding-right: 16px
	}
	.augmania .stripes__architecture p {
		max-width: initial
	}
	.augmania .stripes__architecture .stripes__architecture_1,
	.augmania .stripes__architecture .stripes__architecture_2 {
		margin-top: 48px;
		width: calc(100% + 16px);
		-webkit-transform: translateX(16px);
		-ms-transform: translateX(16px);
		transform: translateX(16px)
	}
	.augmania .stripes__architecture .stripes__architecture_2 {
		margin-top: 16px
	}
	.augmania .stripes__wireframes {
		margin-top: 120px;
		background-image: url(../img/bg-stripes-wireframes-mobile.jpg)
	}
	.augmania .stripes__ui .stripes__ui_details .typography::before,
	.augmania .stripes__wireframes_row-1,
	.augmania .stripes__wireframes_row-2,
	.augmania .stripes__wireframes_row-3 {
		display: none
	}
	.augmania .stripes__wireframes_row-mobile {
		position: relative;
		display: block
	}
	.augmania .stripes__wireframes_row-mobile img {
		width: 100%;
		position: relative;
		z-index: 1
	}
	.augmania .stripes__wireframes_row-mobile::after,
	.augmania .stripes__wireframes_row-mobile::before {
		content: "";
		display: block;
		width: 71px;
		height: 920px;
		background-color: #ffc641;
		position: absolute;
		bottom: -190px;
		right: -100px;
		border-radius: 90px;
		-webkit-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(40deg);
		z-index: 0
	}
	.augmania .stripes__wireframes_row-mobile::after {
		background-color: #f7f7f9;
		bottom: -160px;
		right: -240px
	}
	.augmania .stripes__ui {
		margin-top: 120px;
		padding-left: 16px;
		padding-right: 16px
	}
	.augmania .stripes__ui .stripes__ui_details {
		margin-top: 40px
	}
	.augmania .stripes__ui .stripes__ui_details .typography {
		width: auto
	}
	.augmania .stripes__ui .stripes__ui_details .typography .typography-bold .list,
	.augmania .stripes__ui .stripes__ui_details .typography .typography-regular .list {
		font-size: 12.5px
	}
	.augmania .stripes__ui .stripes__ui_details .typography .typography-bold .list span,
	.augmania .stripes__ui .stripes__ui_details .typography .typography-regular .list span {
		width: 7vw;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.augmania .stripes__ui .stripes__ui_details .colors {
		width: auto;
		margin-top: 54px
	}
	.augmania .stripes__ui .stripes__ui_details .colors .colors-list {
		margin-top: 24px
	}
	.augmania .stripes__ui .stripes__ui_details .colors .colors-list span {
		margin: -20px 6% 0
	}
	.augmania .stripes__examples {
		padding: 72px 16px 0
	}
	.augmania .stripes__examples .stripes__examples_lines::before {
		width: 71px;
		bottom: -316px;
		left: -470px
	}
	.augmania .stripes__examples .stripes__examples_lines::after {
		width: 71px;
		bottom: -376px;
		left: -410px
	}
	.augmania .stripes__examples .wrapper::before {
		width: 71px;
		top: -215px;
		right: -100px
	}
	.augmania .stripes__examples .wrapper::after {
		width: 71px;
		top: -225px;
		right: -240px
	}
	.augmania .stripes__examples .stripes__examples_item:nth-child(odd) .image img {
		-webkit-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		transform: translateX(-40px)
	}
	.augmania .stripes__examples .stripes__examples_item:nth-child(even) .image img {
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px)
	}
	.augmania .stripes__examples .stripes__examples_item .details {
		padding: 0!important
	}
	.augmania .stripes__examples .stripes__examples_item .image img {
		width: calc(100% + 40px)
	}
	.augmania .ehr__results {
		margin-top: 120px;
		padding-left: 16px;
		padding-right: 16px
	}
	.augmania .ehr__results h2 {
		font-size: 80px
	}
	.augmania .ehr__results .ehr__results_details .comment {
		margin-left: 0
	}
	.augmania .ehr__results .ehr__results_details .comment::before {
		left: 0
	}
	.augmania .ehr__results .ehr__results_details .comment::after {
		left: 20px
	}
}

.talentscan .navslider[data-current-color=white] {
	color: rgba(255, 255, 255, .7)
}

.talentscan .wrapper {
	max-width: 1120px;
	margin: auto
}

.talentscan .case__hero {
	background: #fff
}

.talentscan .case__hero .wrapper {
	padding: 203px 0 116px;
	background: 0 0;
	position: relative
}

.talentscan .case__hero .case__hero_bg {
	left: 55%
}

.talentscan .case__hero .case__hero_details {
	width: 65%;
	position: relative;
	z-index: 1
}

.ehrds .case__hero .case__hero_details h1,
.talentscan .case__hero .case__hero_details h1 {
	margin-bottom: 24px;
	color: #0e1928;
	font-size: 80px
}

.ehrds .case__hero .case__hero_details ul,
.talentscan .case__hero .case__hero_details ul {
	opacity: .8
}

.ehrds .case__hero .case__hero_details ul li,
.talentscan .case__hero .case__hero_details ul li {
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #0e1928
}

.talentscan .case__delivery .case__delivery_team .team--title h3 {
	color: #608cef
}

.talentscan .case__roadmap {
	background-color: #f4f9ff
}

.talentscan .case__roadmap .wrapper {
	position: relative
}

.talentscan .case__roadmap .wrapper .case__roadmap_list li .tile,
.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.planning .steps--list-main h4 {
	background-color: #fb5507;
	position: relative;
}

.talentscan .talentscan__about {
	margin-top: 108px
}

.talentscan .talentscan__about .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.talentscan .talentscan__about h2,
.talentscan .talentscan__about h3 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333
}

.talentscan .talentscan__about h3 {
	font-size: 40px
}

.talentscan .talentscan__about .talentscan__about_details {
	width: 46%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper .evaluation--hypothesis-details h3,
.talentscan .talentscan__about .talentscan__about_details .project h2 {
	margin-bottom: 24px
}

.talentscan .talentscan__about .talentscan__about_details .project p,
.talentscan .talentscan__findings .talentscan__findings_details p,
.talentscan .talentscan__journey .talentscan__journey_table .scenario p,
.talentscan .talentscan__journey .talentscan__journey_title p,
.talentscan .talentscan__kit .talentscan__kit_title p,
.talentscan .talentscan__qualitative .talentscan__qualitative_research p,
.talentscan .talentscan__results .talentscan__results_title p,
.talentscan .talentscan__ui .talentscan__ui_title .details p,
.talentscan .talentscan__wireframes .talentscan__wireframes_conclusion p,
.talentscan .talentscan__wireframes .talentscan__wireframes_list .details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.talentscan .talentscan__about .talentscan__about_details .users {
	margin-top: 76px
}

.talentscan .talentscan__about .talentscan__about_details .users .users--list {
	margin-top: 24px
}

.talentscan .talentscan__about .talentscan__about_details .users .users--list li {
	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-bottom: 12px
}

.talentscan .talentscan__about .talentscan__about_details .users .users--list li:last-child {
	margin-bottom: 0
}

.talentscan .talentscan__about .talentscan__about_details .users .users--list li img {
	margin-right: 8px
}

.talentscan .talentscan__about .talentscan__about_benefits {
	border-radius: 8px;
	-webkit-box-shadow: 0 26px 30px -20px rgba(10, 42, 116, .15);
	box-shadow: 0 26px 30px -20px rgba(10, 42, 116, .15);
	background-color: #f9f9f9;
	padding: 37px 40px;
	margin-top: 64px;
	width: 55%;
	margin-right: -10%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.talentscan .talentscan__about .talentscan__about_benefits .benefits--list {
	margin-top: 16px;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.talentscan .talentscan__about .talentscan__about_benefits .benefits--list li {
	margin-bottom: 8px;
	position: relative;
	padding-left: 32px
}

.talentscan .talentscan__about .talentscan__about_benefits .benefits--list li::before {
	content: "";
	display: block;
	width: 16px;
	height: 8px;
	border-bottom: 2px solid #608cef;
	border-left: 2px solid #608cef;
	position: absolute;
	left: 0;
	top: 8px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.talentscan .talentscan__challenge {
	margin-top: 139px
}

.talentscan .talentscan__challenge h2 {
	font-size: 56px;
	font-weight: 800;
	text-align: center;
	color: #333;
	margin-bottom: 88px
}

.talentscan .talentscan__challenge .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.talentscan .talentscan__challenge h3,
.talentscan .talentscan__evaluation .talentscan__evaluation_section h3,
.talentscan .talentscan__findings .talentscan__findings_details h2 {
	font-size: 40px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 24px
}

.talentscan .talentscan__challenge h2,
.talentscan .talentscan__challenge ol,
.talentscan .talentscan__research h2 {
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal
}

.talentscan .talentscan__challenge ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	font-size: 16px;
	font-weight: 500;
	color: #19233c
}

.talentscan .talentscan__challenge ol li {
	counter-increment: my-awesome-counter;
	margin-bottom: 16px;
	position: relative;
	padding-left: 18px
}

.talentscan .talentscan__challenge ol li::before {
	content: counter(my-awesome-counter) ". ";
	position: absolute;
	left: 0;
	top: -1px
}

.talentscan .talentscan__challenge .talentscan__challenge__goals,
.talentscan .talentscan__challenge .talentscan__challenge__requirements {
	width: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: 48px;
	position: relative;
	margin-bottom: 50px;
}

.talentscan .talentscan__challenge .talentscan__challenge__requirements img {
	position: absolute;
	right: 80%;
	top: 28%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 130px;
	opacity: 0.2;
}

.talentscan .talentscan__challenge .talentscan__challenge__goals img {
	position: absolute;
	right: 80%;
	top: 28%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.2;
	width: 130px;
}

.talentscan .talentscan__research {
	margin-top: 200px
}

.talentscan .talentscan__research h2 {
	font-size: 56px;
	font-weight: 800;
	color: #333;
	text-align: center
}

.talentscan .talentscan__research .talentscan__research_list {
	margin-top: 56px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.talentscan .talentscan__research .talentscan__research_list li {
	width: calc((100% - (24px*5))/6);
	text-align: center
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item h4.red::before,
.talentscan .talentscan__research .talentscan__research_list li.interview,
.talentscan .talentscan__research .talentscan__research_list li.qualitative {
	color: #e42f4d
}

.talentscan .talentscan__research .talentscan__research_list li.journey,
.talentscan .talentscan__research .talentscan__research_list li.research {
	color: #3bc46a
}

.talentscan .talentscan__research .talentscan__research_list li.evaluation {
	color: #fcbd2e
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item h4.blue::before,
.talentscan .talentscan__research .talentscan__research_list li.user {
	color: #608cef
}

.talentscan .talentscan__evaluation h2,
.talentscan .talentscan__research .talentscan__research_list li h3 {
	font-size: 24px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: .4px;
	text-align: center
}

.talentscan .talentscan__evaluation {
	margin-top: 160px
}

.talentscan .talentscan__evaluation h2 {
	font-size: 56px;
	font-weight: 800;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 127px
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 120px
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section.signup .right {
	margin-top: -70px
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section h3 {
	margin-bottom: 32px
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .issues ol,
.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .list ul {
	max-width: 90%;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .list ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 28px
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .list ul li img {
	width: 24px;
	height: 24px;
	margin-right: 12px
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .issues {
	margin-top: 67px
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .issues ol {
	list-style: none;
	counter-reset: my-awesome-counter;
	color: #19233c
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .issues ol li {
	counter-increment: my-awesome-counter;
	position: relative;
	padding-left: 26px;
	line-height: 1.75
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .left .issues ol li::before {
	content: counter(my-awesome-counter) ". ";
	position: absolute;
	left: 0;
	top: 0
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .right {
	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: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.talentscan .talentscan__evaluation .talentscan__evaluation_section .right img,
.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper-container .swiper-wrapper .swiper-slide img,
.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%
}

.talentscan .talentscan__findings {
	margin-top: 250px
}

.talentscan .talentscan__findings .wrapper {
	position: relative
}

.talentscan .talentscan__findings .talentscan__findings_bg {
	position: absolute;
	right: 60%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.talentscan .talentscan__findings .talentscan__findings_details {
	width: 50%;
	margin-left: auto
}

.talentscan .talentscan__journey {
	margin-top: 290px
}

.talentscan .talentscan__journey .talentscan__journey_title {
	text-align: center
}

.talentscan .talentscan__journey .talentscan__journey_table .table h3,
.talentscan .talentscan__journey .talentscan__journey_title h2,
.talentscan .talentscan__qualitative .talentscan__qualitative_research h2,
.talentscan .talentscan__ui .talentscan__ui_title .details h2,
.talentscan .talentscan__wireframes .talentscan__wireframes_list .details h2 {
	font-size: 56px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 24px
}

.talentscan .talentscan__journey .talentscan__journey_table {
	margin-top: 68px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.talentscan .talentscan__journey .talentscan__journey_table .ann {
	width: 188px;
	height: 188px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.talentscan .talentscan__journey .talentscan__journey_table .table {
	margin: 0 100px 0 45px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.talentscan .talentscan__journey .talentscan__journey_table .table h3 {
	font-size: 32px;
	margin-bottom: 18px
}

.talentscan .talentscan__journey .talentscan__journey_table .table .table--border {
	border-top: 1px solid #608cef
}

.talentscan .talentscan__journey .talentscan__journey_table .table table {
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: .27px;
	color: #333
}

.talentscan .talentscan__journey .talentscan__journey_table .table table tr:nth-child(odd) td {
	background-color: #f7f9fe
}

.talentscan .talentscan__journey .talentscan__journey_table .table table tr:first-child td:nth-child(2) {
	border-right: 1px solid #fff
}

.talentscan .talentscan__journey .talentscan__journey_table .table table tr td {
	padding: 6px 8px
}

.talentscan .talentscan__journey .talentscan__journey_table .table table tr td:nth-child(odd) {
	color: rgba(51, 51, 51, .6)
}

.talentscan .talentscan__journey .talentscan__journey_table .table table tr td:first-child {
	padding-left: 16px
}

.talentscan .talentscan__journey .talentscan__journey_table .table table tr td:last-child {
	padding-right: 16px
}

.navslider[data-current-color=orange] a.current::before,
.talentscan .talentscan__journey .talentscan__journey_table .table table tr td.white {
	background-color: #fff
}

.talentscan .talentscan__journey .talentscan__journey_table .table table tr td[rowspan="2"] {
	line-height: 1.25
}

.talentscan .talentscan__journey .talentscan__journey_table .scenario {
	width: 32%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.talentscan .talentscan__journey .talentscan__journey_table .scenario h3,
.talentscan .talentscan__qualitative .talentscan__qualitative_list h3,
.talentscan .talentscan__wireframes .talentscan__wireframes_conclusion h2 {
	font-size: 32px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 16px
}

.talentscan .talentscan__journey .talentscan__journey_steps {
	margin-top: 88px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li {
	width: calc((100% - (75px*3))/4);
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.planning .steps--list-main {
	background-color: rgba(96, 140, 239, .05)
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.planning .steps--list-additional {
	background: url(../img/talentscan-journey-steps-planning.png) no-repeat center/100% 100%;
	margin: 37px -20px 0 -28px;
	padding: 84px 34px 32px 40px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.search .steps--list-main {
	background-color: rgba(59, 196, 106, .05)
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.search .steps--list-main h4 {
	background-color: #3bc46a
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.search .steps--list-additional {
	background: url(../img/talentscan-journey-steps-search.png) no-repeat center/100% 100%;
	margin: 8px -20px 0 -28px;
	padding: 100px 34px 58px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.review .steps--list-main {
	background-color: rgba(252, 189, 46, .05)
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.review .steps--list-main h4 {
	background-color: #fcbd2e
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.review .steps--list-additional {
	background: url(../img/talentscan-journey-steps-review.png) no-repeat center/100% 100%;
	margin: 8px -30px 0 0;
	padding: 100px 19px 46px 44px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.communication .steps--list-main {
	background-color: rgba(228, 47, 77, .05)
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.communication .steps--list-main h4 {
	background-color: #e42f4d;
	font-size: 20px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li.communication .steps--list-additional {
	background: url(../img/talentscan-journey-steps-communication.png) no-repeat center/100% 100%;
	margin: 8px -30px 0 16px;
	padding: 100px 13px 40px 34px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li .steps--list-main {
	overflow: hidden;
	border-radius: 0 0 8px 8px;
	min-height: 294px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li .description,
.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li .steps--list-additional {
	font-family: "Product Sans";
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: .27px;
	color: #333;
	padding: 16px 16px 30px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li .steps--list-additional p {
	min-height: 1em;
	opacity: .8
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 16px;
	font-family: "Product Sans";
	font-size: 24px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .4px;
	color: #fff;
	overflow: hidden;
	border-radius: 8px 8px 0 0
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li h4 img {
	height: 40px;
	margin-right: 12px
}

.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li .description p {
	min-height: 1.5em
}

.talentscan .talentscan__qualitative {
	margin-top: 120px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_research {
	max-width: 800px;
	position: relative;
	margin-bottom: 48px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_research img {
	height: 430px;
	position: absolute;
	top: 50%;
	left: 125%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list {
	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
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list h3 {
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: 24px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item {
	width: 48%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: 54px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item h4,
.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item ul li {
	font-size: 20px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: .27px;
	color: #333;
	position: relative
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item h4.green::before {
	color: #3bc46a
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item h4.yellow::before {
	color: #fcbd2e
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item h4::before {
	content: attr(data-stat);
	font-family: "Product Sans";
	font-size: 76px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #e42f4d;
	opacity: .1;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(-40%, -30%);
	-ms-transform: translate(-40%, -30%);
	transform: translate(-40%, -30%)
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item ul {
	margin-top: 10px;
	margin-left: 12px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item ul li {
	font-size: 16px;
	opacity: .8;
	padding-left: 16px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item ul li.icon::before {
	top: 12px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item ul li::before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: currentColor;
	position: absolute;
	left: 0;
	top: 9px
}

.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item ul li img {
	vertical-align: sub
}

.talentscan .talentscan__wireframes {
	margin-top: 82px;
	background: url(../img/bg-talentscan-wierframes.svg) no-repeat top center/100% auto;
	padding-top: 182px
}

.talentscan .talentscan__wireframes .talentscan__wireframes_conclusion {
	max-width: 736px;
	margin: auto;
	text-align: center
}

.talentscan .talentscan__wireframes .talentscan__wireframes_conclusion h2 {
	font-size: 40px;
	margin-bottom: 24px
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list {
	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;
	margin-top: 165px;
	margin-right: -14%;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list>:nth-child(odd) {
	-webkit-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	transform: translateY(-20%)
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list .details {
	width: 50%;
	-ms-flex-item-align: center;
	align-self: center
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list img {
	width: 50%
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile {
	position: relative
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper-container {
	display: none
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--next,
.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--prev {
	display: none;
	width: 40px;
	height: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 5px 17px 0 rgba(10, 42, 116, .15);
	box-shadow: 0 5px 17px 0 rgba(10, 42, 116, .15);
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 20px - 51px);
	z-index: 1
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--prev {
	left: 0
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--prev img {
	-webkit-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1)
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--next {
	right: 0
}

.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--pagination {
	display: none;
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 5px;
	text-align: center;
	color: rgba(45, 55, 80, .5);
	margin-top: -5vw
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--pagination .swiper-pagination-current,
.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--pagination .swiper-pagination-current,
.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--pagination .swiper-pagination-current {
	font-size: 32px;
	letter-spacing: 0;
	color: #608cef
}

.talentscan .talentscan__ui {
	margin-top: 160px
}

.talentscan .talentscan__ui .talentscan__ui_list,
.talentscan .talentscan__ui .talentscan__ui_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.talentscan .talentscan__ui .talentscan__ui_title img {
	width: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.talentscan .talentscan__ui .talentscan__ui_title .details {
	width: 50%;
	margin-left: 50px;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-transform: translateY(-6%);
	-ms-transform: translateY(-6%);
	transform: translateY(-6%)
}

.talentscan .talentscan__ui .talentscan__ui_list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -14%
}

.talentscan .talentscan__ui .talentscan__ui_list img:nth-child(odd) {
	width: 48%
}

.talentscan .talentscan__ui .talentscan__ui_list img:nth-child(even) {
	width: 52%
}

.talentscan .talentscan__ui .talentscan__ui_list img:nth-child(3) {
	-webkit-transform: translateY(-24%);
	-ms-transform: translateY(-24%);
	transform: translateY(-24%)
}

.talentscan .talentscan__ui .talentscan__ui_list-mobile {
	position: relative
}

.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper-container {
	display: none
}

.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--next,
.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--prev {
	display: none;
	width: 40px;
	height: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 5px 17px 0 rgba(10, 42, 116, .15);
	box-shadow: 0 5px 17px 0 rgba(10, 42, 116, .15);
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 20px - 51px);
	z-index: 1
}

.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--prev {
	left: 0
}

.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--prev img {
	-webkit-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1)
}

.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--next {
	right: 0
}

.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--pagination {
	display: none;
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 5px;
	text-align: center;
	color: rgba(45, 55, 80, .5);
	margin-top: -5vw
}

.talentscan .talentscan__kit {
	margin-top: 148px
}

.talentscan .talentscan__kit .talentscan__kit_title {
	max-width: 670px;
	margin: auto;
	text-align: center
}

.talentscan .talentscan__kit .talentscan__kit_title h2 {
	font-size: 56px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 24px
}

.talentscan .talentscan__kit .talentscan__kit_list {
	margin-top: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--examples {
	width: 31%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--examples img {
	width: 100%;
	margin-bottom: 48px
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font {
	font-family: "Product Sans";
	white-space: nowrap;
	width: 30%
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font .h1,
.talentscan .talentscan__kit .talentscan__kit_list .kit--font .h2 {
	font-size: 56px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 32px
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font .h2 {
	font-size: 40px
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font .h3,
.talentscan .talentscan__kit .talentscan__kit_list .kit--font .h4 {
	font-size: 32px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 32px
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font .h4 {
	font-size: 24px;
	margin-bottom: 40px;
	opacity: .9
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font .regular {
	opacity: .8;
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: normal;
	color: #333;
	margin-bottom: 24px
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font .subheader {
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #777;
	margin-bottom: 24px
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--font .field,
.talentscan .talentscan__results .talentscan__results_title h2 {
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #9b9b9b
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--colors {
	width: 29%
}

.talentscan .talentscan__kit .talentscan__kit_list .kit--colors img {
	width: 100%;
	margin-top: -2%
}

.talentscan .talentscan__results {
	margin-top: 270px
}

.talentscan .talentscan__results .talentscan__results_title {
	max-width: 770px;
	margin: auto;
	text-align: center
}

.talentscan .talentscan__results .talentscan__results_title h2 {
	font-size: 80px;
	font-weight: 800;
	color: #19233c;
	margin-bottom: 24px
}

.talentscan .talentscan__results .talentscan__results_list {
	margin: 160px auto 0;
	max-width: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.talentscan .talentscan__results .talentscan__results_list .result-1 {
	position: relative
}

.talentscan .talentscan__results .talentscan__results_list .result-1::before,
.talentscan .talentscan__results .talentscan__results_list .result-2::before {
	content: "Before";
	opacity: .2;
	font-family: "Product Sans";
	font-size: 115px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	color: #608cef;
	position: absolute;
	bottom: calc(100% - 28px);
	left: 0;
	z-index: 0
}

.talentscan .talentscan__results .talentscan__results_list .result-1 img {
	width: 500px;
	margin-left: -80px;
	position: relative;
	z-index: 1
}

.talentscan .talentscan__results .talentscan__results_list .result-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.talentscan .talentscan__results .talentscan__results_list .result-2::before {
	content: "After";
	left: 30%
}

.talentscan .talentscan__results .talentscan__results_list .result-2 img {
	width: 460px;
	margin-right: -70px;
	position: relative;
	z-index: 1
}

.talentscan .talentscan__results .talentscan__results_list .result-2 img.aside {
	width: 115px;
	margin-right: -88px
}

.talentscan .ehr__cases {
	margin-top: 165px;
	padding-left: 24px;
	padding-right: 24px;
	background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(47%, #fff), color-stop(47%, #f4f9ff), to(#f4f9ff));
	background: -o-linear-gradient(bottom, #fff 0, #fff 47%, #f4f9ff 47%, #f4f9ff 100%);
	background: linear-gradient(0deg, #fff 0, #fff 47%, #f4f9ff 47%, #f4f9ff 100%);
	padding-top: 72px
}

.talentscan .ehr__cases h2 {
	opacity: .07;
	line-height: .7;
	color: #19233c;
	margin-bottom: 24px
}

.talentscan .ehr__cases .cases__list {
	margin-top: 24px
}

@media screen and (max-width:960px) {
	.wrapper {
		padding: 0
	}
	.talentscan .case__hero .case__hero_sup {
		display: none
	}
	.talentscan .case__delivery .case__delivery_team .team--photos li {
		width: calc(50% - 44px)
	}
	.talentscan .talentscan__about,
	.talentscan .talentscan__challenge,
	.talentscan .talentscan__evaluation,
	.talentscan .talentscan__research {
		padding: 0 24px
	}
	.talentscan .talentscan__challenge .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.talentscan .talentscan__challenge .talentscan__challenge__goals {
		padding-right: 0;
		width: 100%;
		margin-top: 32px
	}
	.talentscan .talentscan__challenge .talentscan__challenge__goals img {
		left: 60%
	}
	.talentscan .talentscan__challenge .talentscan__challenge__requirements {
		width: 100%;
		padding-right: 0
	}
	.talentscan .talentscan__challenge .talentscan__challenge__requirements img {
		right: 65%
	}
	.talentscan .talentscan__research .talentscan__research_list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.talentscan .talentscan__research .talentscan__research_list li {
		width: calc((100% - (24px*5))/3);
		margin-bottom: 56px
	}
	.talentscan .talentscan__evaluation h2 {
		margin-bottom: 48px
	}
	.talentscan .talentscan__evaluation .talentscan__evaluation_section .right {
		width: 40%;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-top: 0!important;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.talentscan .talentscan__evaluation .talentscan__evaluation_section .right img {
		margin-bottom: 24px
	}
	.talentscan .talentscan__findings {
		margin-top: 48px;
		padding: 0 24px;
		margin-bottom: 60vw
	}
	.talentscan .talentscan__findings .talentscan__findings_details {
		width: auto
	}
	.talentscan .talentscan__findings .talentscan__findings_bg {
		top: 100%;
		-webkit-transform: translate(50%, 0);
		-ms-transform: translate(50%, 0);
		transform: translate(50%, 0);
		right: 50%;
		width: 70%
	}
	.talentscan .talentscan__journey {
		margin-top: 0;
		padding: 0 24px
	}
	.talentscan .talentscan__journey .talentscan__journey_table {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.talentscan .talentscan__journey .talentscan__journey_table .ann {
		width: 50vw;
		height: 50vw
	}
	.talentscan .talentscan__journey .talentscan__journey_table .table {
		margin: 48px auto;
		width: 80%
	}
	.talentscan .talentscan__journey .talentscan__journey_table .scenario {
		width: 80%
	}
	.talentscan .talentscan__journey .talentscan__journey_steps,
	.talentscan .talentscan__qualitative {
		padding: 0 24px
	}
	.talentscan .talentscan__journey .talentscan__journey_steps .steps--list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li {
		width: calc((100% - 56px)/2);
		margin-bottom: 24px
	}
	.talentscan .talentscan__qualitative .talentscan__qualitative_list {
		padding-left: 48px
	}
	.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item,
	.talentscan .talentscan__wireframes .talentscan__wireframes_list .details {
		width: 100%
	}
	.talentscan .talentscan__wireframes {
		padding-left: 24px;
		padding-right: 24px
	}
	.talentscan .talentscan__wireframes .talentscan__wireframes_conclusion {
		max-width: initial
	}
	.talentscan .talentscan__wireframes .talentscan__wireframes_list {
		margin-right: 0
	}
	.talentscan .talentscan__ui .talentscan__ui_list,
	.talentscan .talentscan__ui .talentscan__ui_title img,
	.talentscan .talentscan__wireframes .talentscan__wireframes_list img {
		display: none
	}
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper-container {
		display: block
	}
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--next,
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--prev {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--pagination {
		display: block
	}
	.talentscan .talentscan__kit,
	.talentscan .talentscan__ui {
		padding: 0 24px
	}
	.talentscan .talentscan__ui .talentscan__ui_title .details {
		width: 100%;
		margin-left: 0
	}
	.talentscan .talentscan__ui .talentscan__ui_list-mobile {
		margin-top: 24px
	}
	.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper-container {
		display: block
	}
	.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--next,
	.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--prev {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--pagination {
		display: block
	}
	.talentscan .talentscan__kit .talentscan__kit_title {
		max-width: initial
	}
	.talentscan .talentscan__kit .talentscan__kit_list,
	.talentscan .talentscan__results .talentscan__results_list {
		-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
	}
	.talentscan .talentscan__kit .talentscan__kit_list .kit--examples {
		width: 65%
	}
	.talentscan .talentscan__kit .talentscan__kit_list .kit--examples img {
		margin-bottom: 0
	}
	.talentscan .talentscan__kit .talentscan__kit_list .kit--font {
		width: 65%;
		margin-top: 24px
	}
	.talentscan .talentscan__kit .talentscan__kit_list .kit--colors {
		width: 65%;
		margin-top: 48px
	}
	.talentscan .talentscan__results {
		margin-top: 120px;
		padding: 0 24px
	}
	.talentscan .talentscan__results .talentscan__results_list .result-1 {
		width: 90%
	}
	.talentscan .talentscan__results .talentscan__results_list .result-1::before,
	.talentscan .talentscan__results .talentscan__results_list .result-2::before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.talentscan .talentscan__results .talentscan__results_list .result-1 img,
	.talentscan .talentscan__results .talentscan__results_list .result-2 img {
		margin: 0;
		width: 100%
	}
	.talentscan .talentscan__results .talentscan__results_list .result-2 {
		width: 90%;
		margin-top: 48px
	}
	.talentscan .talentscan__results .talentscan__results_list .result-2 img.aside {
		position: absolute;
		right: 100%;
		width: 17vw;
		margin-right: -15vw
	}
}

@media screen and (max-width:576px) {
	.ehr__challenge_description {
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 2;
		letter-spacing: normal;
		text-align: center;
		color: #2d3750
	}
	.talentscan .case__hero .wrapper::before {
		bottom: -340px;
		right: 240px
	}
	.talentscan .case__hero .wrapper::after {
		bottom: -290px;
		right: 35px
	}
	.talentscan .case__roadmap .wrapper::before {
		width: 90px;
		border-width: 2px;
		height: 500px;
		top: -310px;
		right: 170px
	}
	.talentscan .case__roadmap .wrapper::after {
		width: 90px;
		border-width: 2px;
		height: 500px;
		top: -315px;
		right: 33px
	}
	.talentscan .case__roadmap .case__roadmap_schema .schema--arrows {
		top: 328px
	}
	.talentscan .ehr__challenge,
	.talentscan .talentscan__about,
	.talentscan .talentscan__challenge {
		padding-left: 16px;
		padding-right: 16px
	}
	.talentscan .ehr__challenge .stripes__tools {
		padding-left: 0;
		padding-right: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.talentscan .ehr__challenge .stripes__tools .stripes__tools_title,
	.talentscan .talentscan__about .talentscan__about_details {
		width: 100%
	}
	.talentscan .ehr__challenge .stripes__tools .stripes__tools_image {
		width: 100%;
		margin-top: 48px
	}
	.talentscan .talentscan__about .talentscan__about_benefits {
		display: none
	}
	.talentscan .talentscan__challenge .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.talentscan .talentscan__challenge .wrapper h3,
	.talentscan .talentscan__findings .talentscan__findings_details h2 {
		margin-bottom: 16px
	}
	.talentscan .talentscan__challenge .wrapper .talentscan__challenge__requirements {
		width: 100%;
		padding-right: 0
	}
	.talentscan .talentscan__challenge .wrapper .talentscan__challenge__goals img,
	.talentscan .talentscan__challenge .wrapper .talentscan__challenge__requirements img {
		width: 252px;
		height: 252px
	}
	.talentscan .talentscan__challenge .wrapper .talentscan__challenge__goals {
		width: 100%;
		padding-right: 0;
		margin-top: 32px
	}
	.talentscan .talentscan__evaluation,
	.talentscan .talentscan__research {
		padding-left: 16px;
		padding-right: 16px;
		margin-top: 110px
	}
	.talentscan .talentscan__research .talentscan__research_list {
		margin-top: 40px
	}
	.talentscan .talentscan__research .talentscan__research_list li {
		width: calc((100% - 24px)/2)
	}
	.talentscan .talentscan__evaluation {
		margin-top: 144px
	}
	.talentscan .talentscan__evaluation .talentscan__evaluation_section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 32px
	}
	.talentscan .talentscan__evaluation .talentscan__evaluation_section .issues,
	.talentscan .talentscan__journey .talentscan__journey_table .table table.descktop {
		display: none
	}
	.talentscan .talentscan__evaluation .talentscan__evaluation_section .right,
	.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li {
		width: 100%
	}
	.talentscan .talentscan__findings {
		margin-bottom: 110vw
	}
	.talentscan .talentscan__findings .talentscan__findings_bg {
		width: 120%;
		right: -16px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	.talentscan .talentscan__findings,
	.talentscan .talentscan__journey {
		padding-left: 16px;
		padding-right: 16px
	}
	.talentscan .talentscan__journey .talentscan__journey_title h2,
	.talentscan .talentscan__kit .talentscan__kit_title h2,
	.talentscan .talentscan__qualitative .talentscan__qualitative_research h2 {
		font-size: 48px;
		margin-bottom: 16px
	}
	.talentscan .talentscan__journey .talentscan__journey_table {
		margin-top: 48px
	}
	.talentscan .talentscan__journey .talentscan__journey_table .ann {
		width: 52vw;
		height: 52vw
	}
	.talentscan .talentscan__journey .talentscan__journey_table .table {
		width: 100%;
		margin-top: 16px
	}
	.talentscan .talentscan__journey .talentscan__journey_table .table h3 {
		text-align: center
	}
	.talentscan .talentscan__journey .talentscan__journey_table .table table.mobile {
		display: table
	}
	.talentscan .talentscan__journey .talentscan__journey_table .scenario {
		width: 100%;
		margin-top: 0;
		text-align: center
	}
	.talentscan .talentscan__journey .talentscan__journey_steps {
		padding: 0;
		margin-top: 24px
	}
	.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li .steps--list-main {
		min-height: auto
	}
	.talentscan .talentscan__journey .talentscan__journey_steps .steps--list li .steps--list-additional {
		margin-left: 0!important;
		margin-right: 0!important
	}
	.talentscan .talentscan__qualitative,
	.talentscan .talentscan__wireframes {
		padding-left: 16px;
		padding-right: 16px;
		margin-top: 76px
	}
	.talentscan .talentscan__qualitative .talentscan__qualitative_list {
		padding-left: 0
	}
	.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item h4::before {
		left: 30px
	}
	.talentscan .talentscan__qualitative .talentscan__qualitative_list .list--item ul li.icon::before {
		top: 9px
	}
	.talentscan .talentscan__wireframes {
		margin-top: 0;
		padding-top: 110px;
		background-image: url(../img/bg-talentscan-wierframes-mobile.svg)
	}
	.talentscan .talentscan__wireframes .talentscan__wireframes_list .details h2 {
		font-size: 32px;
		margin-bottom: 16px
	}
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile {
		margin-top: -32px;
		margin-left: -16px;
		margin-right: -16px
	}
	.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper-slide img,
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper-slide img {
		margin-left: 16px;
		margin-right: 16px;
		width: calc(100% - 32px)!important
	}
	.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--next,
	.talentscan .talentscan__ui .talentscan__ui_list-mobile .swiper--prev,
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--next,
	.talentscan .talentscan__wireframes .talentscan__wireframes_list-mobile .swiper--prev {
		top: calc(50% - 51px)
	}
	.talentscan .talentscan__ui {
		padding-left: 16px;
		padding-right: 16px;
		margin-top: 110px
	}
	.talentscan .talentscan__ui .talentscan__ui_title .details h2 {
		font-size: 32px
	}
	.talentscan .talentscan__ui .talentscan__ui_list-mobile {
		margin-top: 12px;
		margin-left: -16px;
		margin-right: -16px
	}
	.talentscan .talentscan__kit,
	.talentscan .talentscan__results {
		margin-top: 76px;
		padding-left: 16px;
		padding-right: 16px
	}
	.talentscan .talentscan__kit .talentscan__kit_list .kit--colors,
	.talentscan .talentscan__kit .talentscan__kit_list .kit--examples,
	.talentscan .talentscan__kit .talentscan__kit_list .kit--font {
		width: 100%
	}
	.talentscan .talentscan__results {
		margin-top: 100px
	}
	.talentscan .talentscan__results .talentscan__results_list {
		margin-top: 120px
	}
	.talentscan .talentscan__results .talentscan__results_list .result-1 {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.talentscan .talentscan__results .talentscan__results_list .result-1 img {
		width: 140%
	}
	.talentscan .talentscan__results .talentscan__results_list .result-2 img {
		width: 119%
	}
	.talentscan .talentscan__results .talentscan__results_list .result-2 img.aside {
		position: static;
		width: 30%;
		margin-left: -10%
	}
}

.ehrds .navslider[data-current-color=white] {
	color: rgba(255, 255, 255, .7)
}

.ehrds .wrapper {
	max-width: 1120px;
	margin: auto
}

.ehrds .case__hero {
	background-color: #f0f4f7
}

.ehrds .case__hero .wrapper {
	padding: 203px 0 116px;
	background: 0 0;
	position: relative
}

.ehrds .case__hero .case__hero_details {
	width: 65%;
	position: relative;
	z-index: 1
}

.ehrds .case__hero .case__hero_bg {
	height: 100%;
	position: absolute;
	bottom: -19%;
	left: 60%;
	z-index: 1
}

.ehrds .case__hero .ehrds__hero_physics-1 {
	position: absolute;
	top: 35%;
	left: 57%
}

.ehrds .case__hero .ehrds__hero_physics-2 {
	position: absolute;
	top: 8%;
	left: 80%
}

.ehrds .case__hero .ehrds__hero_physics-3 {
	position: absolute;
	top: 16%;
	left: 104%
}

.ehrds .case__delivery .case__delivery_team .team--title h3 {
	color: #4f8dbc
}

.ehrds .ehrds__about {
	margin-top: 120px
}

.ehrds .ehrds__about a,
.ehrds .ehrds__about h3,
.ehrds .ehrds__about p {
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-align: center
}

.ehrds .ehrds__about h3 {
	font-size: 32px;
	font-weight: 800;
	line-height: normal;
	color: #19233c;
	margin-bottom: 24px
}

.ehrds .ehrds__about a,
.ehrds .ehrds__about p {
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	color: #2d3750;
	max-width: 773px;
	margin: auto
}

.ehrds .ehrds__about a {
	width: 100%;
	max-width: 512px;
	height: 48px;
	border: solid 1px #4f8dbc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 40px auto 0;
	line-height: 1.5;
	color: #19233c;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.ehrds .ehrds__about a:hover {
	-webkit-box-shadow: 0 8px 32px 0 rgba(79, 141, 188, .7);
	box-shadow: 0 8px 32px 0 rgba(79, 141, 188, .7);
	color: #fff;
	background-color: #4f8dbc
}

.ehrds .ehrds__about .ehrds__about_create .wrapper,
.ehrds .ehrds__about .ehrds__about_enterprise .wrapper,
.ehrds .ehrds__about .ehrds__about_understand .wrapper {
	position: relative
}

.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-1 {
	position: absolute;
	top: -5%;
	right: calc(100% + 60px);
	z-index: -1
}

.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-2 {
	position: absolute;
	top: 42%;
	right: calc(100% - 80px);
	z-index: -1
}

.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-3 {
	position: absolute;
	top: 100%;
	left: 2%;
	z-index: -1
}

.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_physics {
	position: absolute;
	left: 90%;
	top: 13%;
	opacity: .5;
	z-index: -1
}

.ehrds .ehrds__about .ehrds__about_create {
	margin-top: 230px
}

.ehrds .ehrds__about .ehrds__about_create .wrapper h3 {
	width: 58%;
	margin-left: auto;
	text-align: left
}

.ehrds .ehrds__about .ehrds__about_create .wrapper p {
	width: 58%;
	margin-right: initial;
	margin-left: auto;
	text-align: left
}

.ehrds .ehrds__about .ehrds__about_create .wrapper .ehrds__about_arrows {
	position: absolute;
	left: -9%;
	top: -31%
}

.ehrds .ehrds__about .ehrds__about_create .wrapper .ehrds__about_tower {
	position: absolute;
	left: 2%;
	bottom: 0
}

.ehrds .ehrds__about .ehrds__about_enterprise {
	margin-top: 178px
}

.ehrds .ehrds__about .ehrds__about_enterprise .wrapper h3 {
	width: 69%;
	text-align: left
}

.ehrds .ehrds__about .ehrds__about_enterprise .wrapper p {
	width: 69%;
	margin-right: auto;
	margin-left: initial;
	text-align: left
}

.ehrds .ehrds__about .ehrds__about_enterprise .wrapper .ehrds__about_atom {
	position: absolute;
	top: 50%;
	right: -5%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ehrds .ehrds__process {
	margin-top: 150px
}

.ehrds .ehrds__process .ehrds__process_title {
	background: url(../img/bg-ehrds-process.jpg) no-repeat center/cover;
	min-height: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper p,
.ehrds .ehrds__outcome .ehrds__outcome_title h2,
.ehrds .ehrds__process .ehrds__process_structure ul li span,
.ehrds .ehrds__process .ehrds__process_title h2 {
	font-size: 80px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #19233c
}

.ehrds .ehrds__process h3 {
	margin-bottom: 24px
}

.ehrds .ehrds__process .ehrds__process_challenges {
	margin-top: 85px
}

.ehrds .ehrds__process .ehrds__process_challenges .wrapper,
.ehrds .ehrds__process .ehrds__process_questions .wrapper,
.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details ul li::before,
.ehrds .ehrds__process .ehrds__process_structure ul {
	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
}

.ehrds .ehrds__process .ehrds__process_challenges .wrapper .challenges--details {
	width: 58%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper .evaluation--hypothesis-details p,
.ehrds .ehrds__process .ehrds__process_challenges .wrapper .challenges--details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750;
	min-height: 1em
}

.ehrds .ehrds__process .ehrds__process_challenges .wrapper .challenges--image {
	width: 26%
}

.ehrds .ehrds__process .ehrds__process_challenges .wrapper .challenges--image img {
	width: 100%;
	-webkit-transform: translateY(14%);
	-ms-transform: translateY(14%);
	transform: translateY(14%)
}

.ehrds .ehrds__process .ehrds__process_questions {
	margin-top: 156px
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper,
.ehrds .ehrds__process .ehrds__process_structure ul {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--image {
	width: calc(57% - 45px);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: -5%
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--image::before {
	content: "";
	display: block;
	width: 50vw;
	background-color: #f0f4f7;
	position: absolute;
	top: 8%;
	bottom: 8%;
	right: 0;
	z-index: -1
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--image img {
	width: 100%
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details {
	width: 48%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details ul li {
	position: relative;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750;
	margin-bottom: 2em
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details ul li p {
	font-weight: 500;
	color: rgba(45, 55, 80, .8)
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details ul li b {
	color: rgba(45, 55, 80, .8)
}

.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details ul li::before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url(../img/questions-shape.svg) no-repeat center/32px 32px;
	position: absolute;
	top: -3px;
	left: -11px;
	z-index: -1
}

.ehrds .ehrds__process .ehrds__process_structure {
	margin-top: 140px
}

.ehrds .ehrds__process .ehrds__process_guide .wrapper h3,
.ehrds .ehrds__process .ehrds__process_structure h3 {
	text-align: center
}

.ehrds .ehrds__process .ehrds__process_structure ul {
	margin-top: 75px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: relative
}

.ehrds .ehrds__process .ehrds__process_structure ul::before {
	content: "";
	display: block;
	height: 4px;
	background-color: #f2f6fa;
	position: absolute;
	left: 50px;
	right: 50px;
	top: 38px;
	z-index: -1
}

.ehrds .ehrds__outcome .ehrds__outcome_list li,
.ehrds .ehrds__process .ehrds__process_structure ul li {
	-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
}

.ehrds .ehrds__process .ehrds__process_structure ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 140px;
	position: relative
}

.ehrds .ehrds__process .ehrds__process_structure ul li::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: #e9eff4;
	position: absolute;
	left: calc(140px + 6.2vw);
	border-radius: 50%
}

.ehrds .ehrds__process .ehrds__process_structure ul li.about::after {
	top: 28px
}

.ehrds .ehrds__process .ehrds__process_structure ul li.about img {
	margin-bottom: 4px
}

.ehrds .ehrds__process .ehrds__process_structure ul li.vocabulary::after {
	top: 32px
}

.ehrds .ehrds__process .ehrds__process_structure ul li.versions::after {
	top: 25px
}

.ehrds .ehrds__process .ehrds__process_structure ul li img {
	background-color: #fff;
	padding-left: 8px;
	padding-right: 8px
}

.ehrds .ehrds__process .ehrds__process_structure ul li span {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.33;
	color: #2d3750;
	margin-top: 16px;
	white-space: nowrap
}

.ehrds .ehrds__process .ehrds__process_guide {
	margin-top: 128px
}

.ehrds .ehrds__process .ehrds__process_guide .wrapper,
.ehrds .ehrds__process .ehrds__process_versions .wrapper,
.ehrds .ehrds__process .ehrds__process_vocabulary .wrapper {
	position: relative
}

.ehrds .ehrds__process .ehrds__process_guide .wrapper .guide--bg {
	position: absolute;
	height: 297px;
	left: 88%;
	top: 15%;
	opacity: .5
}

.ehrds .ehrds__process .ehrds__process_guide .wrapper .guide--image {
	max-width: 890px;
	margin: auto;
	display: block
}

.ehrds .ehrds__process .ehrds__process_entities,
.ehrds .ehrds__process .ehrds__process_versions,
.ehrds .ehrds__process .ehrds__process_vocabulary {
	margin-top: 112px
}

.ehrds .ehrds__process .ehrds__process_entities h3,
.ehrds .ehrds__process .ehrds__process_versions .wrapper h3,
.ehrds .ehrds__process .ehrds__process_vocabulary .wrapper h3 {
	text-align: center;
	margin-bottom: 0
}

.ehrds .ehrds__process .ehrds__process_vocabulary .wrapper .vocabulary--bg {
	position: absolute;
	z-index: -1;
	top: 55%;
	left: 0;
	-webkit-transform: translate(-47%, -50%);
	-ms-transform: translate(-47%, -50%);
	transform: translate(-47%, -50%);
	opacity: .5
}

.ehrds .ehrds__process .ehrds__process_vocabulary .wrapper .vocabulary--image {
	width: 100%
}

.ehrds .ehrds__process .ehrds__process_versions .wrapper .versions--bg {
	position: absolute;
	z-index: -1;
	top: 5%;
	right: -5%
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper-container .swiper-wrapper .swiper-slide img,
.ehrds .ehrds__process .ehrds__process_versions .wrapper .versions--image {
	width: 100%
}

.ehrds .ehrds__process .ehrds__process_entities .wrapper {
	position: relative;
	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
}

.ehrds .ehrds__process .ehrds__process_entities .wrapper .entities--bg {
	position: absolute;
	right: 0;
	bottom: 6%;
	z-index: -1
}

.ehrds .ehrds__process .ehrds__process_entities .wrapper img {
	margin: 0 -3.65%
}

.ehrds .ehrds__process .ehrds__process_entities .wrapper .entities--image-1 {
	width: 35%
}

.ehrds .ehrds__process .ehrds__process_entities .wrapper .entities--image-2 {
	width: 79.5%
}

.ehrds .ehrds__process .ehrds__process_entities .wrapper .entities--image-3 {
	width: 60%;
	margin-top: -6%
}

.ehrds .ehrds__process .ehrds__process_entities .wrapper .entities--image-4 {
	width: 54.5%;
	margin-top: -6%
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile {
	position: relative
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .entities--bg {
	position: absolute;
	top: 95%;
	right: 0;
	width: 80%;
	display: none
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper-container {
	display: none
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--next,
.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--prev {
	display: none;
	width: 40px;
	height: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 5px 17px 0 rgba(10, 42, 116, .15);
	box-shadow: 0 5px 17px 0 rgba(10, 42, 116, .15);
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: calc(50% - 20px - 31px);
	z-index: 1
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--prev {
	left: 0
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--prev img {
	-webkit-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1)
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--next {
	right: 0
}

.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--pagination {
	display: none;
	font-size: 20px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 5px;
	text-align: center;
	color: rgba(45, 55, 80, .5);
	margin-top: -5vw
}

.ehrds .ehrds__evaluation {
	margin-top: 179px
}

.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper h2,
.ehrds .ehrds__evaluation .evaluation--goals .wrapper ul,
.ehrds .ehrds__evaluation h3,
.ehrds .ehrds__process h3 {
	font-size: 32px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #19233c
}

.ehrds .ehrds__evaluation .ehrds__evaluation_title {
	min-height: 430px;
	background: url(../img/bg-ehrds-evaluation.jpg) no-repeat right center/50% 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper {
	max-width: 657px;
	text-align: center
}

.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper h2 {
	font-size: 80px;
	text-align: center;
	margin-bottom: 24px
}

.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper p {
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	color: #2d3750
}

.ehrds .ehrds__evaluation .evaluation--goals {
	margin-top: 136px
}

.ehrds .ehrds__evaluation .evaluation--goals .wrapper {
	position: relative
}

.ehrds .ehrds__evaluation .evaluation--goals .wrapper h3 {
	width: 50%
}

.ehrds .ehrds__evaluation .evaluation--goals .wrapper .physics {
	position: absolute;
	left: 93%;
	bottom: 100%;
	-webkit-transform: translateY(25%);
	-ms-transform: translateY(25%);
	transform: translateY(25%);
	z-index: -1;
	opacity: .5
}

.ehrds .ehrds__evaluation .evaluation--goals .wrapper ul {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: #2d3750;
	margin-top: 21px
}

.ehrds .ehrds__evaluation .evaluation--goals .wrapper ul li {
	position: relative;
	padding-left: 36px;
	margin-bottom: 1em
}

.ehrds .ehrds__evaluation .evaluation--goals .wrapper ul li::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/b-checked.svg) center/cover;
	position: absolute;
	top: 2px;
	left: 0
}

.ehrds .ehrds__evaluation .evaluation--hypothesis {
	margin-top: 164px
}

.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper .evaluation--hypothesis-image {
	width: 37%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 48px
}

.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper .evaluation--hypothesis-details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.ehrds .ehrds__evaluation .evaluation--survey {
	margin-top: 136px
}

.ehrds .ehrds__evaluation .evaluation--survey .wrapper {
	position: relative;
	text-align: center
}

.ehrds .ehrds__evaluation .evaluation--survey .wrapper h3 {
	margin-left: auto;
	margin-right: auto;
	max-width: 656px
}

.ehrds .ehrds__evaluation .evaluation--survey .wrapper .physics {
	position: absolute;
	right: 2%;
	top: 240px;
	z-index: -1;
	opacity: .5
}

.ehrds .ehrds__evaluation .evaluation--survey .wrapper .atom {
	position: absolute;
	left: 7%;
	bottom: 3%;
	z-index: -1
}

.ehrds .ehrds__evaluation .evaluation--survey .wrapper .survey-1 {
	max-width: 765px;
	margin-top: -1%
}

.ehrds .ehrds__evaluation .evaluation--survey .wrapper .survey-2 {
	max-width: 765px;
	margin-top: -7%
}

.ehrds .ehrds__evaluation .evaluation--results {
	margin-top: 24px
}

.ehrds .ehrds__evaluation .evaluation--results .wrapper h3 {
	text-align: center;
	max-width: 915px;
	margin-left: auto;
	margin-right: auto
}

.ehrds .ehrds__evaluation .evaluation--results .wrapper img {
	width: 109.2%;
	margin: 0 -4.6%
}

.ehrds .ehrds__outcome {
	margin-top: 100px
}

.ehrds .ehrds__outcome .ehrds__outcome_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 320px;
	background: url(../img/bg-ehrds-outcome.jpg) no-repeat center/cover
}

.ehrds .ehr__results .ehr__results_details ol,
.ehrds .ehrds__outcome .ehrds__outcome_details,
.ehrds .ehrds__outcome .ehrds__outcome_list li h4 {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.ehrds .ehrds__outcome .ehrds__outcome_details {
	margin: 48px auto 0;
	max-width: 656px;
	text-align: center
}

.ehrds .ehrds__outcome .ehrds__outcome_list {
	margin-top: 90px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ehrds .ehrds__outcome .ehrds__outcome_list li {
	width: 30%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ehrds .ehrds__outcome .ehrds__outcome_list li h4 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.33;
	text-align: center;
	margin: -5% 0
}

.ehrds .ehr__results {
	margin-top: 240px;
	overflow: hidden
}

.ehrds .ehr__results h2 {
	margin-bottom: 37px;
	color: #19233c
}

.ehrds .ehr__results .ehr__results_details,
.ehrds .ehrds__outcome .ehrds__outcome_list,
.ehrds .ehrds__outcome .ehrds__outcome_list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ehrds .ehr__results .ehr__results_details ol {
	list-style: none;
	width: 46%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.ehrds .ehr__results .ehr__results_details ol li {
	position: relative;
	margin-bottom: 2em
}

.ehrds .ehr__results .ehr__results_details .comment {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 180px;
	position: relative
}

.ehrds .ehr__results .ehr__results_details .comment::before {
	content: "";
	width: 2000px;
	height: 240px;
	background-color: #f0f3f8;
	position: absolute;
	top: -115px;
	left: -115px;
	z-index: -1
}

.ehrds .ehr__results .ehr__results_details .comment::after {
	content: "";
	display: block;
	width: 140px;
	height: 107px;
	background: url(../img/quotes.svg) no-repeat center/cover;
	position: absolute;
	top: -60px;
	left: -76px
}

.ehrds .ehr__results .ehr__results_details .comment .text {
	font-size: 24px;
	font-weight: 500;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.67;
	letter-spacing: normal;
	color: #19233c
}

.ehrds .ehr__results .ehr__results_details .comment .author {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ehrds .ehr__results .ehr__results_details .comment .author .photo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #19233c;
	margin-right: 24px
}

.ehrds .ehr__results .ehr__results_details .comment .author .photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.ehrds .ehr__results .ehr__results_details .comment .author .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #19233c
}

.ehrds .ehr__cases {
	margin-top: 165px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 72px;
	background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(47%, #fff), color-stop(47%, #f4f9ff), to(#f4f9ff));
	background: -o-linear-gradient(bottom, #fff 0, #fff 47%, #f4f9ff 47%, #f4f9ff 100%);
	background: linear-gradient(0deg, #fff 0, #fff 47%, #f4f9ff 47%, #f4f9ff 100%)
}

.ehrds .ehr__cases h2 {
	opacity: .07;
	line-height: .7;
	color: #19233c
}

.ehrds .ehr__cases .cases__list {
	margin-top: 24px
}

.ehrds .homepage__start {
	margin-top: 154px
}

@media screen and (max-width:960px) {
	.wrapper {
		padding: 0
	}
	.ehrds .case__hero .ehrds__hero_physics-1 {
		top: 50%
	}
	.ehrds .case__hero .ehrds__hero_physics-2,
	.ehrds .case__hero .ehrds__hero_physics-3,
	.ehrds .ehrds__about .ehrds__about_create .wrapper .ehrds__about_arrows,
	.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_physics {
		display: none
	}
	.ehrds .case__delivery .case__delivery_list li:last-child {
		width: 100%
	}
	.ehrds .case__delivery .case__delivery_team .team--photos li {
		width: calc(50% - 44px)
	}
	.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-1 {
		top: calc(100% + 70px);
		right: 4%
	}
	.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-3 {
		top: 105%;
		left: 35%
	}
	.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-2 {
		top: 107%;
		right: calc(100% - 170px)
	}
	.ehrds .ehrds__about .ehrds__about_create .wrapper h3,
	.ehrds .ehrds__about .ehrds__about_create .wrapper p,
	.ehrds .ehrds__about .ehrds__about_enterprise .wrapper h3,
	.ehrds .ehrds__about .ehrds__about_enterprise .wrapper p {
		width: 100%
	}
	.ehrds .ehrds__about .ehrds__about_create .wrapper .ehrds__about_tower {
		width: 33%;
		left: initial;
		bottom: initial;
		top: 83%;
		right: 80%;
		z-index: -1
	}
	.ehrds .ehrds__about .ehrds__about_enterprise .wrapper .ehrds__about_atom {
		top: 100%;
		right: -30%;
		z-index: -1
	}
	.ehrds .ehrds__about {
		padding: 0 24px
	}
	.ehrds .ehr__results,
	.ehrds .ehrds__evaluation .wrapper,
	.ehrds .ehrds__process .wrapper {
		padding-left: 24px;
		padding-right: 24px
	}
	.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper,
	.ehrds .ehrds__process .ehrds__process_challenges .wrapper,
	.ehrds .ehrds__process .ehrds__process_questions .wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ehrds .ehrds__process .ehrds__process_challenges .wrapper .challenges--details {
		width: 100%
	}
	.ehrds .ehrds__process .ehrds__process_challenges .wrapper .challenges--image {
		width: 50%
	}
	.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--image {
		width: 100%;
		margin-left: 0;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}
	.ehrds .ehrds__process .ehrds__process_questions .wrapper .questions--details {
		margin-top: 24px;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.ehrds .ehrds__process .ehrds__process_structure ul li::after {
		left: calc(140px + 3.5vw)
	}
	.ehrds .ehrds__evaluation .evaluation--goals .wrapper h3,
	.ehrds .ehrds__process .ehrds__process_guide .wrapper .guide--image {
		width: 100%
	}
	.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper .evaluation--hypothesis-image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		width: 60%;
		margin: 48px 0 0
	}
	.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper .evaluation--hypothesis-details {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper .survey-1,
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper .survey-2 {
		width: 100%
	}
	.ehrds .ehrds__outcome .ehrds__outcome_list {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.ehrds .ehr__results .ehr__results_details,
	.ehrds .ehrds__outcome .ehrds__outcome_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ehrds .ehr__results .ehr__results_details ol {
		width: 100%;
		margin-left: 20px;
		margin-bottom: 130px
	}
	.ehr .ehr__productmap .ehr__productmap_back {
		left: calc((100vw - 48px)/4)
	}
	.ehr .ehr__result .wrapper .ehr__result_1 {
		margin-top: 150px;
		width: 80%;
		z-index: 1;
		position: relative
	}
	.ehr .ehr__result .wrapper .ehr__result_2 {
		width: 70%;
		top: 150px;
		left: 31%
	}
	.ehr .ehr__result .wrapper .ehr__result_3 {
		width: 70%;
		top: 0;
		left: 60%
	}
	.ehr .ehr__results .ehr__results_details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.ehr .ehr__results .ehr__results_details ol {
		width: auto;
		margin-left: 24px
	}
	.ehr .ehr__results .ehr__results_details .comment {
		margin-left: 120px;
		margin-top: 120px
	}
}

@media screen and (max-width:576px) {
	.ehrds .case__hero .wrapper::before {
		bottom: -340px;
		right: 240px
	}
	.ehrds .case__hero .wrapper::after {
		bottom: -290px;
		right: 35px
	}
	.ehrds .case__hero .wrapper .ehrds__hero_physics-1 {
		display: none
	}
	.ehrds .ehrds__about {
		margin-top: 104px
	}
	.ehrds .ehrds__about a {
		padding: 12px 16px;
		height: auto
	}
	.ehrds .ehrds__about h3 {
		font-size: 24px
	}
	.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-1 {
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7);
		top: calc(86% + 70px);
		right: 70%
	}
	.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-3 {
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7);
		top: calc(100% + 110px);
		left: 58%
	}
	.ehrds .ehrds__about .ehrds__about_understand .wrapper .ehrds__about_block-2 {
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7);
		top: 99%;
		right: calc(58% - 170px)
	}
	.ehrds .ehrds__about .ehrds__about_create .wrapper .ehrds__about_tower {
		width: 60%;
		top: 83%;
		right: 62%
	}
	.ehrds .ehrds__about .ehrds__about_enterprise .wrapper .ehrds__about_atom {
		top: calc(100% + 40px);
		right: -37%;
		width: 60%
	}
	.ehrds .ehrds__about,
	.ehrds .ehrds__process .ehrds__process_title {
		padding-left: 16px;
		padding-right: 16px
	}
	.ehrds .ehrds__outcome .ehrds__outcome_title h2,
	.ehrds .ehrds__process .ehrds__process_title h2 {
		font-size: 48px;
		text-align: center
	}
	.ehrds .ehrds__process h3 {
		font-size: 24px;
		margin-bottom: 16px
	}
	.ehrds .ehrds__process .ehrds__process_challenges {
		margin-top: 64px
	}
	.ehrds .ehrds__process .ehrds__process_challenges .wrapper .challenges--image {
		width: 90%;
		margin-right: -15%
	}
	.ehrds .ehrds__process .ehrds__process_questions {
		margin-top: 80px
	}
	.ehrds .ehrds__process .ehrds__process_guide {
		margin-top: 96px
	}
	.ehrds .ehrds__process .ehrds__process_guide .wrapper,
	.ehrds .ehrds__process .ehrds__process_versions .wrapper,
	.ehrds .ehrds__process .ehrds__process_vocabulary .wrapper {
		padding-left: 0;
		padding-right: 0
	}
	.ehrds .ehrds__process .ehrds__process_entities .wrapper,
	.ehrds .ehrds__process .ehrds__process_guide .wrapper .guide--bg,
	.ehrds .ehrds__process .ehrds__process_versions .wrapper .versions--bg,
	.ehrds .ehrds__process .ehrds__process_vocabulary .wrapper .vocabulary--bg {
		display: none
	}
	.ehrds .ehrds__process .ehrds__process_entities,
	.ehrds .ehrds__process .ehrds__process_versions,
	.ehrds .ehrds__process .ehrds__process_vocabulary {
		margin-top: 64px
	}
	.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .entities--bg,
	.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper-container {
		display: block
	}
	.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--next,
	.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--prev {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.ehrds .ehrds__process .ehrds__process_entities .ehrds__process_entities-mobile .swiper--pagination {
		display: block
	}
	.ehrds .ehrds__evaluation .ehrds__evaluation_title {
		padding-top: 24vw;
		min-height: auto;
		background: url(../img/bg-ehrds-evaluation-mobile.jpg) no-repeat center top/100% auto
	}
	.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px
	}
	.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper h2,
	.ehrds .ehrds__evaluation h3,
	.ehrds .ehrds__outcome .ehrds__outcome_title h2,
	.ehrds .ehrds__process .ehrds__process_title h2,
	.ehrds .ehrds__process h3 {
		font-weight: 800;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #19233c
	}
	.ehrds .ehrds__evaluation .ehrds__evaluation_title .wrapper h2 {
		margin-top: -.4em;
		font-size: 48px;
		text-align: center;
		margin-bottom: 16px
	}
	.ehrds .ehrds__evaluation h3 {
		font-size: 24px;
		margin-bottom: 16px!important
	}
	.ehrds .ehrds__evaluation .evaluation--goals,
	.ehrds .ehrds__evaluation .evaluation--hypothesis,
	.ehrds .ehrds__evaluation .evaluation--survey {
		margin-top: 72px
	}
	.ehrds .ehrds__evaluation .evaluation--goals .wrapper .physics {
		display: none
	}
	.ehrds .ehrds__evaluation .evaluation--goals .wrapper ul {
		font-size: 16px
	}
	.ehrds .ehrds__evaluation .evaluation--goals .wrapper ul li::before {
		top: -2px
	}
	.ehrds .ehr__results,
	.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper,
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper h3,
	.ehrds .ehrds__outcome .wrapper {
		padding-left: 16px;
		padding-right: 16px
	}
	.ehrds .ehrds__evaluation .evaluation--hypothesis .wrapper .evaluation--hypothesis-image {
		width: 100%;
		margin-top: 40px
	}
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper {
		padding-left: 0;
		padding-right: 0
	}
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper .atom,
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper .physics {
		display: none
	}
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper .survey-1,
	.ehrds .ehrds__evaluation .evaluation--survey .wrapper .survey-2 {
		width: 116%;
		margin-left: -8vw
	}
	.ehrds .ehrds__evaluation .evaluation--results .wrapper img {
		width: 122%;
		margin-left: -10vw
	}
	.ehrds .ehrds__outcome .ehrds__outcome_title {
		min-height: 170px
	}
	.ehrds .ehrds__outcome .ehrds__outcome_list {
		margin-top: 64px
	}
	.ehrds .ehrds__outcome .ehrds__outcome_list li {
		width: 100%
	}
	.ehrds .ehrds__outcome .ehrds__outcome_list li .outcome--image {
		width: 130%;
		margin-bottom: -8vw
	}
	.ehrds .ehr__results {
		margin-top: 120px
	}
	.ehrds .ehr__results h2 {
		font-size: 80px
	}
	.ehrds .ehr__results .ehr__results_details .comment {
		margin-left: 0
	}
	.ehrds .ehr__results .ehr__results_details .comment::before {
		left: 0
	}
	.ehrds .ehr__results .ehr__results_details .comment::after {
		left: 20px
	}
}

.telemedecine .wrapper {
	max-width: 1120px;
	margin: auto
}

.telemedecine .navslider a.current {
	color: #0e1928
}

.telemedecine .case__hero {
	background: rgba(52, 175, 61, .2)
}

.telemedecine .case__hero .wrapper {
	padding: 144px 0 88px;
	background: url(../img/telemedecine_hero_circles.svg) no-repeat right 0 center;
	position: relative
}

.telemedecine .case__hero .case__hero_details {
	width: 65%
}

.telemedecine .case__hero .case__hero_details h1 {
	margin-bottom: 24px;
	font-size: 80px
}

.telemedecine .case__hero .case__hero_details ul {
	opacity: .7
}

.telemedecine .case__hero .case__hero_details ul li,
.telemedecine__initial h2,
.telemedecine__problem h2 {
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #0e1928
}

.telemedecine .case__hero .case__hero_bg {
	height: 105%;
	position: absolute;
	bottom: -22.8%;
	left: calc(48% + 44px)
}

.telemedecine .case__hero .case__hero_bg img {
	height: 100%
}

.telemedecine .case__roadmap {
	background-color: #f5fbf5
}

.telemedecine .case__roadmap .wrapper {
	position: relative
}

.telemedecine .case__roadmap .wrapper .case__roadmap_bg {
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translate(37%, -37%);
	-ms-transform: translate(37%, -37%);
	transform: translate(37%, -37%)
}

.telemedecine__initial {
	margin-top: 122px
}

.telemedecine__initial h2,
.telemedecine__problem h2 {
	font-size: 80px;
	font-weight: 800;
	line-height: normal;
	text-align: center;
	color: #19233c;
	opacity: .07
}

.telemedecine__initial .telemedecine__initial_text {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #2d3750;
	max-width: 770px;
	margin: -40px auto 0
}

.telemedecine__problem {
	margin-top: 170px
}

.telemedecine__problem .wrapper {
	position: relative
}

.telemedecine__problem .telemedecine__problem_bg {
	width: 428px;
	height: 428px;
	position: absolute;
	top: 60px;
	left: 90%
}

.telemedecine__problem .telemedecine__problem_grid {
	margin-top: -40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.telemedecine__problem .telemedecine__problem_grid .grid--block {
	width: calc(50% - 22px)
}

.telemedecine__problem .telemedecine__problem_grid h3,
.telemedecine__problem .telemedecine__problem_grid p {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #34af3d
}

.telemedecine__problem .telemedecine__problem_grid h3 span {
	color: #19233c
}

.telemedecine__problem .telemedecine__problem_grid p {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	color: #2d3750
}

.telemedecine__whatis {
	background: #ccefd8 url(../img/telemedicine-what-is.png) no-repeat right bottom/auto 100%;
	padding: 100px 0 76px;
	margin-top: 200px
}

.telemedecine__whatis .telemedecine__whatis_details {
	max-width: 655px
}

.telemedecine__whatis .telemedecine__whatis_details h2 {
	font-size: 48px;
	color: #19233c;
	margin-bottom: 24px
}

.telemedecine__view-wireframes h2 span,
.telemedecine__whatis .telemedecine__whatis_details h2 span {
	color: #34af3d
}

.telemedecine__goals .telemedecine__goals_grid .grid--list li,
.telemedecine__whatis .telemedecine__whatis_details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750;
	margin-bottom: 2em
}

.telemedecine__whatis .telemedecine__whatis_details .btn {
	margin-top: 24px;
	border: solid 1px #34af3d;
	color: #19233c;
	width: 350px
}

.telemedecine__whatis .telemedecine__whatis_details .btn:hover {
	background-color: #34af3d;
	-webkit-box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	color: #fff
}

.telemedecine__whatis .telemedecine__whatis_details .btn:active {
	background-color: #2e9235
}

.telemedecine__goals {
	margin-top: 114px
}

.telemedecine__goals h2 {
	font-size: 48px
}

.telemedecine__goals .telemedecine__goals_grid,
.telemedecine__view-wireframes .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.telemedecine__goals .telemedecine__goals_grid {
	margin-top: 24px
}

.telemedecine__goals .telemedecine__goals_grid .grid--list {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.telemedecine__goals .telemedecine__goals_grid .grid--list li {
	margin-bottom: 24px;
	position: relative;
	padding-left: 36px
}

.telemedecine__goals .telemedecine__goals_grid .grid--list li::before {
	content: "🎯";
	font-family: "Apple Color Emoji";
	font-size: 24px;
	line-height: 1;
	position: absolute;
	top: 2px;
	left: 0
}

.telemedecine__goals .telemedecine__goals_grid .grid--requirements {
	margin-left: 47px;
	width: 46%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	padding: 32px 48px 48px
}

.telemedecine__goals .telemedecine__goals_grid .grid--requirements::after {
	width: 100vw;
	height: 100%
}

.telemedecine__goals .telemedecine__goals_grid .grid--requirements h3,
.telemedecine__goals .telemedecine__goals_grid .grid--requirements p {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #19233c;
	position: relative;
	z-index: 1
}

.telemedecine__goals .telemedecine__goals_grid .grid--requirements p {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #2d3750;
	margin-bottom: 12px
}

.telemedecine__goals .telemedecine__goals_grid .grid--requirements p span {
	display: inline-block;
	margin-right: 6px;
	font-family: AppleColorEmoji
}

.telemedecine__view-wireframes {
	margin-top: 160px;
	padding-top: 69px;
	position: relative
}

.telemedecine__architecture .telemedecine__architecture_details::before,
.telemedecine__goals .telemedecine__goals_grid .grid--requirements::after,
.telemedecine__hospital::before,
.telemedecine__view-wireframes::before {
	content: "";
	display: block;
	background-color: #f5fbf5;
	position: absolute;
	top: 0;
	left: 0
}

.telemedecine__view-wireframes::before {
	height: 413px;
	right: 0
}

.telemedecine__view-wireframes .wrapper {
	position: relative;
	z-index: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.telemedecine__view-wireframes h2 {
	font-size: 48px;
	color: #19233c;
	text-align: center;
	margin-bottom: 32px;
	width: 100%
}

.telemedecine__view-wireframes img {
	width: 29%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 0 -3.3%
}

.telemedecine__view-wireframes img.top {
	width: calc(100% + 128px);
	margin: -60px -64px -72px
}

.telemedecine__architecture {
	margin-top: 225px
}

.telemedecine__architecture h2 {
	max-width: 780px;
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.21;
	letter-spacing: normal;
	color: #19233c
}

.telemedecine__architecture h2 span,
.telemedecine__ui .wrapper .telemedecine__ui_details h3 span {
	color: #2cb135
}

.telemedecine__architecture .telemedecine__architecture_details {
	position: relative;
	margin-top: 56px
}

.telemedecine__architecture .telemedecine__architecture_details::before {
	width: 70vw;
	height: 480px
}

.telemedecine__architecture .telemedecine__architecture_details .wrapper {
	position: relative
}

.telemedecine__architecture .telemedecine__architecture_details .architecture--bg {
	position: absolute;
	right: -38%;
	bottom: 15%;
	z-index: -1
}

.telemedecine__architecture .telemedecine__architecture_details .architecture--img1 {
	width: 95%;
	position: absolute;
	top: 56px;
	left: 0;
	-webkit-box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1)
}

.telemedecine__architecture .telemedecine__architecture_details .architecture--img2,
.telemedecine__architecture .telemedecine__architecture_details .architecture--img3 {
	width: 95%;
	position: absolute;
	top: -52px;
	left: 70%;
	-webkit-box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 12px 64px 0 rgba(17, 47, 131, .1)
}

.telemedecine__architecture .telemedecine__architecture_details .architecture--img3 {
	top: 42%;
	left: 22%
}

.telemedecine__architecture .telemedecine__architecture_details .architecture--img4 {
	margin-top: 80%;
	width: 90%
}

.telemedecine__hospital {
	margin-top: 142px;
	padding-top: 48px;
	position: relative
}

.telemedecine__hospital::before {
	width: 45%;
	height: 90%
}

.telemedecine__hospital .wrapper {
	position: relative;
	z-index: 1
}

.telemedecine__example_fonts .fonts--details h3,
.telemedecine__hospital h2,
.telemedecine__ui .wrapper .telemedecine__ui_details h3 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #19233c
}

.telemedecine__hospital .telemedecine__hospital_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px
}

.telemedecine__hospital .telemedecine__hospital_list img {
	width: 42%;
	-webkit-box-shadow: 0 2px 24px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 2px 24px 0 rgba(17, 47, 131, .1)
}

.telemedecine__hospital .telemedecine__hospital_list img.list--image-1 {
	z-index: 4
}

.telemedecine__hospital .telemedecine__hospital_list img.list--image-2 {
	z-index: 3;
	margin-left: -17%
}

.telemedecine__hospital .telemedecine__hospital_list img.list--image-3 {
	z-index: 2;
	margin-left: -17%
}

.telemedecine__hospital .telemedecine__hospital_list img.list--image-4 {
	z-index: 1;
	margin-left: -17%
}

.telemedecine__ui {
	margin-top: 200px
}

.telemedecine__ui .wrapper,
.telemedecine__ui h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.telemedecine__ui h2 {
	height: 320px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url(../img/telemedecine_ui_title.jpg) no-repeat center/cover
}

.telemedecine__ui .wrapper {
	margin-top: 88px
}

.telemedecine__ui .wrapper .telemedecine__ui_details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.telemedecine__example_fonts .fonts--details h3,
.telemedecine__ui .wrapper .telemedecine__ui_details h3 {
	margin-bottom: 24px
}

.telemedecine__example_fonts .fonts--details p,
.telemedecine__ui .wrapper .telemedecine__ui_details p {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.telemedecine__ui .wrapper .telemedecine__ui_icon {
	margin-left: 127px;
	width: 35%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.telemedecine__ui .wrapper .telemedecine__ui_icon img,
body.loading {
	width: 100%
}

.telemedecine__example_fonts {
	margin-top: 180px;
	overflow: hidden
}

.telemedecine__example_fonts .wrapper {
	position: relative;
	padding: 70px 0 40px
}

.telemedecine__example_fonts .fonts--details {
	width: 61%
}

.telemedecine__example_fonts .fonts--bg {
	position: absolute;
	top: 50%;
	left: 61%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 72px
}

.telemedecine__example_fonts .fonts--bg img:first-child {
	margin-bottom: 57px
}

.telemedecine__example_fonts .more {
	margin-top: 80px;
	text-align: center
}

.telemedecine__example_fonts .more .btn {
	border: solid 1px #34af3d;
	color: #19233c;
	width: 350px
}

.telemedecine__example_fonts .more .btn:hover {
	background-color: #34af3d;
	-webkit-box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	box-shadow: 0 8px 32px 0 rgba(46, 146, 54, .7);
	color: #fff
}

.telemedecine__example_fonts .more .btn:active {
	background-color: #2e9235
}

.telemedecine__results {
	margin-top: 165px;
	position: relative;
	padding-top: 48px
}

.telemedecine__cases::before,
.telemedecine__results::before {
	content: "";
	display: block;
	background-color: #f5fbf5;
	width: 45%;
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.telemedecine__results h2 {
	font-size: 48px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #19233c
}

.telemedecine__results .telemedecine__results_preview {
	position: relative;
	margin-top: 27px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.telemedecine__results .telemedecine__results_preview img {
	position: absolute;
	-webkit-box-shadow: 0 14px 56px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 14px 56px 0 rgba(17, 47, 131, .1)
}

.telemedecine__results .telemedecine__results_preview .preview--1 {
	width: 57%;
	left: 0;
	top: 0;
	z-index: 3
}

.telemedecine__results .telemedecine__results_preview .preview--2 {
	width: 17%;
	left: 42.6%;
	top: 2.9%;
	z-index: 4
}

.telemedecine__results .telemedecine__results_preview .preview--3 {
	width: 69%;
	left: 41.3%;
	top: 14.2%;
	z-index: 2
}

.telemedecine__results .telemedecine__results_preview .preview--4 {
	width: 57%;
	left: 2.4%;
	top: 26.5%;
	z-index: 1
}

.telemedecine__results .telemedecine__results_preview .preview--5 {
	width: 17%;
	left: 74.2%;
	top: 31.1%;
	z-index: 2
}

.telemedecine__results .telemedecine__results_preview .preview--6 {
	width: 17%;
	left: 93.6%;
	top: 31.1%;
	z-index: 2
}

.telemedecine__results .telemedecine__results_preview .preview--7 {
	width: 17%;
	left: 0;
	top: 37.9%;
	z-index: 2
}

.telemedecine__results .telemedecine__results_preview .preview--8 {
	width: 57%;
	left: 53.6%;
	top: 41.6%;
	z-index: 0
}

.telemedecine__results .telemedecine__results_details {
	margin-top: 1060px;
	max-width: 51%
}

.telemedecine__cases h2,
.telemedecine__results .telemedecine__results_details h3,
.telemedecine__results .telemedecine__results_details ol li::before {
	font-size: 80px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #19233c
}

.telemedecine__results .telemedecine__results_details ol {
	margin-top: 37px;
	list-style: none;
	counter-reset: my-awesome-counter
}

.telemedecine__results .telemedecine__results_details ol li {
	counter-increment: my-awesome-counter;
	position: relative;
	margin-bottom: 42px;
	padding-left: 22px;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #2d3750
}

.telemedecine__results .telemedecine__results_details ol li::before {
	content: counter(my-awesome-counter);
	position: absolute;
	top: -24px;
	left: 0;
	opacity: .1;
	text-align: center;
	color: #34af3d
}

.telemedecine__cases {
	margin-top: 160px;
	position: relative;
	padding-top: 72px
}

.telemedecine__cases::before {
	width: 100%;
	height: 397px
}

.telemedecine__cases h2 {
	line-height: .7;
	opacity: .07
}

@media screen and (max-width:960px) {
	.telemedecine__architecture .telemedecine__architecture_details .architecture--img2 {
		left: 50%
	}
	.telemedecine__architecture .telemedecine__architecture_details .architecture--img3 {
		top: 40%
	}
	.telemedecine__architecture .telemedecine__architecture_details .architecture--img4 {
		margin-top: 56%
	}
	.telemedecine__goals .telemedecine__goals_grid {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.telemedecine__goals .telemedecine__goals_grid .grid--list li {
		margin-bottom: 16px
	}
	.telemedecine__goals .telemedecine__goals_grid .grid--requirements {
		width: 100%;
		margin-left: 0;
		padding: 0;
		margin-top: 104px
	}
	.telemedecine__goals .telemedecine__goals_grid .grid--requirements::after {
		top: -40px;
		left: 33px
	}
	.telemedecine__view-wireframes img.top {
		margin-bottom: -6vw
	}
	.telemedecine__architecture h2,
	.telemedecine__example_fonts,
	.telemedecine__goals,
	.telemedecine__hospital,
	.telemedecine__problem,
	.telemedecine__ui .wrapper,
	.telemedecine__view-wireframes,
	.telemedecine__whatis {
		padding-left: 24px;
		padding-right: 24px
	}
	.telemedecine__results .telemedecine__results_details {
		margin-top: 100%
	}
	.telemedecine__view-wireframes img {
		width: 64%;
		margin: 0 -10% -10%
	}
}

@media screen and (max-width:720px) {
	.telemedecine .case__roadmap .case__roadmap_schema .schema--arrows {
		top: 325px
	}
	.telemedecine__results .telemedecine__results_details {
		margin-top: 120%
	}
}

@media screen and (max-width:576px) {
	.telemedecine .case__hero .wrapper {
		background-position: right -340px bottom -227px!important
	}
	.telemedecine .case__delivery .case__delivery_team .team--photos li {
		width: calc(50% - 16px)
	}
	.telemedecine h2 {
		font-size: 48px
	}
	.telemedecine__problem h2 span {
		display: none
	}
	.telemedecine__initial .telemedecine__initial_text {
		font-size: 14px;
		margin-top: -22px
	}
	.telemedecine__problem .telemedecine__problem_grid {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 100px
	}
	.telemedecine__problem .telemedecine__problem_grid .grid--block,
	.telemedecine__results::before {
		width: 100%
	}
	.telemedecine__problem .telemedecine__problem_grid .grid--block:first-child {
		margin-bottom: 72px
	}
	.telemedecine__problem .telemedecine__problem_grid .grid--block:first-child h3 {
		display: none
	}
	.telemedecine__problem .telemedecine__problem_bg {
		top: 30%;
		left: 50%
	}
	.telemedecine__whatis {
		background: #ccefd8 url(../img/telemedicine-what-is-mibile.jpg) no-repeat center bottom/100% auto;
		padding-bottom: 90vw
	}
	.telemedecine__whatis .telemedecine__whatis_details h2 span {
		color: currentColor
	}
	.telemedecine__results .wrapper {
		padding-left: 0;
		padding-right: 0
	}
	.telemedecine__results .wrapper h2 {
		padding: 0 16px
	}
	.telemedecine__results .telemedecine__results_preview {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.telemedecine__results .telemedecine__results_preview .preview--1 {
		width: 100%;
		position: static
	}
	.telemedecine__results .telemedecine__results_preview .preview--2 {
		width: 30%;
		left: auto;
		right: 16px
	}
	.telemedecine__results .telemedecine__results_preview .preview--3 {
		top: calc(100vw/1.6);
		width: 120%;
		left: -8.7%
	}
	.telemedecine__results .telemedecine__results_preview .preview--4 {
		width: 124%;
		left: 8.4%;
		top: calc(100vw/.64)
	}
	.telemedecine__results .telemedecine__results_preview .preview--5 {
		width: 30%;
		left: 30.2%;
		top: calc(100vw/.99)
	}
	.telemedecine__results .telemedecine__results_preview .preview--6 {
		width: 30%;
		left: 65.2%;
		top: calc(100vw/.99)
	}
	.telemedecine__results .telemedecine__results_preview .preview--7 {
		width: 30%;
		left: 16px;
		top: calc(100vw/.53)
	}
	.telemedecine__results .telemedecine__results_preview .preview--8 {
		position: static;
		width: 110%;
		margin-top: calc(100vw/.52)
	}
	.telemedecine__results .telemedecine__results_details {
		width: 100%;
		max-width: 100%;
		margin-top: 120px;
		padding-left: 16px;
		padding-right: 16px
	}
}

.asscroll-container {
	will-change: transform;
	z-index: 0;
	overflow: hidden
}

.btn,
.loader {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff
}

.loader .loader__logo {
	fill: #dde3eb
}

.btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0 20px;
	height: 48px;
	background: 0 0;
	border: 0;
	min-width: 160px;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.btn.btn-arrow:hover,
.btn:hover {
	-webkit-box-shadow: 0 8px 32px 0 rgba(190, 37, 12, .7);
	box-shadow: 0 8px 32px 0 rgba(190, 37, 12, .7);
	background-color: #f8583e
}

.btn.btn-arrow:active,
.btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #cf3319;
	-webkit-transition-duration: 200ms;
	-o-transition-duration: 200ms;
	transition-duration: 200ms
}

.btn.btn-arrow,
.btn.btn-fill {
	background-color: #e8452a
}

.btn.btn-arrow i {
	display: block;
	width: 40px;
	height: 1px;
	position: relative;
	margin-left: 10px
}

.form-control {
	position: relative;
	/* min-height: 72px */
}

.form-control.error .custon-select__wrapper .custon-select__list,
.form-control.error input,
.form-control.error textarea {
	border-color: #e8452a
}

.form-control.error .error-message {
	opacity: 1
}

.form-control.valid input,
.form-control.valid textarea {
	border-color: rgba(25, 35, 60, .7)
}

.form-control input {
	height: 48px
}

.form-control input,
.form-control textarea {
	width: 100%;
	border: solid 1px rgba(25, 35, 60, .2);
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #19233c;
	padding: 16px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin-bottom: 24px
}

.form-control input:hover,
.form-control textarea:hover {
	border: solid 1px rgba(25, 35, 60, .7)
}

.form-control input:focus,
.form-control textarea:focus {
	border: solid 1px rgba(25, 35, 60, .7)
}

.form-control input::-webkit-input-placeholder,
.form-control textarea::-webkit-input-placeholder {
	color: #19233c;
	opacity: .5
}

.form-control input::-moz-placeholder,
.form-control textarea::-moz-placeholder {
	color: #19233c;
	opacity: .5
}

.form-control input:-ms-input-placeholder,
.form-control textarea:-ms-input-placeholder {
	color: #19233c;
	opacity: .5
}

.form-control input:-moz-placeholder,
.form-control textarea:-moz-placeholder {
	color: #19233c;
	opacity: .5
}

.form-control textarea {
	height: 96px;
	resize: none
}

.form-control .custon-select {
	margin-bottom: 24px
}

.form-control .error-message,
.navslider {
	left: 0;
	font-size: 10px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal
}

.form-control .error-message {
	line-height: normal;
	color: #e8452a;
	position: absolute;
	bottom: 10px;
	opacity: 0;
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease
}

.navslider {
	position: fixed;
	top: calc(50% - 26px);
	line-height: 52px;
	color: #465264;
	z-index: 10
}

.navslider[data-current-color=black] a.current {
	color: #0f1928
}

.navslider[data-current-color=orange] a.current,
.navslider[data-current-color=white] a.current {
	color: #fff
}

.navslider a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-left: 42px;
	opacity: 0;
	-webkit-transition: opacity 300ms ease, color 300ms ease, font-size 300ms ease, letter-spacing 300ms ease;
	-o-transition: opacity 300ms ease, color 300ms ease, font-size 300ms ease, letter-spacing 300ms ease;
	transition: opacity 300ms ease, color 300ms ease, font-size 300ms ease, letter-spacing 300ms ease
}

.navslider a:hover:not(.current) {
	letter-spacing: 1px
}

.navslider a:hover:not(.current)::before {
	width: 34px!important
}

.navslider a.current {
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	opacity: 1;
	pointer-events: none
}

.navslider a.current::before {
	width: 34px;
	height: 4px;
	background-color: #e8452a
}

.navslider a.second,
.navslider a.third {
	opacity: 1
}

.navslider a.second::before {
	width: 24px
}

.navslider a.third::before {
	width: 16px
}

.navslider a::before {
	content: "";
	display: block;
	height: 2px;
	width: 0;
	background-color: #222b39;
	position: absolute;
	left: 0;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.custon-select select {
	visibility: hidden;
	position: absolute;
	top: -10000px;
	left: -10000px
}

.custon-select.active .custon-select__wrapper .custon-select__current::after {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	top: calc(50% - 8px)
}

.custon-select.active .custon-select__wrapper .custon-select__list {
	-webkit-box-shadow: 0 8px 20px 0 rgba(17, 47, 131, .1), 0 2px 8px 0 rgba(17, 47, 131, .1);
	box-shadow: 0 8px 20px 0 rgba(17, 47, 131, .1), 0 2px 8px 0 rgba(17, 47, 131, .1);
	max-height: 300px
}

.custon-select.selected .custon-select__wrapper .custon-select__current {
	color: #19233c
}

.custon-select.selected .custon-select__wrapper .custon-select__list {
	border-color: rgba(25, 35, 60, .7)
}

.custon-select:not(.active):hover .custon-select__wrapper .custon-select__list {
	border-color: rgba(25, 35, 60, .7)
}

.custon-select .custon-select__wrapper .custon-select__current,
.custon-select .custon-select__wrapper .custon-select__list li {
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.custon-select .custon-select__wrapper .custon-select__current {
	height: 48px;
	color: rgba(25, 35, 60, .5);
	padding: 16px;
	position: relative;
	z-index: 2;
	-webkit-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease
}

.custon-select .custon-select__wrapper .custon-select__current::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	position: absolute;
	right: 20px;
	top: calc(50% - 14px);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out
}

.custon-select .custon-select__wrapper .custon-select__list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-height: 48px;
	overflow: hidden;
	border: solid 1px rgba(25, 35, 60, .2);
	background-color: #fff;
	padding-top: 48px;
	z-index: 1;
	-webkit-transition: border-color 300ms ease, max-height 300ms ease-in-out, -webkit-box-shadow 300ms ease;
	-o-transition: box-shadow 300ms ease, border-color 300ms ease, max-height 300ms ease-in-out;
	transition: box-shadow 300ms ease, border-color 300ms ease, max-height 300ms ease-in-out;
	transition: box-shadow 300ms ease, border-color 300ms ease, max-height 300ms ease-in-out, -webkit-box-shadow 300ms ease
}

.custon-select .custon-select__wrapper .custon-select__list li {
	height: 40px;
	color: #19233c;
	padding: 0 16px;
	-webkit-transition: background-color 300ms ease;
	-o-transition: background-color 300ms ease;
	transition: background-color 300ms ease
}

.custon-select .custon-select__wrapper .custon-select__list li:hover {
	background-color: rgba(25, 35, 60, .05)
}


/*# sourceMappingURL=app.css.map */


/*--------header-----------*/

.header {
  position: fixed;
  z-index: 99999;
  top: 0px;
  left: 0px;
  width: 100%;
  left: 0;
  top: 0px;
  /* border-bottom: 1px solid rgba(255, 255, 255, .2) */
  /* box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.05); */
}

.hdtopbx {
  width: 100%;
  display: table;
  padding: 0;
  background-color: transparent;
  transition: all 0.3s;
  height: 40px;
  line-height: 40px;
  text-align: right;
}

#header.fixed1 .hdtopbx {
  height: 36px;
  line-height: 36px;
  background-color: #ececec;
}

a.clientver {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  color: #fff;
  background-color: #355c7d;
  display: block;
  float: right;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s;
}

a.clientver:hover {
  background-color: #00a0ff;
}

a.ftnum {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.5s;
  /* line-height: 26px;
    margin-bottom: 20px; */
  display: inline-block;
  float: right;
  margin: 0 10px;
}

a.ftm {
  font-size: 16px;
}

a.ftnum img {
  height: 16px;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -2px;
  width: auto;
}

#header.fixed1 a.ftnum {
  color: #000;
}

#header.fixed1 a.clientver {
  height: 36px;
  line-height: 36px;
}

.header_top {
  width: 100%;
  /* padding-bottom: 50px; */
  display: table;
  /* padding: 0 20px; */
  /* background-color: #fff; */
}

#header.fixed1 {
  position: fixed;
  top: 0px;
  left: 0;
  /* width: 100%; */
  background-color: #fff;
  z-index: 999999;
  box-shadow: 0 5px 10px -5px rgba(11, 11, 17, 0.05),
    0 20px 60px -20px rgba(11, 11, 17, 0.2);
}
#header.fixed1.fixed2 {
  box-shadow: 0 5px 10px -5px rgba(11, 11, 17, 0.05),
    0 20px 60px -20px rgba(11, 11, 17, 0.2) !important;
}

#header.fixed1 .header_top {
  padding-bottom: 0;
}

.logo {
  float: left;
  display: inline-block;
  height: 95px;
  line-height: 95px;
}

.logo a {
  vertical-align: middle;
  display: table;
  background-image: url("../../../../../images/logo1.png");
  background-repeat: no-repeat;
  background-position: left center;
  width: 175px;
  height: 95px;
  background-size: 100%;
  /* transition: all 0.3s; */
}

#header.fixed1 .logo {
  /* height: 75px;
    line-height: 75px; */
}

#header.fixed1 .logo a {
  background-image: url("../../../../../images/logo.png");
  background-position: left center;
  /* height: 75px; */
}

.top1_left {
  display: inline-block;
  float: right;
}

.top1_left ul li {
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
  font-weight: 300;
  position: relative;
}

.top1_left ul li a {
  color: #047fc6;
  display: inline-block;
  float: left;
  font-size: 14px;
  padding: 0 15px;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0px;
  transition: all 0.3s ease 0s;
}

.top1_left ul li a i {
  margin-right: 7px;
  font-size: 14px;
  color: #d21122;
}

.top1_left ul li.whatsapp a i {
  color: #2751ab;
}

.top1_left ul li a:hover {
  color: #00507d;
}

.top1_left ul li:after {
  position: absolute;
  right: 0px;
  top: 10px;
  width: 1px;
  height: 18px;
  content: "";
  background-color: #ccc;
}

.top1_left ul li:last-child:after {
  display: none;
}

.main_menu {
  clear: both;
  width: 100%;
  display: table;
  background-color: #e8e8e8;
  box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.15);
}

.menu {
  float: right;
  display: inline-block;
  margin-left: 0px;
}

.menu > ul {
  list-style: none;
  float: left;
}

.menu > ul > li {
  display: inline-block;
  float: left;
  position: relative;
  /* padding: 0 5px; */
}

.menu > ul > li > a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  display: block;
  transition: all 0.3s ease 0s;
  outline: 0px;
  padding: 0 20px;
  height: 95px;
  line-height: 95px;
  position: relative;
  font-weight: 700;  
}

.menu > ul > li:last-child > a {
  /* color: #fff;
  height: 40px;
  border-radius: 0px;
  line-height: 40px;
  margin-top: 27px;
  margin-left: 20px;
  padding: 0 30px;
  border: 1px solid #e8452a;
  background-color: #e8452a; */
}

@-webkit-keyframes colorSpin {
  0% {
    filter: hue-rotate(0deg);
  }
  25% {
    background-position: 0 100%;
  }
  50% {
    background-position: 60% 80%;
    filter: hue-rotate(140deg);
  }
  75% {
    background-position: 60% 100%;
  }
  to {
    filter: hue-rotate(0deg);
  }
}

@keyframes colorSpin {
  0% {
    filter: hue-rotate(0deg);
  }
  25% {
    background-position: 0 100%;
  }
  50% {
    background-position: 60% 80%;
    filter: hue-rotate(140deg);
  }
  75% {
    background-position: 60% 100%;
  }
  to {
    filter: hue-rotate(0deg);
  }
}

#header.fixed1 .menu > ul > li > a {
  color: #121738;
  /* height: 75px;
    line-height: 75px; */
}

/* #header.fixed1 .menu > ul > li:last-child > a {
  color: #fff;
  border-color: #e8452a;
  background-color: #e8452a;
  height: 40px;
  line-height: 40px;
} */
/* 
.menu>ul>li>a:before {
    bottom: 10px;
    height: 2px;
    background-color: #fb5507;
    display: block;
    left: 0;
    margin: auto;
    content: "";
    position: absolute;
    right: 0;
    transition-timing-function: ease-in;
    transition: background-color .3s, width .3s, height .12s;
    width: 0%;
} */

/* .menu > ul > li > a:after {
    position: absolute;
    display: block;
    width: 1px;
    height: 16px;
    top: 42px;
    right: -8px;
    left: auto;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #000;
    content: ""
} */

.menu > ul > li:last-child > a:before {
  display: none;
}

/* .menu > ul > li:last-child > a:hover {
  color: #fff;
  background-color: #0d2b47;
  border-color: #0d2b47;
} */

.menu > ul > li:hover > a:before,
.menu > ul > li > a.active:before {
  width: 50%;
}

.menu > ul > li > a i {
  margin-left: 5px;
  color: #fff;
}
#header.fixed1 .menu > ul > li > a i {
  color: #000;
}

.menu ul > li:hover > a,
.menu ul > li > a.active {
  color: #fb5507 !important;
}

.menu > ul > li > a span {
  padding: 8px 20px;
  transition: all 0.3s;
  background-color: #303239;
  color: #a9acbb;
  border-radius: 30px;
}

.menu > ul > li.last1 > a span {
  background-color: #c5c8d8;
  color: #222328;
}

.menu > ul > li.last > a:hover span {
  background-color: #f47435;
  color: #fff;
  border-color: #f47435;
}

.menu > ul > li.last1 > a:hover span {
  background-color: #00aff0;
  color: #fff;
  border-color: #00aff0;
}

.menu ul li:hover ul.submenu1 {
  display: block;
}

.menu ul li.social {
  position: absolute;
  right: 60px;
}

.menu ul li.social a {
  float: left;
  display: inline-block;
  padding: 0 7px;
  font-size: 24px;
}

.menu ul li.social:hover a {
  color: #fff;
}

.menu ul li.social a:hover {
  color: #ccc;
}

.menu ul li.fb1 {
  position: absolute;
  right: 0px;
  background-color: #4f4f4f;
}

.menu ul li.fb1 a:before {
  display: none;
}

.menu ul li.phonebx {
  position: absolute;
  right: 57px;
  background-color: #4f4f4f;
}

.menu ul li.phonebx:hover ul.submenu1 {
  left: auto;
  right: 0px;
}

ul.submenu1 {
  width: auto;
  min-width: 240px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0px;
  list-style: none;
  display: none;
  z-index: 9999999999;
  box-shadow: 0 5px 10px -5px rgba(11, 11, 17, 0.05),
    0 20px 60px -20px rgba(11, 11, 17, 0.2);
}

ul.submenu1 li {
  display: table;
  clear: both;
  width: 100%;
  position: relative;
}

ul.submenu1 li a {
  text-decoration: none;
  color: #121738 !important;
  font-size: 15px;
  line-height: 22px;
  padding: 10px 20px !important;
  display: block;
  font-weight: 400;
  transition: all 0.3s ease 0s;
  text-align: left;
  border-bottom: 1px solid #f2f2f2;
  text-transform: capitalize;
  
}

ul.submenu1 > li:last-child > a {
  border-bottom: 0px;
}

ul.submenu1 li:hover > a {
  color: #fb5507 !important;
  background-color: transparent;
}

ul.submenu1 li:last-child a {
}

ul.submenu2 {
  display: none !important;
  border-top: 0px;
  min-width: 240px;
  left: 240px;
  top: 0px;
  position: absolute;
}

.menu ul > li ul.submenu1 li:hover ul.submenu2 {
  left: 240px;
  top: 0px;
  display: block !important;
  background-color: #f3f3f3;
}

ul.submenu2 li a {
  color: #000 !important;
}

ul.submenu3 {
  display: none !important;
  border-top: 0px;
  min-width: 240px;
}

.menu ul > li ul.submenu2 li:hover ul.submenu3 {
  left: 100%;
  top: 0px;
  display: block !important;
  background-color: #fff;
}

ul.submenu3 li a {
  color: #000 !important;
}

a.enquirenow {
  position: relative;
  z-index: 1;
  padding: 10px 26px 6px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  margin: 22px 10px 0px 0;
  transition: all 0.3s;
}

a.enquirenow:before,
a.enquirenow:after {
  position: absolute;
  top: 0;
  height: 100%;
  transform: skewX(-10deg);
  transition: all 0.2s ease-in-out;
  content: "";
}

a.enquirenow:before {
  right: 10px;
  left: 10px;
  z-index: -1;
  background-color: #d81324;
}

a.enquirenow1:before {
  background-color: #083e6e;
}

a.enquirenow:after {
  background-color: rgba(245, 134, 52, 0.6);
  right: 0;
  left: 0;
  z-index: -2;
}

a.enquirenow1:after {
  background-color: rgba(8, 62, 110, 0.6);
}

a.enquirenow:hover:before {
  background-color: #fa9b54;
}

a.enquirenow1:hover:before {
  background-color: #0f62ac;
}

.bannerbuttns{
   width: 100%;
   display: table;
   position: absolute;
   left: 0;
   top: -32px;
   z-index: 9;
   text-align: center;
}
.bannerbuttns a{
   text-decoration: none;
   display: inline-block;
   padding: 0 70px 0 35px;
   position: relative;
   margin: 0 60px;
   background-color: #fb5507;
   color: #fff;
   transition: all 0.3s;
   border-radius: 30px;
   font-size: 16px;
   height: 50px;
   font-weight: 600;
   line-height: 50px;
}
.bannerbuttns a span{
   position: absolute;
   right: -50px;
   top: -25px;
   width: 100px;
   height: 100px;
   text-align: center;
   border-radius: 100px;
   background-color: #fb5507;
   display: inline-block;
}
.bannerbuttns a:last-child{background-color: #0d2b47; padding: 0 35px 0 70px;}
.bannerbuttns a:last-child span{
   right: auto;
   left: -50px;
   background-color: #0d2b47;

}
.bannerbuttns a img{width: 50px; display: inline-block; margin-top: 20px;}

.top_social,
.top_social ul {
  float: right;
  margin-left: 15px;
  list-style: none;
}

.top_social ul {
  margin-right: 0;
}

.top_social ul li {
  float: left;
  padding: 20px 0 0;
  /* margin-left: 25px; */
  transition: all 0.3s;
}

#header.fixed1 .top_social ul li {
  padding-top: 10px;
}

.top_social ul li a {
  color: #000;
  font-size: 10px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.5s;
  background-color: transparent;
  padding: 0px 10px;
  height: 50px;
  /* line-height: 50px; */
  display: block;
  text-align: center;
  /* border-bottom: 2px solid #fb5507; */
  float: right;
  
  /* border-radius: 30px; */
}

.top_social ul li a i {
  font-size: 24px;
  position: relative;
  top: 3px;
}

#header.fixed1 .top_social ul li a {
  color: #000;
}

/* .top_social ul li a:hover {
    color: #991050;
    transition: all .5s;
} */

.top_social ul li a img {
  height: 50px;
  display: inline-block;
  margin-right: 2px;
  position: relative;
  top: -3px;
}

.site-header-action__icon {
  fill: #ff6801;
  height: 25px;
  /* width: 15px; */
  position: relative;
  top: 7px;
  margin-right: 5px;
  display: inline-block;
}

.site-header-action__icon--enquire {
  fill: #e9c469;
  height: 25px;
  width: 30px;
}

.menu ul li:hover .dropdownm1 {
  display: block;
  top: 100%;
  transition: all 0.3s;
  opacity: 1;
  visibility: visible;
}

.dropdownm1 {
  position: absolute;
  top: 120%;
  left: 0px;
  background-color: #fff;
  border: 1px solid #fff;
  z-index: 99;
  width: 240px;
  border-radius: 3px;
  /* display: none; */
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
}

/* .dropdownm1::before{
  width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    position: absolute;
    top: -8px;
    left: 5%;
    content: "";
} */

.dropdownm1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}

.dropdownm1 ul li {
  display: block;
  width: 100%;
  line-height: normal;
}

.dropdownm2 ul li {
  text-align: center;
}

.dropdownm1 ul li a {
  text-decoration: none;
  text-decoration: none;
  color: #000 !important;
  font-size: 16px;
  font-weight: 400;
  display: block;
  position: relative;
  padding: 10px;
  width: 100%;
  display: block;
  transition: all 0.3s;
  
}

.dropdownm1 ul li a p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 200;
}

.dropdownm1 ul li a:hover:before {
  background-color: #de5041;
}

.dropdownm1 ul li a:hover {
}

/* .dropdownm1 ul li a:before{
  width: 7px;
  height: 1px;
  content: "";
  position: absolute;
  left: 5px;
  top: 22px;
  background-color: #fb5507;
} */

.dropdownm1 ul li a:hover {
  color: #fb5507 !important;
}

.dropdownm1 .link {
  line-height: normal;
  padding: 0px 30px 20px;
  text-align: right;
}

.dropdownm1 .link a {
  text-decoration: none;
  letter-spacing: 3px;
  color: #de5041 !important;
  font-size: 14px !important;
}

/*------header_end--------*/

/*home_link*/

.home_link {
  overflow: hidden;
  /* background-image: url(../images/bg1.jpg);
    background-position: center;
    background-size: cover; */
  position: relative;
  width: 100%;
  background-color: #000;
  height: 90vh;
}

.home_link::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: -0;
    z-index: 1;
    background-color: #0d2b47;
    opacity: 0.3;
    /* background: linear-gradient(45deg, #733500 0%, #e26a04 100%);
    transform: skew(-25deg);
    opacity: 0.65 */
}

.home_link:before {
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    width: 100%;
    background: url(../../../../../images/bg-pattern-home-top.png) 100% 100% no-repeat;
    pointer-events: none;
    z-index: 2;
    /* width: 36vw;
    right: -30vw; */
    z-index: 9;
    content: "";
    opacity: 0.85;
    /* background-color: #355c7d;
    transform: skew(-25deg);
    opacity: 0.45 */
}
/*
.hshape1::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50vw;
    left: -30vw;
    z-index: 9;
    background-color: #00a1ff;
    transform: skew(-25deg);
    opacity: 0.45
}

.hshape2:before {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 36vw;
    right: -30vw;
    z-index: 9;
    content: "";
    background-color: #fb5507;
    transform: skew(-25deg);
    opacity: 0.45
} */

.banner_r_more {
  display: table;
  margin: auto;
  margin-top: 60px;
}
.banner_r_more a {
  text-decoration: none;
  color: #fff;
  padding: 15px 40px;
  border-radius: 5px;
  transition: all 0.3s;
  position: relative;
  top: 0;
  font-size: 19px;
  background-color: #fb5507;
}
.banner_r_more a:hover {
  top: -5px;
}
.site-banner__graphic {
  position: absolute;
  bottom: -1px;
  right: -1px;
  z-index: 9;
  width: 60%;
}

.site-banner__graphic svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.hl_video {
  /* position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; */
}

.hl_video video {
  width: 110%;
  display: block;
  left: -5%;
  position: relative;
  opacity: 0.65;
}

.hl_circle {
  width: 90%;
  left: 5%;
  font-size: 18px;
  text-align: center;
  color: #fff;
  /* text-align: center; */
  padding: 0 5%;
  top: 45%;
  /* background: rgba(255, 255, 255, 0.8);
    padding: 100px; */
  position: absolute;
  z-index: 999;
}

.homepage__hero {
  width: 100%;
  display: table;
  position: absolute;
  left: 0;
  bottom: 0;
}

.bannerboxcont {
  position: absolute;
  left: 8%;
  top: 32%;
  width: 86%;
  padding: 0 15%;
  text-align: left;
  z-index: 2;
}
.bannerboxcont::before {
  width: 1px;
  height: 100%;
  top: 17px;
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  background-color: #d8d8d8;
}
.bannerboxcont::after {
  width: 5px;
  height: 49px;
  top: 17px;
  background-color: #fb5507;
  left: 2px;
  content: "";
  display: block;
  position: absolute;
}
/* .banner_txt {
    top: 160px;
    color: #fff;
    position: absolute;
    text-align: center;
    width: 60%;
    margin: auto;
    display: block;
    left: 28%;
    z-index: 999999;
    margin: auto;
} */

.banner_hd h2 {
  font-size: 60px;
  color: #fff;
  margin-bottom: 25px;
  width: 70%;
  padding-left: 50px;

  /* padding: 0 15%; */
  /* text-transform: uppercase; */
  /* text-shadow: 0 0 191px black !important; */
  /* font-weight: 800; */
  /* font-family: 'Poppins', sans-serif; */
  
  /* font-weight: 600; */
}
.banner_hd p {
  color: #fff;
  font-size: 18px;
  padding-left: 40px;
}

/* .banner_hd h2 span{font-weight: 300; font-size: 80px; } */

/* .bannertxt h2:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 447px;
    height: 7px;
    margin: 0 0 0 -223px;
    padding: 0;
    border: 1px solid #000;
    background: #000;
} */

.banner_cont p {
  font-size: 21px;
  color: #fff;
  
  width: 100%;
  font-weight: 500;
  padding: 0 10%;
  line-height: 28px;
}

.hl_circle p {
  font-size: 21px;
  color: #fff;
  
  width: 100%;
  font-weight: 500;
  padding: 0 10%;
  line-height: 28px;
}

.hl_circle h2 {
  font-size: 55px;
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
  /* text-shadow: 0 0 191px black !important; */
  /* font-weight: 800; */
  /* font-family: 'Poppins', sans-serif; */
  
  font-weight: 600;
}

.hl_circle ul {
  list-style: none;
  display: table;
  margin: auto;
  text-align: center;
  margin-top: 40px;
}

.hl_circle ul li {
  display: inline-block;
  padding: 0 20px;
  float: left;
}

.hl_circle ul li img {
  display: table;
  margin: auto;
  width: 80px;
  height: 80px;
}

.hl_circle h3 {
  font-size: 18px;
  color: #fff;
  opacity: 1;
  margin-bottom: 15px;
  height: 36px;
  line-height: 18px;
  /* text-transform: capitalize; */
  /* text-shadow: 0 0 191px black !important; */
  /* font-weight: 800; */
  /* font-family: 'Poppins', sans-serif; */
  
  font-weight: 300;
}

/* .hl_circle h2 span{
    padding: 0 10px;
    color: #fff;
    position: relative;
    display: inline-block;
}
.hl_circle h2 span:before{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

    content: "";
    -webkit-box-shadow: inset 0 -66px 0 0 #ff6801;
    box-shadow: inset 0 -66px 0 0 #ff6801;
    z-index: -1
} */

.hl_circle a {
  display: inline-block;
  font-size: 19px;
  color: #fff;
  background-color: transparent;
  border-bottom: 3px solid #ff6801;
  text-decoration: none;
  padding: 12px;
  margin-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  
}

.hl_circle a svg {
  margin-left: 5px;
}

.hl_circle a:hover {
  background: #ff6801;
  border-color: #ff6801;
}

.bannerBtn a {
  position: absolute;
  right: calc(12% - 100px);
  bottom: 20px;
  padding-bottom: 120px;
  text-decoration: none;
  display: inline-block;
  outline: 0px;
  z-index: 99999;
  /* background-image: url(../images/varrow-home.svg);
    width: 200px;
    height: 265px;
    background-size: 12px 265px;
    background-repeat: no-repeat; */
  /* padding-top: 167px; */
  white-space: nowrap;
  color: #fefefe;
  text-align: center;
  background-position: center;
  font-size: 18px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

.bannerBtn a:focus {
  outline: 0px;
}

.bannerBtn a span {
  transform: rotate(90deg);
  display: block;
  opacity: 0.3;
  font-size: 14px;
  position: relative;
  right: 4px;
  top: -10px;
  color: #fff;
}

.bannerBtn a::before {
  content: "";
  width: 53px;
  height: 46px;
  position: absolute;
  /* transform: rotate(-90deg); */
  background: url("../images/arrow-circ.png");
  z-index: 1111;
  top: 70px;
  right: -5px;
}

.bannerBtn a::after {
  content: "";
  width: 17px;
  height: 70px;
  position: absolute;
  top: 30px;
  right: 13px;
  z-index: 1111;
  background: url("../images/arrow-down.png");
  /* transform: rotate(-90deg); */
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*home_link*/

.isrtsoc a{
float: none;
display: inline-block;
margin-left: 6px;
/* margin-bottom: 15px; */
height: 40px;
width: 40px;
border-radius: 40px;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 18px;

}
.isrtsoc a.insta{
 background: #d6249f;  
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.isrtsoc a.pin{background-color: #c8232c;}
.isrtsoc a.ytube{background-color: red;}

.isrtsoc a.fb{background-color: #4064ac;}
.isrtsoc a.lin{background-color: #0270ad;}
.isrtsoc a.twitter{background-color: #1c9bea;}

.insightstop a span{border-bottom: 1px solid #ff7b56;}
.insightstop a:hover{color: #ff7b56;}
.insightpg img.imgbx{
    
}

.isrtsoc a.fb:hover{background-color: #0D3583; color: #fff;}
.isrtsoc a.lin:hover{background-color: #004E7A; color: #fff;}
.isrtsoc a.twitter:hover{background-color: #006CAF; color: #fff;}



.menu2 {
    position: fixed;
    right: 30px;
    top: 50px;
    z-index: 9;
    display: none;
}

.menu2 .menuicon1 {
    position: relative;
    z-index: 999;
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    border-radius: 20px 0 0 20px;
    text-decoration: none;
    color: #2b2a29;
    display: block;
    font-size: 16px;
    display: block;
    outline: 0px;
    transition: all 0.3s;
}

.sidemenu span {
    float: left;
}

.bars-wrap {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    overflow: visible;
    top: 3px;
}

.icon-bar {
    transition: all 0.4s ease;
    width: 26px;
    background: #d96413;
    height: 2px;
    position: relative;
    top: 8px;
    transition: width .2s ease-out;
    clear: both;
    margin-bottom: 7px;
}

#header.cloned .icon-bar {
    background: #000;
}


/* .icon-bar:first-child {width:65%;}
.icon-bar:last-child {width:85%;} */

.menu2 .menuicon1:hover .icon-bar:first-child,
.menu2 .menuicon1:hover .icon-bar:last-child {
    width: 100%;
}

.cart_open {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    display: none;
}

.cartbg1 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(113, 79, 54, 0.4);
}

.cart_bx1 {
    width: 96%;
    background-color: #0d2b47;
    height: 100%;
    padding: 20px;
    top: 0%;
    right: -100%;
    transition: ease all 0.4s;
    position: fixed;
    display: block;
    box-shadow: 0 10px 50px rgba(1, 2, 2, .15);
    z-index: 99999;
    overflow-y: auto;
    background-image: url('../../../../../images/work-left.png');
    background-position: left 20px;
    background-repeat: no-repeat;
    background-size: 30px;
}

.left1 {
    right: 280px;
    z-index: 9999999;
    transition: ease all 0.8s
}

.menu2 {
    right: 280px;
    position: fixed;
    transition: ease all 0.6s;
    top: 0px;
    z-index: 999999;
}

.menu2:before {
    border-top: 100px solid rgba(255, 255, 255, 1);
}

.cart_bx1 ul {
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 100%;
    vertical-align: middle;
    padding-top: 10px;
    text-align: right;
}

.cart_bx1 ul li {
    float: none;
    width: 100%;
    display: block;
    clear: both;
}

.cart_bx1 ul li a {
    text-decoration: none;
    color: #2b2a29;
    font-weight: 400;
    font-size: 16px;
    display: block;
    padding: 10px 15px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    text-align: center;
    outline: none;
}

.cart_bx1 ul li a:hover,
.cart_bx1 ul li a.active {
    color: #2e3192;
}

a.closebtn {
    display: block;
    height: 42px;
    float: right;
    text-decoration: none;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    /* padding: 10px 25px; */
    margin-bottom: 20px;
    /* background-image: url('../images/hpat.png'); */
}

a.closebtn img {
    width: 36px;
}

a.mobilecont {
    padding: 12px 28px 10px;
    margin-left: 20px;
    border: 1px solid #138dd0;
    background-color: #138dd0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 35px;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
    display: inline-block;
}

img.deskno {
    display: none;
}



/* ===========================
   ====== Media Queries ====== 
   =========================== */


/*------smallphones----------------*/

@media only screen and (min-width: 240px) and (max-width: 960px) {
    body {
        overflow-x: hidden;
        display: block;
        width: 100%;
    }
    .header_top {
        padding: 0 15px;
    }
    .container {
        width: 100%;
        display: block;
        max-width: 100%;
        min-width: 100%;
    }
    /* .header{padding: 0 5px;} */
    .menu2 {
        display: block;
        top: 25px;
        right: 10px;
        z-index: 99999999999999;
    }
    .top1_left {
        display: none;
    }
    .l_news {
        top: 83px;
    }
    .logo a {
        width: 190px;    
    }
    .logo {
        height: auto;
        margin-left: 0px;
    }
    #header.fixed1 .logo a {
        background-position: left center;
    }
    .ftleft2 h3 {
        font-size: 21px;
    }
    .menu2 {
        
    }
    /* .carousel-inner > .item > img, .inner_banner img{
        width: 100%;
        height: calc(100vh - 100px) !important;
        object-position: center;
        object-fit: cover;
    }   */
    .main_banner {
        height: auto;
        margin-top: 0px;
    }
    .top_social {
        display: none;
    }
    .home_link,
    .hl_video {
        height: auto;
    }
    .hl_circle h2 {
        font-size: 26px;
        margin-bottom: 0px;
    }
    .hl_video video {
        width: 240%;
        left: -50%;
    }
    .inner_banner img {
        width: 160%;
        margin-left: -30%;
    }
    .hl_circle a {
        padding: 8px 25px;
    }
    .hl_circle {
        padding: 0px;
        padding-top: 25%;
    }
    .hl_circle p {
        font-size: 14px;
        margin-top: 15px;
        line-height: 21px;
    }
    .hl_circle ul {
        margin-top: 0px;
        display: none;
    }
    .banner-spacer-trigger{width:75px; height: 75px;}
    .banner-spacer-trigger img{width: 40px !important; height: auto !important;}
    .maintitle {
        left: 0px;
        width: auto;
    }
    .sec1bx1 h2 {
        margin-left: 0px;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
        top: 0px;
        width: 100%;
    }
    .sec1left p{width: 100%; font-size: 14px; line-height: 21px;}
    a.avia-button{font-size: 11px;}
    .section1 {
        padding: 40px 0;
    }
    .sec1bx1 {
        padding: 30px 10px;
        width: 100%;
        margin: 0;
    }
    img.aboutimg{position: relative; width: 100%}
    #services .services-inner .content-wrap .columns .title-column .title{
        font-size: 26px;
    }
    #services .services-inner .content-wrap .columns .title-column .title span{
        display: inline-block;
    }
    #services .services-inner .content-wrap .columns .services-column .service .service-type{
        font-size: 24px;
    }
    .service-description ul li p{
        font-size: 16px;
        line-height: 26px;
    }
    #partners .partners-inner .top .logo-grid .logo-grid-inner .logo-container {
        flex-basis: 48% !important;
        margin: 1%;
    }
    #partners .partners-inner .top .logo-grid .logo-grid-inner .logo-container img{max-width: 100%}
    .sec1cont1 {
        margin-top: -20px;
        margin-left: 10px;
        width: 95%;
        padding: 20px;
    }
    .sec1cont1 p {
        font-size: 14px;
    }
    .section2 .sec1cont1 {
        margin-right: 10px;
    }
    .section1 .fixlet {
        font-size: 8em;
    }
    .section3 h2 {
        font-size: 26px;
    }
    .section3 .col-sm-6 {
        margin-top: 0px !important;
    }
    .sec3bx1 h3 {
        font-size: 24px;
    }
    .sec3bx1 p {
        width: 100%;
    }
    .section4 h2 {
        font-size: 26px;
        padding-left: 0
    }
    .section4 .form-group {
        padding-left: 0
    }
    .section4 h2 a {
        font-size: 21px;
        top: auto;
    }
    .sec3bx1 {
        margin-bottom: 20px;
    }
    .ftleft2,
    .ftleft1 {
        width: 100%;
        clear: both;
        margin-bottom: 20px;
    }
    .ftaddress,
    .fthd1 {
        text-align: left !important;
    }
    .mFooter {
        height: auto;
        line-height: normal;
        font-size: 14px;
        padding-top: 10px;
        text-align: center
    }
    .mFooter a {
        float: none;
    }
    .white.menu1 ul li a {
        font-size: 16px !important;
    }
    .white.menu1 ul .col-sm-4 li a {
        font-size: 21px !important;
    }
    .innertxt1 {
        top: 45%;
    }
    .inner_banner h1 {
        font-size: 18px;
        margin-top: 0px;
    }
    .inner_banner ul {
        width: 90%;
        left: 5%;
        display: none;
    }
    .inner_banner ul li {
        font-size: 11px;
    }
    .inner_banner ul li::after {
        top: -2px;
    }
    .innersec1 h2 {
        font-size: 26px;
    }
    .innersec1 p {
        font-size: 16px;
    }
    .ss1bx {
        margin-bottom: 20px;
    }
    .ss1bx h3 {
        font-size: 32px;
    }
    .ss1bx p {
        font-size: 18px;
    }
    .servsec5 h2 {
        font-size: 26px;
        margin-bottom: 20px;
        margin-top: 40px;
    }
    .servsec5 p {
        font-size: 16px;
        margin-top: 40px;
    }
    .whyUs .whyleft,
    .whyUs .whyright,
    .whyright li {
        overflow: hidden;
        width: 100%;
        display: block;
        clear: both;
    }
    .whyUs {
        font-size: 16px;
        padding: 30px 0;
    }
    .whyleft h2 {
        font-size: 24px;
    }
    .innersec1 {
        display: block;
        overflow: hidden;
        padding-bottom: 10px;
    }
    .inner_banner {
        display: block;
        overflow: hidden;
        width: 100%;
    }
    .whyright .txt h4 {
        font-size: 18px;
    }
    .whyright li {
        margin-top: 30px
    }
    .whyright .txt {
        min-height: auto;
    }
    .servicespg {
        padding: 40px 0;
    }
    .servicespgbx h3 {
        font-size: 21px;
        line-height: 28px;
        letter-spacing: 0
    }
    .servidpg h3 {
        margin-top: 0;
        padding-right: 0px;
        font-size: 18px;
        line-height: 26px;
    }
    .servidpg h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .servidpg h1 {
        font-size: 21px;
    }
    .servicespg h2,
    .careerspg h2 {
        font-size: 26px;
    }
    .companyimage {
        width: 15%;
        padding: 5px;
    }
    .job_des {
        width: 80%;
        font-size: 14px;
    }
    .com_name {
        font-size: 18px;
    }
    .fulltime,
    .parttime {
        top: -20px;
    }
    .innerserv {
        padding: 40px 0
    }
    .page_content,
    .page_nav {
        width: 100%;
        clear: both;
    }
    .page_content h2 {
        font-size: 24px;
        text-align: left;
    }
    .page_ul ul li::before{top:3px;}
    .job_dets{width: 100%; clear: both;}
    h1#goBottom{font-size: 26px;}
    .page_ul h3 {
        font-size: 21px;
    }
    .page_ul ul li {
        font-size: 14px;
        line-height: 21px;
    }
    .section4 h2 {
        font-size: 26px !important;
        text-align: center;
    }
    input.subres {
        font-size: 14px;
    }
    .adbxin h2 {
        font-size: 21px !important;
        text-align: left;
    }
    .technologies {
        padding: 20px 0
    }
    .topEnquire {
        display: none;
    }
    .clientsbx h2 {
        font-size: 26px;
    }
    .clientsbx ul {
        padding: 0;
    }
    .clientsbx ul li {
        width: 31%;
        margin: 1%;
    }
    .counterbx h3 {
        font-size: 21px;
    }
    .counterbx p {
        font-size: 11px;
        letter-spacing: 0
    }
    .counterbx img {
        width: 70px;
    }
    .counterbx {
        padding-left: 65px;
    }
    .box4 .col-sm-3 {
        width: 50%;
        float: left;
    }
    .ov1 {
        padding: 20px;
    }
    .ovaluespg p {
        font-size: 16px;
        line-height: 24px;
    }
    .ovaluespg h2 {
        font-size: 24px;
    }
    .q_link1 .q_cont {
        width: 100%;
        padding: 0px;
    }
    .q_link1 .q_cont .hd {
        margin-top: 0px;
        font-size: 28px;
        margin-bottom: 15px;
        height: auto;
        line-height: normal;
    }
    .q_link1 .q_cont .cont {
        font-size: 16px;
        line-height: 24px;
    }
    .q_link1 .q_img {
        width: 100%;
        padding: 15px;
    }
    .q_link1 {
        margin-bottom: 15px;
    }
    .innerbread ul li {
        font-size: 12px;
    }
    .innerbread ul {
        padding: 15px 0
    }
    .blogsec ul li {
        width: 100%;
        clear: both;
    }
    a.backbtn {
        top: -50px;
    }
    .newscontpg h1 {
        font-size: 26px;
        line-height: 36px;
    }
    .newscontpg p {
        font-size: 16px;
        line-height: 24px;
    }
    .blogpg1 ul li,
    .newscontpg ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .newscontpg a.enlargeimg {
        width: 100%;
        margin-top: 30px;
    }
    .webinarspg h2 {
        font-size: 26px;
    }
    .webinar1 a.webbtn1 {
        font-size: 18px;
    }
    .webinar1 {
        padding: 20px;
    }
    .modal-dialog {
        width: 90%;
        margin-left: 5%;
    }
    .modal-body h2 {
        font-size: 24px;
    }
    .modal-body input.form-control {
        font-size: 14px;
    }
    .add1 h5 {
        font-size: 21px;
    }
    .section4 a {
        letter-spacing: 0px;
        font-size: 18px;
    }
    .section4 p {
        letter-spacing: 0px;
    }
    .section4 .form-group {
        padding: 0px;
    }
    .jobsbx1 {
        width: 100%;
        clear: both;
    }
    .sub {
        margin-top: 30px;
        margin-left: 0
    }
    .modal-body1 {
        padding: 20px;
    }
    .jobdesinner h3 {
        font-size: 24px;
    }
    .jobdesinner p,
    .jobdesc1 ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .jobdesinner h6 {
        font-size: 21px;
    }
    .jobdesc1 ul {
        margin: 25px 0 0;
    }

    .hdbxright{display: none;}
    footer .footer-inner .info .info-inner .footer-title{font-size: 18px;}
    footer .footer-inner .info .info-inner .instructions{font-size: 18px;}
    footer .footer-inner .info .info-inner .social-networks li a img{height: 20px;
        margin-bottom: 15px;}
    footer .footer-inner .form .form-wrapper .form-title{font-size: 21px;}
    footer .footer-inner .form .form-wrapper .gform_body ul .gfield input, footer .footer-inner .form .form-wrapper .gform_body ul .gfield textarea{
        font-size: 14px;
    }
    footer .footer-inner .form .form-wrapper .gform_footer .gform_button{
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
        letter-spacing: 0;
        width: auto;
        font-size: 14px;
    }
    

    .hsListData{display: none;}
    .home_services{height: auto;}
    .home_services li a img{margin-top: 0px;}
      .home_services li a:hover img{margin-top: 0px;}
      .home_services li a span{opacity: 1}
      .hsmob1{
        position: absolute;
        left: 0px;
        top: 0px;
        display: block;
        width: 100%;
        height: 100%;
      }
      .hsmob1 img{
        height: 100%;
        object-fit: cover;
        object-position: center center;
        width: 100%;
      }
      .home_services li {
        width: 100%;
        display: block;
        clear: both;
        position: relative;
    }
    .home_services li a{height:auto;}
    footer {
        padding: 5rem 2rem 2rem 2rem;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .menu1{width:100% !important;}
    .menu1 .menuicon1, .closeicon .closebtn{padding: 15px 0; width: 60px;}
    #nav-icon1 span, #nav-icon1 span:nth-child(2), #nav-icon1 span:nth-child(3){
        width: 36px;
        height: 3px;
    }

    .cart_bx1{
        -webkit-transform: skew(0);
        -ms-transform: skew(0);
        transform: skew(0);
    }

    .cart_bx2{padding-top: 60px;}
    .cart_bx2 {
        right: -50px;
    }
    .fixed2 .logo{display: none;}

    .innerservmenu{display: block; padding: 0}
    .innerservmenu li a{padding: 15px 15px; font-size: 13px;}
    .abox1 a p{font-size: 18px;}
    #partners{padding: 40px 30px !important;}

    footer .footer-inner .contactleft{margin-top: 0; max-width: 100%}
    footer .footer-inner .info.contactright{width: 100%; max-width: 100%}

    footer .footer-inner .info .info-inner .address-wrap .address{
        font-size: 16px !important;
    }
    .stickydiv{position: relative;}
    .home_services li a h2{font-size: 18px;}
    .home_services .txt p{font-size: 14px; line-height: 21px;}

    .menu{display: none;}
    .home_link::before{opacity: 0.4;}

    .bannerbuttns a{margin: 0 50px; font-size: 12px; padding: 0 30px 0 25px; margin-left: 0; border-radius: 0;}
    .bannerbuttns a:last-child{margin: 0 50px; font-size: 12px; padding: 0 25px 0 30px; margin-right: 0;}
    .bannerbuttns a span{width: 70px; height: 70px; top: -12px}
    .bannerbuttns a img{width: 35px}
    .homepage__achievements h2 span{display: inline-block;}
    .homepage__achievements h2, .services__book .services__book_bg .wrapper h2,
    .about .about__hero h1, .homepage__projects h2, .talentscan .talentscan__challenge h2{font-size: 32px;}
    .homepage__start .wrapper h2, .case__roadmap h2, .ehr .ehr__system .ehr__system_details h2{font-size: 24px;}
    footer .footer__contscts{margin-left: 0;}
    footer{padding: 20px 0; margin-bottom: 20px;}
    .ehr .case__hero .case__hero_details h1, .contact .contact__hero h1{font-size: 21px !important;}
    .ehr .ehr__system{display: inline-block;}

    .contact .contact__hero{padding-top: 40px;}

}


/*------iphone----------------*/

@media only screen and (min-width: 320px) and (max-width: 480px) {}


/*------smalltablet----------------*/

@media only screen and (min-width: 240px) and (max-width: 768px) {}


/*--------iPad - Portrait--------------*/

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .hl_video video {
        width: 100%;
        left: 0
    }
    .hl_circle {
        padding: 0px;
        padding-top: 10%;
    }
    .hl_circle ul {
        display: block;
    }
    .hl_circle ul li a {
        padding: 10px;
    }
    .bannerBtn a,
    a.scrollup {
        display: none;
    }
    .ss1bx {
        padding: 15px;
    }
    .ss1bx p {
        font-size: 15px;
    }
    .blogsec ul li {
        width: 50%;
        clear: none;
        float: left;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .container {
        width: 100%;
        display: block;
        max-width: 100%;
        min-width: 100%;
    }
    .hl_circle ul li a {
        padding: 10px;
    }
    .home_link {
        height: auto;
    }
    .inner_banner .bannerBtn a,
    .inner_banner a.scrollup {
        bottom: 50%;
    }
    .ss1bx p {
        font-size: 16px;
    }
    .whyright .txt {
        font-size: 14px;
        text-align: left;
    }
    p.offering-title {
        font-size: 16px;
        line-height: 24px;
    }
    .hl_circle h2{font-size: 42px;}
    .hl_circle p{padding: 0; font-size: 16px; line-height: 24px;}
    .cart_bx2{right: -100px;}
    .white.menu1 ul .col-sm-4 li a{font-size: 32px !important;}
    .cart_bx1{padding-top: 70px;}
    .white.menu1 ul .dropdown2 h3{margin-top: 0px !important;}
    .home_services li a img{margin-top: 40%}
    .home_services li a .txt{overflow: hidden}
}

@media only screen and (min-width: 960px) and (max-width: 1170px) {
    .container {
        width: 100%;
        display: block;
        max-width: 100%;
        min-width: 100%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .container {
        width: 100%;
        display: block;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1330px) {
    .container {
        width: 100%;
        display: block;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 2400px) {}