/* Table of Contents
/* ------------------------------------------------------------

This is a development CSS file which is built to a minified
production stylesheet in assets/built/screen.css

1.  Global Styles
2.  Layout
3.  Special Templates
4.  Site Header
  4.1 Home header
  4.2 Archive header
5.  Site Navigation
6.  Post Feed
7.  Single Post
  7.1. Post Byline
  7.2. Members Subscribe Form
  7.4. Related Posts
  7.5. Koenig Styles
8.  Author Template
9.  Error Template
11. Site Footer
12. Dark Mode

*/

/* 1. Global - Set up the things
/* ---------------------------------------------------------- */

/* Import CSS reset and base styles */



/* 2. Layout - Page building blocks
/* ---------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

:root {

    /* Colours */
    --color-green: #a4d037;
    --color-yellow: #fecd35;
    --color-red: #f05230;
    --color-darkgrey: #15171A;
    --color-midgrey: #738a94;
    --color-lightgrey: #c5d2d9;
    --color-wash: #e5eff5;
    --color-darkmode: #151719;

    /*
    An accent color is also set by Ghost itself in
    Ghost Admin > Settings > Brand

    --ghost-accent-color: {value};

    You can use this variable throughout your styles
     */

    /* Fonts */
    --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --font-serif: Georgia, Times, serif;
    --font-mono: Menlo, Courier, monospace;

}

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

.site-content {
	flex-grow: 1;
}

/* Full width page blocks */
.outer {
	position: relative;
	padding: 0 4vmin;
}

/* Centered content container blocks */
.inner {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}

.site-main {
	margin-bottom: 5rem;
}

/* 4. Site Header
/* ---------------------------------------------------------- */

.site-header {
	position: relative;
	color: #fff;
	background: var(--ghost-accent-color);
}

.site-header-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-header-content {
	position: relative;
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 6vw 3vw;
	min-height: 200px;
	max-height: 340px;
	text-align: center;
}

.site-title {
	z-index: 10;
	margin: 0 0 0.15em;
	padding: 0;
}

.site-logo {
	max-height: 55px;
}

.site-header-content p {
	z-index: 10;
	max-width: 600px;
	margin: 0 auto;
	line-height: 1.2em;
	opacity: 0.8;
}

@media (max-width: 600px) {
	.site-header-content p {
		max-width: 80vmin;
		font-size: 1.8rem;
	}
}

/* 4.1 Home header
/* ---------------------------------------------------------- */

.site-home-header {
	position: relative;
	z-index: 1000;
	overflow: hidden;
}

.site-header-content {
	padding: 18vmin 4vmin;
	font-size: 2.5rem;
	font-weight: 400;
	color: #fff;
	background: var(--ghost-accent-color);
}

.site-header-content.large {
	padding-top: 28vmin;
	padding-bottom: 28vmin;
}


/* 5. Site Navigation
/* ---------------------------------------------------------- */

.gh-head {
	padding: 1vmin 4vmin;
	font-size: 1.6rem;
	line-height: 1.3em;
	color: #fff;
	background: var(--ghost-accent-color);
}

.gh-head a {
	color: inherit;
	text-decoration: none;
}

.gh-head-inner {
	display: grid;
	grid-gap: 2.5vmin;
	grid-template-columns: auto auto 1fr;
	grid-auto-flow: row dense;
}


/* Brand
/* ---------------------------------------------------------- */

.gh-head-brand {
	display: flex;
	align-items: center;
	height: 40px;
	max-width: 200px;
	text-align: center;
	word-break: break-all;
}

.gh-head-logo {
	display: block;
	padding: 10px 0;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.2em;
	letter-spacing: -0.02em;
}

.gh-head-logo img {
	max-height: 26px;
}


/* Primary Navigation
/* ---------------------------------------------------------- */

.gh-head-menu {
	display: flex;
	align-items: center;
	font-weight: 500;
}

.gh-head-menu .nav {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.gh-head-menu .nav li {
	margin: 0 2.5vmin 0 0;
	padding: 0;
}

.gh-head-menu .nav a {
	display: inline-block;
	padding: 5px 0;
	opacity: 0.8
}

.gh-head-menu .nav a:hover {
	opacity: 1;
}


/* Secondary Navigation
/* ---------------------------------------------------------- */

.gh-head-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	list-style: none;
	text-align: right;
}

.gh-head-actions-list {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.gh-head-actions-list a:not([class]) {
	display: inline-block;
	margin: 0 0 0 1.5vmin;
	padding: 5px 0;
}

.gh-social {
	margin: 0 1.5vmin 0 0;
}

.gh-social a {
	opacity: 0.8
}

.gh-social a+a {
	margin-left: 0.8rem;
}

.gh-social a:hover {
	opacity: 1;
}

.gh-social svg {
	height: 22px;
	width: 22px;
	fill: #fff;
}

.gh-social-facebook svg {
	height: 20px;
	width: 20px;
}

a.gh-head-button {
	display: block;
	padding: 8px 15px;
	color: var(--button-text-color, var(--color-darkgrey));
	font-weight: 500;
	letter-spacing: -0.015em;
	font-size: 1.5rem;
	line-height: 1em;
	background: var(--button-bg-color, #fff);
	border-radius: 30px;
}


/* Mobile Menu Trigger
/* ---------------------------------------------------------- */

.gh-burger {
	position: relative;
	display: none;
	cursor: pointer;
}

.gh-burger-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33px;
	height: 33px;
}

.gh-burger-inner {
	width: 100%;
	height: 100%;
}

.gh-burger-box::before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	content: '';
	width: 100%;
	height: 1px;
	background: currentcolor;
	transition: transform 300ms cubic-bezier(.2, .6, .3, 1), width 300ms cubic-bezier(.2, .6, .3, 1);
	will-change: transform, width;
}

.gh-burger-inner::before,
.gh-burger-inner::after {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	content: '';
	width: 100%;
	height: 1px;
	background: currentcolor;
	transition: transform 250ms cubic-bezier(.2, .7, .3, 1), width 250ms cubic-bezier(.2, .7, .3, 1);
	will-change: transform, width;
}

.gh-burger-inner::before {
	transform: translatey(-6px);
}

.gh-burger-inner::after {
	transform: translatey(6px);
}

body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::before {
	transform: translatey(-8px);
}

body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
	transform: translatey(8px);
}

.gh-head-open .gh-burger-box::before {
	width: 0;
	transform: translatex(19px);
	transition: transform 200ms cubic-bezier(.2, .7, .3, 1), width 200ms cubic-bezier(.2, .7, .3, 1);
}

.gh-head-open .gh-burger-inner::before {
	width: 26px;
	transform: translatex(6px) rotate(135deg);
}

.gh-head-open .gh-burger-inner::after {
	width: 26px;
	transform: translatex(6px) rotate(-135deg);
}


/* Mobile Menu
/* ---------------------------------------------------------- */
/* IDs needed to ensure sufficient specificity */

@media (max-width: 900px) {
	.gh-burger {
		display: inline-block;
	}

	#gh-head {
		transition: all 0.4s ease-out;
		overflow: hidden;
	}

	#gh-head .gh-head-inner {
		height: 100%;
		grid-template-columns: 1fr;
	}

	#gh-head .gh-head-brand {
		position: relative;
		z-index: 10;
		grid-column-start: auto;
		max-width: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		user-select: none;
	}

	.home-template #gh-head.has-cover .gh-head-brand {
		justify-content: flex-end;
	}

	#gh-head .gh-head-menu {
		align-self: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin: 0 0 10vh 0;
		font-weight: 300;
		font-size: 3.6rem;
		line-height: 1.1em;
	}

	#gh-head .gh-head-menu .nav li {
		margin: 5px 0;
	}

	#gh-head .gh-head-menu .nav a {
		padding: 8px 0;
	}

	#gh-head .gh-head-menu .nav {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#gh-head .gh-head-actions {
		padding: 20px 0;
		justify-content: center;
		text-align: left;
	}

	#gh-head .gh-head-actions a {
		margin: 0 10px;
	}

	/* Hide collapsed content */
	#gh-head .gh-head-actions,
	#gh-head .gh-head-menu {
		display: none;
	}

	/* Open the menu */
	.gh-head-open {
		overflow: hidden;
		height: 100vh;
	}

	.gh-head-open #gh-head {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 3999999;
		overflow-y: scroll;
	}

	.gh-head-open #gh-head .gh-head-inner {
		grid-template-rows: auto 1fr auto;
	}

	.gh-head-open #gh-head .gh-head-actions,
	.gh-head-open #gh-head .gh-head-menu {
		display: flex;
	}
}

@media (max-width: 600px) {
	#gh-head .gh-head-menu {
		font-size: 6vmin;
	}
}

.home-template .gh-head.has-cover {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2000;
}

.home-template .gh-head.has-cover {
	background: transparent;
}

.home-template.gh-head-open .gh-head {
	background: var(--ghost-accent-color);
}

.home-template .gh-head.has-cover .gh-head-logo {
	display: none;
}

.home-template .gh-head.has-cover .gh-head-menu {
	margin-left: -2.5vmin;
}


/* 6. Post Feed
/* ---------------------------------------------------------- */

.post-feed {
	position: relative;
	display: grid;
	grid-gap: 4vmin;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 4vmin 0;
}

.post-feed.list {
	row-gap: 6vmin;
	max-width: 940px;
	margin: 2vmin auto 0;
}

@media (max-width: 1000px) {
	.post-feed {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 700px) {
	.post-feed {
		grid-template-columns: 1fr;
		grid-gap: 40px;
	}
}

.post-card {
	position: relative;
	flex: 1 1 301px;
	display: flex;
	flex-direction: column;
	min-height: 220px;
	background-size: cover;
	word-break: break-word;
}

.post-card-image-link {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 3px;
}

.post-card-image {
	width: 100%;
	height: 200px;
	background: #e2ebff no-repeat center center;
	object-fit: cover;
}

.post-card-content-link {
	position: relative;
	display: block;
	color: var(--color-darkgrey);
}

.post-card-content-link:hover {
	text-decoration: none;
}

.post-card-header {
	margin: 20px 0 0;
}

.post-feed .no-image .post-card-content-link {
	padding: 0;
}

.no-image .post-card-header {
	margin-top: 0;
}

.post-card-primary-tag {
	margin: 0 0 0.2em;
	color: var(--ghost-accent-color);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.post-card-title {
	margin: 0 0 0.4em;
	font-size: 2.4rem;
	transition: color 0.2s ease-in-out;
}

.no-image .post-card-title {
	margin-top: 0;
}

.has-serif-title .post-card-title {
	font-family: var(--font-serif);
}

.post-card-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.post-card-excerpt {
	max-width: 56em;
	color: color-mod(var(--color-midgrey) l(-8%));
	font-family: var(--font-serif);
}

.has-sans-body .post-card-excerpt {
	font-family: var(--font-sans-serif);
}

.post-card-excerpt p {
	margin-bottom: 1em;
	display: -webkit-box;
	overflow-y: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-word;
}

.post-card-meta {
	display: flex;
	align-items: center;
	padding: 0;
}

.author-profile-image,
.avatar-wrapper {
	display: block;
	width: 100%;
	height: 100%;
	background: color-mod(var(--color-lightgrey) l(+10%));
	border-radius: 100%;

	object-fit: cover;
}

.post-card-meta .profile-image-wrapper,
.post-card-meta .avatar-wrapper {
	position: relative;
}

.author-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 4px;
	padding: 0;
	list-style: none;
}

.author-list-item {
	position: relative;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
}

.static-avatar {
	display: block;
	overflow: hidden;
	margin: 0 0 0 -6px;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.post-card-byline-content {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	margin: 0 0 0 8px;
	color: color-mod(var(--color-midgrey) l(+10%));
	font-size: 1.4rem;
	line-height: 1.2em;
	font-weight: 400;
}

.post-card-byline-content span {
	margin: 0;
}

.post-card-byline-content a {
	color: color-mod(var(--color-darkgrey) l(+15%));
	font-weight: 600;
}

.post-card-byline-date {
	font-size: 1.3rem;
	line-height: 1.5em;
}

.post-card-byline-date .bull {
	display: inline-block;
	margin: 0 2px;
	opacity: 0.6;
}

.single-author-byline {
	display: flex;
	flex-direction: column;
	margin-left: 5px;
	color: color-mod(var(--color-midgrey) l(-10%));
	font-size: 1.3rem;
	line-height: 1.4em;
	font-weight: 500;
}

.single-author {
	display: flex;
	align-items: center;
}

.single-author .static-avatar {
	margin-left: -2px;
}

.single-author-name {
	display: inline-block;
}

/* Special Styling for home page grid (below):

The first post in the list is styled to be bigger than the others and take over
the full width of the grid to give it more emphasis. Wrapped in a media query to
make sure this only happens on large viewports / desktop-ish devices.

 */

@media (min-width: 1001px) {
	.post-card-large {
		grid-column: 1 / span 3;
		display: grid;
		grid-gap: 4vmin;
		grid-template-columns: 1fr 1fr 1fr;
		min-height: 280px;
		border-top: 0;
	}

	.post-feed.list .post-card-large {
		grid-template-columns: 3fr 5fr;
		min-height: auto;
	}

	.post-feed.list .post-card-large.no-image {
		grid-template-columns: 1fr;
	}

	.post-card-large:not(.no-image) .post-card-header {
		margin-top: 0;
	}

	.post-card-large .post-card-image-link {
		position: relative;
		grid-column: 1 / span 2;
		margin-bottom: 0;
		min-height: 380px;
	}

	.post-feed.list .post-card-large .post-card-image-link {
		grid-column: 1 / span 1;
		height: max-content;
		min-height: auto;
	}

	.post-feed.list .post-card-large .post-card-image-link::after {
		content: "";
		display: block;
		padding-bottom: 60%;
	}

	.post-card-large .post-card-image {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.post-card-large .post-card-content {
		justify-content: center;
	}

	.post-feed.list .post-card-large .post-card-content {
		justify-content: flex-start;
		margin-top: -6px;
	}

	.post-card-large .post-card-title {
		margin-top: 0;
		font-size: 3.2rem;
	}

	.post-feed.list .post-card-large .post-card-title {
		font-size: 2.4rem;
	}

	.post-card-large .post-card-excerpt p {
		font-size: 1.7rem;
		line-height: 1.55em;
		-webkit-line-clamp: 8;
	}
}


@media (max-width: 500px) {
	.post-card-title {
		font-size: 1.9rem;
	}

	.post-card-excerpt {
		font-size: 1.6rem;
	}
}


/* 7. Single Post
/* ---------------------------------------------------------- */

.article {
	padding: 8vmin 0;
	word-break: break-word;
}

.article-header {
	padding: 0 0 6vmin 0;
}

.article-tag {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0.5rem;
	color: var(--color-midgrey);
	font-size: 1.3rem;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	font-weight: 600;
	text-transform: uppercase;
}

.article-tag a {
	color: var(--ghost-accent-color);
}

.article-title {
	color: color-mod(var(--color-darkgrey) l(-5%));
}

.has-serif-title .article-title {
	font-family: var(--font-serif);
}

.article-excerpt {
	margin: 0 0 1rem;
	font-size: 2rem;
	line-height: 1.4em;
	opacity: 0.6;
}

.gh-canvas .article-image {
	grid-column: wide-start / wide-end;
	width: 100%;
	margin: 6vmin 0 0;
}

.image-full .article-image {
	grid-column: full-start / full-end;
}

.image-small .article-image {
	grid-column: main-start / main-end;
}

.gh-canvas .article-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

@media (max-width: 600px) {
	.article-excerpt {
		font-size: 1.8rem;
	}
}

/* -------- */

/* Content grid
/* ---------------------------------------------------------- */

/* Canvas creates a multi-column, centered grid which the post
is laid out on top of. Canvas just defines the grid, we don't
use it for applying any other styles. */

.gh-canvas {
	display: grid;
	grid-template-columns:
		[full-start] minmax(4vmin, auto) [wide-start] minmax(auto, 240px) [main-start] min(720px, calc(100% - 8vw)) [main-end] minmax(auto, 240px) [wide-end] minmax(4vmin, auto) [full-end];
}

.gh-canvas>* {
	grid-column: main-start / main-end;
}

.kg-width-wide {
	grid-column: wide-start / wide-end;
}

.kg-width-full {
	grid-column: full-start / full-end;
}

.kg-width-full img {
	width: 100%;
}


/* Content
/* ---------------------------------------------------------- */

/* Content refers to styling all page and post content that is
created within the Ghost editor. The main content handles
headings, text, images and lists. We deal with cards lower down. */

/* Default vertical spacing */
.gh-content>*+* {
	margin-top: 4vmin;
	margin-bottom: 0;
}

/* [id] represents all headings h1-h6, reset all margins */
.gh-content>[id] {
	margin: 0;
	color: var(--color-darkgrey);
}

.has-serif-title .gh-content>[id] {
	font-family: var(--font-serif);
}

/* Add back a top margin to all headings, unless a heading
is the very first element in the post content */
.gh-content>[id]:not(:first-child) {
	margin: 2em 0 0;
}

/* Add a small margin between a heading and anything after it */
.gh-content>[id]+* {
	margin-top: 1.5rem !important;
}

/* A larger margin before/after HRs and blockquotes */
.gh-content>hr,
.gh-content>blockquote {
	position: relative;
	margin-top: 6vmin;
}

.gh-content>hr+*,
.gh-content>blockquote+* {
	margin-top: 6vmin !important;
}

/* Now the content typography styles */
.gh-content a {
	color: var(--ghost-accent-color);
	text-decoration: underline;
	word-break: break-word;
}

.gh-content>blockquote,
.gh-content>ol,
.gh-content>ul,
.gh-content>dl,
.gh-content>p {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: 2.1rem;
	line-height: 1.6em;
}

.has-sans-body .gh-content>blockquote,
.has-sans-body .gh-content>ol,
.has-sans-body .gh-content>ul,
.has-sans-body .gh-content>dl,
.has-sans-body .gh-content>p {
	font-family: var(--font-sans);
}

.gh-content>ul,
.gh-content>ol,
.gh-content>dl {
	padding-left: 1.9em;
}

.gh-content>blockquote {
	position: relative;
	font-style: italic;
	padding: 0;
}

.gh-content>blockquote::before {
	content: "";
	position: absolute;
	left: -1.5em;
	top: 0;
	bottom: 0;
	width: 0.3rem;
	background: var(--ghost-accent-color);
}

.gh-content :not(pre)>code {
	vertical-align: middle;
	padding: 0.15em 0.4em 0.15em;
	border: #e1eaef 1px solid;
	font-weight: 400 !important;
	font-size: 0.9em;
	line-height: 1em;
	color: #15171A;
	background: #f0f6f9;
	border-radius: 0.25em;
}

.gh-content pre {
	overflow: auto;
	padding: 16px 20px;
	color: var(--color-wash);
	font-size: 1.4rem;
	line-height: 1.5em;
	background: var(--color-darkgrey);
	border-radius: 5px;
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .4);
}

@media (max-width: 650px) {

	.gh-content blockquote,
	.gh-content ol,
	.gh-content ul,
	.gh-content dl,
	.gh-content p {
		font-size: 1.7rem;
	}

	.gh-content blockquote::before {
		left: -4vmin;
	}
}


/* Cards
/* ---------------------------------------------------------- */

/* Cards are dynamic blocks of content which appear within Ghost
posts, for example: embedded videos, tweets, galleries, or
specially styled bookmark links. We add extra styling here to
make sure they look good, and are given a bit of extra spacing. */

/* Add extra margin before/after any cards,
except for when immediately preceeded by a heading */
.gh-content :not(.kg-card):not([id])+.kg-card {
	margin-top: 6vmin;
	margin-bottom: 0;
}

.gh-content .kg-card+ :not(.kg-card) {
	margin-top: 6vmin;
	margin-bottom: 0;
}

/* This keeps small embeds centered */
.kg-embed-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

/* This keeps small iamges centered */
.kg-image-card img {
	margin: auto;
}


/* Captions */
figcaption {
	padding: 1.5rem 1.5rem 0;
	text-align: center;
	color: rgba(0, 0, 0, 0.5);
	font-weight: 600;
	font-size: 1.3rem;
	line-height: 1.4em;
}

figcaption strong {
	color: rgba(0, 0, 0, 0.8);
}

figcaption a {
	color: var(--ghost-accent-color);
}


/* Highly specific styles for traditional Instagram embeds */
iframe.instagram-media {
	margin-top: 6vmin !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 0 !important;
}

iframe.instagram-media+script+ :not([id]) {
	margin-top: 6vmin;
}


/* Galleries
/* ---------------------------------------------------------- */

/* When there galleries are mixed with images, reduce margin
between them, so it looks like 1 big gallery */
.kg-image-card+.kg-gallery-card,
.kg-gallery-card+.kg-image-card,
.kg-gallery-card+.kg-gallery-card {
	margin-top: 0.75em;
}

.kg-image-card.kg-card-hascaption+.kg-gallery-card,
.kg-gallery-card.kg-card-hascaption+.kg-image-card,
.kg-gallery-card.kg-card-hascaption+.kg-gallery-card {
	margin-top: 1.75em;
}

.kg-gallery-container {
	position: relative;
}

.kg-gallery-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.kg-gallery-image img {
	display: block;
	margin: 0;
	width: 100%;
	height: 100%;
}

.kg-gallery-row:not(:first-of-type) {
	margin: 0.75em 0 0 0;
}

.kg-gallery-image:not(:first-of-type) {
	margin: 0 0 0 0.75em;
}


/* Bookmark Cards
/* ---------------------------------------------------------- */

/* These are styled links with structured data, similar to a
Twitter card. These styles roughly match what you see in the
Ghost editor. */

.kg-bookmark-card,
.kg-bookmark-publisher {
	position: relative;
	width: 100%;
}

.kg-bookmark-container,
.kg-bookmark-container:hover {
	display: flex;
	color: currentColor;
	font-family: var(--font-sans-serif);
	text-decoration: none !important;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.kg-bookmark-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-basis: 100%;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
}

.kg-bookmark-title {
	font-size: 1.5rem;
	line-height: 1.4em;
	font-weight: 600;
	color: #15171A;
}

.kg-bookmark-description {
	display: -webkit-box;
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-top: 3px;
	color: #626d79;
	font-weight: 400;
	max-height: 44px;
	overflow-y: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.kg-bookmark-metadata {
	display: flex;
	align-items: center;
	margin-top: 22px;
	width: 100%;
	color: #394047;
	font-size: 1.4rem;
	font-weight: 500;
}

.kg-bookmark-icon {
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

.kg-bookmark-author,
.kg-bookmark-publisher {
	display: inline;
}

.kg-bookmark-publisher {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 240px;
	white-space: nowrap;
	display: block;
	line-height: 1.65em;
}

.kg-bookmark-metadata>span:nth-of-type(2) {
	color: #626d79;
	font-weight: 400;
}

.kg-bookmark-metadata>span:nth-of-type(2):before {
	content: "•";
	color: #394047;
	margin: 0 6px;
}

.kg-bookmark-thumbnail {
	position: relative;
	flex-grow: 1;
	min-width: 33%;
}

.kg-bookmark-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0 4px 4px 0;
}


/* Card captions
/* ---------------------------------------------------------- */

.kg-width-full.kg-card-hascaption {
	display: grid;
	grid-template-columns: inherit;
}

.kg-width-wide.kg-card-hascaption img {
	grid-column: wide-start / wide-end;
}

.kg-width-full.kg-card-hascaption img {
	grid-column: 1 / -1;
}

.kg-width-full.kg-card-hascaption figcaption {
	grid-column: main-start / main-end;
}

.article-comments {
	margin: 6vmin 0 0 0;
}

/* -----old------ */

.footnotes-sep {
	margin-bottom: 30px;
}

.footnotes {
	font-size: 1.5rem;
}

.footnotes p {
	margin: 0;
}

.footnote-backref {
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none !important;
	box-shadow: none !important;
}

/* Tables */
.post-full-content table {
	display: inline-block;
	overflow-x: auto;
	margin: 0.5em 0 2.5em;
	max-width: 100%;
	width: auto;
	border-spacing: 0;
	border-collapse: collapse;
	font-family: var(--font-sans-serif);
	font-size: 1.6rem;
	white-space: nowrap;
	vertical-align: top;
}

.post-full-content table {
	-webkit-overflow-scrolling: touch;
	background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(ellipse at right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
	background-attachment: scroll, scroll;
	background-size: 10px 100%, 10px 100%;
	background-repeat: no-repeat;
}

.post-full-content table td:first-child {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	background-size: 20px 100%;
	background-repeat: no-repeat;
}

.post-full-content table td:last-child {
	background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	background-position: 100% 0;
	background-size: 20px 100%;
	background-repeat: no-repeat;
}

.post-full-content table th {
	color: var(--color-darkgrey);
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.2px;
	text-align: left;
	text-transform: uppercase;
	background-color: color-mod(var(--color-wash) l(+4%));
}

.post-full-content table th,
.post-full-content table td {
	padding: 6px 12px;
	border: color-mod(var(--color-wash) l(-1%) s(-5%)) 1px solid;
}


/* 7.1. Post Byline
/* ---------------------------------------------------------- */

.article-byline {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;
}

.article-byline-content {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.article-byline-content .author-list {
	justify-content: flex-start;
	padding: 0 12px 0 0;
}

.article-byline-meta {
	color: color-mod(var(--color-midgrey));
	font-size: 1.4rem;
	line-height: 1.2em;
}

.article-byline-meta h4 {
	margin: 0 0 3px;
	font-size: 1.6rem;
}

.article-byline-meta .bull {
	display: inline-block;
	margin: 0 2px;
	opacity: 0.6;
}

.author-avatar {
	display: block;
	overflow: hidden;
	margin: 0 -4px;
	width: 50px;
	height: 50px;
	border: #fff 2px solid;
	border-radius: 100%;
	transition: all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 700ms;
}

.basic-info .avatar-wrapper {
	position: relative;
	margin: 0;
	width: 60px;
	height: 60px;
	border: none;
	background: rgba(229, 239, 245, 0.1);
}

.basic-info .avatar-wrapper svg {
	margin: 0;
	width: 60px;
	height: 60px;
	opacity: 0.15;
}

.page-template .article-title {
	margin-bottom: 0;
}


/* 7.3. Subscribe
/* ---------------------------------------------------------- */

.footer-cta {
	position: relative;
	margin-bottom: -40px;
	padding: 9vmin 4vmin 10vmin;
	color: #fff;
	text-align: center;
	background: var(--color-darkgrey);
}

.footer-cta.cta-alt {
	padding: 2vmin 4vmin 12vmin;
	background: transparent;
}

/* Increases the default h2 size by 15%, for small and large screens */
.footer-cta h2 {
	margin: 0 0 30px;
	font-size: 3.2rem;
}

.footer-cta.cta-alt h2 {
	color: var(--color-darkgrey);
}

@media (max-width: 600px) {
	.footer-cta h2 {
		font-size: 2.65rem;
	}
}

.footer-cta-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 500px;
	padding: 5px 5px 5px 15px;
	font-size: 1.8rem;
	color: var(--color-midgrey);
	background: #fff;
	border-radius: 8px;
}

.footer-cta.cta-alt .footer-cta-button {
	border: 1px solid var(--color-lightgrey);
}

.footer-cta-button span {
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
	font-weight: 500;
	background: var(--ghost-accent-color);
	border-radius: 5px;
}


/* 7.4. Read more
/* ---------------------------------------------------------- */

.read-more-wrap {
	width: 100%;
	padding: 4vmin;
	margin: 40px auto -40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background: color-mod(var(--color-darkgrey) l(-5%));
}

.read-more {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 4vmin;
}

.read-more .post-card-title {
	color: #fff;
	opacity: 0.8;
}

.read-more .post-card-excerpt {
	color: rgba(255, 255, 255, 0.6);
}

.read-more .post-card-byline-content a {
	color: #fff;
}


@media (max-width: 1000px) {
	.read-more {
		grid-template-columns: 1fr 1fr;
	}

	.read-more article:nth-child(3) {
		display: none;
	}
}

@media (max-width: 700px) {
	.read-more {
		grid-template-columns: 1fr;
	}

	.read-more article:nth-child(2) {
		display: none;
	}
}


/* 8. Author Template
/* ---------------------------------------------------------- */

.author-template .posts {
	position: relative;
	height: 100%;
	display: grid;
	grid-template-columns: 200px 1fr 1fr;
	grid-gap: 4vmin;
}

.author-template .posts .post-feed {
	grid-column: 2 / 4;
	grid-template-columns: 1fr 1fr;
}

.author-profile {
	padding: 4vmin 0;
}

.author-profile-content {
	height: auto;
	position: sticky;
	top: 4vmin;
	font-size: 1.4rem;
	line-height: 1.4em;
}

.author-profile-pic {
	display: block;
	width: 150px;
	height: 150px;
	object-fit: cover;
	margin: 0 0 2rem;
	background: color-mod(var(--color-lightgrey) l(+10%));
	border-radius: 50%;
}

.author-profile h1 {
	margin: 0 0 0.3em;
	font-size: 2rem;
}

.author-profile p {
	margin: 0 0 1.5em;
	color: color-mod(var(--color-midgrey) l(-8%));
}

.author-profile-location {
	margin: 0 0 1.5em;
	font-weight: 700;
}

.author-profile-social-link {
	display: block;
	padding: 0 0 5px;
	font-size: 1.3rem;
	color: color-mod(var(--color-midgrey) l(-8%));
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
}

.author-profile-social-link:hover {
	color: var(--color-darkgrey);
}

@media (max-width: 900px) {
	.author-template .posts .post-feed {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 650px) {
	.author-template .posts {
		grid-template-columns: 1fr;
		grid-gap: 0;
	}

	.author-template .posts .post-feed {
		grid-column: 1 / auto;
	}

	.author-profile {
		padding-right: 0;
	}

	.author-profile-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}


/* 8. Tag Template
/* ---------------------------------------------------------- */

.tag-template .post-card-large .post-card-image-link {
	grid-column: 2 / span 2;
	order: 2;
}

.tag-template .post-card-large .post-card-content {
	order: 1;
}


/* 9. Error Template
/* ---------------------------------------------------------- */

.error-content {
	padding: 14vw 4vw 6vw;
}

.error-message {
	padding-bottom: 10vw;
	text-align: center;
}

.error-code {
	margin: 0;
	color: var(--ghost-accent-color);
	font-size: 12vw;
	line-height: 1em;
	letter-spacing: -5px;
}

.error-description {
	margin: 0;
	color: var(--color-midgrey);
	font-size: 3.2rem;
	line-height: 1.3em;
	font-weight: 400;
}

.error-link {
	display: inline-block;
	margin-top: 5px;
}

@media (min-width: 940px) {
	.error-content .post-card {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
}

@media (max-width: 800px) {
	.error-content {
		padding-top: 24vw;
	}

	.error-code {
		font-size: 11.2rem;
	}

	.error-message {
		padding-bottom: 16vw;
	}

	.error-description {
		margin: 5px 0 0 0;
		font-size: 1.8rem;
	}
}

@media (max-width: 500px) {
	.error-content {
		padding-top: 28vw;
	}

	.error-message {
		padding-bottom: 14vw;
	}
}


/* 11. Site Footer
/* ---------------------------------------------------------- */

.site-footer {
	position: relative;
	margin: 40px 0 0 0;
	padding: 40px 4vmin 140px;
	color: #fff;
	background: color-mod(var(--color-darkgrey) l(-5%));
}

.hr_copyright {
    border-top: 1px solid #FFF;
    margin: 0.5em 1.5em 0.5em;
    width: 25%;
}

.site-footer .inner {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: auto 1fr auto;
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.3rem;
}

.site-footer .copyright a {
	color: #fff;
	letter-spacing: -0.015em;
	font-weight: 500;
}

.site-footer a {
	color: rgba(255, 255, 255, 0.7);
}

.site-footer a:hover {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}

.site-footer-nav ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.footer__seo-links-nav{
	color: rgba(255, 255, 255, 1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.footer__seo-links-nav-item{
	font-size: 2rem;
    color: #fff;
    font-weight: 500;
    padding-left: 0;
    list-style: none;
    line-height: 1.7;
}

.footer__seo-links-nav-item-a{
	color: #fff;
	text-decoration: none;
}

.site-footer-nav li {
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin: 0;
	line-height: 2em;
}

.site-footer-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-left: 10px;
}

.site-footer-nav li:not(:first-child) a:before {
	content: "";
	display: block;
	width: 2px;
	height: 2px;
	margin: 0 10px 0 0;
	background: #fff;
	border-radius: 100%;
}

@media (max-width: 800px) {
	.site-footer .inner {
		max-width: 500px;
		grid-template-columns: 1fr;
		grid-gap: 0;
		text-align: center;
	}

	.site-footer .copyright,
	.site-footer .copyright a {
		color: #fff;
		font-size: 1.5rem;
	}
}


/* 12. Dark Mode
/* ---------------------------------------------------------- */

/* If you prefer a dark color scheme, you can enable dark mode
by adding the following code to the Head section of "Code Injection"
settings inside: Ghost Admin > Settings > Advanced

<script>document.documentElement.classList.add('dark-mode');</script>

Or you can just edit default.hbs and add the .dark-mode class directly
to the html tag on the very first line of the file.

 */

html.dark-mode body {
	color: rgba(255, 255, 255, 0.75);
	background: var(--color-darkmode);
}

html.dark-mode img {
	opacity: 0.9;
}

html.dark-mode .post-card,
html.dark-mode .post-card:hover {
	border-bottom-color: color-mod(var(--color-darkmode) l(+8%));
}

html.dark-mode .post-card-byline-content a {
	color: rgba(255, 255, 255, 0.75);
}

html.dark-mode .post-card-byline-content a:hover {
	color: #fff;
}

html.dark-mode .post-card-image {
	background: var(--color-darkmode);
}

html.dark-mode .post-card-title {
	color: rgba(255, 255, 255, 0.85);
}

html.dark-mode .post-card-excerpt {
	color: color-mod(var(--color-midgrey) l(+10%));
}

html.dark-mode .post-full-content {
	background: var(--color-darkmode);
}

html.dark-mode .article-title {
	color: rgba(255, 255, 255, 0.9);
}

html.dark-mode .article-excerpt {
	color: color-mod(var(--color-midgrey) l(+10%));
}

html.dark-mode .post-full-image {
	background-color: color-mod(var(--color-darkmode) l(+8%));
}

html.dark-mode .article-byline {
	border-top-color: color-mod(var(--color-darkmode) l(+15%));
}

html.dark-mode .article-byline-meta h4 a {
	color: rgba(255, 255, 255, 0.75);
}

html.dark-mode .article-byline-meta h4 a:hover {
	color: #fff;
}

html.dark-mode .no-image .author-social-link a {
	color: rgba(255, 255, 255, 0.75);
}

html.dark-mode .gh-content h1,
html.dark-mode .gh-content h2,
html.dark-mode .gh-content h3,
html.dark-mode .gh-content h4,
html.dark-mode .gh-content h5,
html.dark-mode .gh-content h6 {
	color: rgba(255, 255, 255, 0.9);
}

html.dark-mode .gh-content pre {
	background: color-mod(var(--color-darkgrey) l(-8%));
}

html.dark-mode .gh-content :not(pre)>code {
	background: color-mod(var(--color-darkgrey) l(+6%));
	border-color: color-mod(var(--color-darkmode) l(+8%));
	color: var(--color-wash);
}

html.dark-mode .gh-content a {
	color: #fff;
	box-shadow: inset 0 -1px 0 #fff;
}

html.dark-mode .gh-content strong {
	color: #fff;
}

html.dark-mode .gh-content em {
	color: #fff;
}

html.dark-mode .gh-content code {
	color: #fff;
	background: #000;
}

html.dark-mode hr {
	border-top-color: color-mod(var(--color-darkmode) l(+8%));
}

html.dark-mode .gh-content hr:after {
	background: color-mod(var(--color-darkmode) l(+8%));
	box-shadow: var(--color-darkmode) 0 0 0 5px;
}

html.dark-mode figcaption {
	color: rgba(255, 255, 255, 0.6);
}

html.dark-mode .gh-content table td:first-child {
	background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
}

html.dark-mode .gh-content table td:last-child {
	background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
}

html.dark-mode .gh-content table th {
	color: rgba(255, 255, 255, 0.85);
	background-color: color-mod(var(--color-darkmode) l(+8%));
}

html.dark-mode .gh-content table th,
html.dark-mode .gh-content table td {
	border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
}

html.dark-mode .gh-content .kg-bookmark-container,
html.dark-mode .gh-content .kg-bookmark-container:hover {
	color: rgba(255, 255, 255, 0.75);
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}

html.dark-mode .gh-content input {
	color: color-mod(var(--color-midgrey) l(-30%));
}

html.dark-mode .kg-bookmark-title {
	color: #fff;
}

html.dark-mode .kg-bookmark-description {
	color: rgba(255, 255, 255, 0.75);
}

html.dark-mode .kg-bookmark-metadata {
	color: rgba(255, 255, 255, 0.75);
}

html.dark-mode .site-archive-header .no-image {
	color: rgba(255, 255, 255, 0.9);
	background: var(--color-darkmode);
}

@media (prefers-color-scheme: dark) {
	html.auto-color body {
		color: rgba(255, 255, 255, 0.75);
		background: var(--color-darkmode);
	}

	html.auto-color img {
		opacity: 0.9;
	}

	html.auto-color .post-card,
	html.auto-color .post-card:hover {
		border-bottom-color: color-mod(var(--color-darkmode) l(+8%));
	}

	html.auto-color .post-card-byline-content a {
		color: rgba(255, 255, 255, 0.75);
	}

	html.auto-color .post-card-byline-content a:hover {
		color: #fff;
	}

	html.auto-color .post-card-image {
		background: var(--color-darkmode);
	}

	html.auto-color .post-card-title {
		color: rgba(255, 255, 255, 0.85);
	}

	html.auto-color .post-card-excerpt {
		color: color-mod(var(--color-midgrey) l(+10%));
	}

	html.auto-color .post-full-content {
		background: var(--color-darkmode);
	}

	html.auto-color .article-title {
		color: rgba(255, 255, 255, 0.9);
	}

	html.auto-color .article-excerpt {
		color: color-mod(var(--color-midgrey) l(+10%));
	}

	html.auto-color .post-full-image {
		background-color: color-mod(var(--color-darkmode) l(+8%));
	}

	html.auto-color .article-byline {
		border-top-color: color-mod(var(--color-darkmode) l(+15%));
	}

	html.auto-color .article-byline-meta h4 a {
		color: rgba(255, 255, 255, 0.75);
	}

	html.auto-color .article-byline-meta h4 a:hover {
		color: #fff;
	}

	html.auto-color .no-image .author-social-link a {
		color: rgba(255, 255, 255, 0.75);
	}

	html.auto-color .gh-content h1,
	html.auto-color .gh-content h2,
	html.auto-color .gh-content h3,
	html.auto-color .gh-content h4,
	html.auto-color .gh-content h5,
	html.auto-color .gh-content h6 {
		color: rgba(255, 255, 255, 0.9);
	}

	html.auto-color .gh-content pre {
		background: color-mod(var(--color-darkgrey) l(-8%));
	}

	html.auto-color .gh-content :not(pre)>code {
		background: color-mod(var(--color-darkgrey) l(+6%));
		border-color: color-mod(var(--color-darkmode) l(+8%));
		color: var(--color-wash);
	}

	html.auto-color .gh-content a {
		color: #fff;
		box-shadow: inset 0 -1px 0 #fff;
	}

	html.auto-color .gh-content strong {
		color: #fff;
	}

	html.auto-color .gh-content em {
		color: #fff;
	}

	html.auto-color .gh-content code {
		color: #fff;
		background: #000;
	}

	html.auto-color hr {
		border-top-color: color-mod(var(--color-darkmode) l(+8%));
	}

	html.auto-color .gh-content hr:after {
		background: color-mod(var(--color-darkmode) l(+8%));
		box-shadow: var(--color-darkmode) 0 0 0 5px;
	}

	html.auto-color figcaption {
		color: rgba(255, 255, 255, 0.6);
	}

	html.auto-color .gh-content table td:first-child {
		background-image: linear-gradient(to right, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
	}

	html.auto-color .gh-content table td:last-child {
		background-image: linear-gradient(to left, var(--color-darkmode) 50%, color-mod(var(--color-darkmode) a(0%)) 100%);
	}

	html.auto-color .gh-content table th {
		color: rgba(255, 255, 255, 0.85);
		background-color: color-mod(var(--color-darkmode) l(+8%));
	}

	html.auto-color .gh-content table th,
	html.auto-color .gh-content table td {
		border: color-mod(var(--color-darkmode) l(+8%)) 1px solid;
	}

	html.auto-color .gh-content .kg-bookmark-container,
	html.auto-color .gh-content .kg-bookmark-container:hover {
		color: rgba(255, 255, 255, 0.75);
		box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
	}

	html.auto-color .gh-content input {
		color: color-mod(var(--color-midgrey) l(-30%));
	}

	html.auto-color .kg-bookmark-title {
		color: #fff;
	}

	html.auto-color .kg-bookmark-description {
		color: rgba(255, 255, 255, 0.75);
	}

	html.auto-color .kg-bookmark-metadata {
		color: rgba(255, 255, 255, 0.75);
	}

	html.auto-color .site-archive-header .no-image {
		color: rgba(255, 255, 255, 0.9);
		background: var(--color-darkmode);
	}
}



a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
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,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

body {
	line-height: 1
}

.viewport {
	overflow: hidden
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

img {
	display: block;
	max-width: 100%;
	height: auto
}

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

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

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b,
strong {
	font-weight: bold
}

dfn,
em,
i {
	font-style: italic
}

small {
	font-size: 80%
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

mark {
	background-color: #fdffb6
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	color: inherit;
	font: inherit
}

button {
	overflow: visible;
	border: none
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	/*-webkit-appearance: button;*/
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input {
	line-height: normal
}

input:focus {
	outline: none
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/*-webkit-appearance: textfield*/
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

legend {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

td,
th {
	padding: 0
}

html {
	font-size: 62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	color: #35373A;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 1.6rem;
	line-height: 1.6em;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
	text-rendering: optimizeLegibility;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*-moz-font-feature-settings: "liga"on*/
}

::-moz-selection {
	text-shadow: none;
	background: #daf2fd
}

::selection {
	text-shadow: none;
	background: #daf2fd
}

hr {
	position: relative;
	display: block;
	width: 100%;
	margin: 2.5em 0 3.5em;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #f0f0f0
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0
}

textarea {
	resize: vertical
}

::not(.gh-content) blockquote,
::not(.gh-content) dl,
::not(.gh-content) ol,
::not(.gh-content) p,
::not(.gh-content) ul {
	margin: 0 0 1.5em 0
}

ol,
ul {
	padding-left: 1.3em;
	padding-right: 1.5em
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin: 0.5em 0 1em
}

ul {
	list-style: disc;
	margin-top: 15px;
}

ol {
	list-style: decimal
}

ol,
ul {
	max-width: 100%
}

li {
	padding-left: 0.3em;
	line-height: 1.6em
}

li+li {
	margin-top: 0.5em
}

dt {
	float: left;
	margin: 0 20px 0 0;
	width: 120px;
	color: #daf2fd;
	font-weight: 500;
	text-align: right
}

dd {
	margin: 0 0 5px 0;
	text-align: left
}

blockquote {
	margin: 1.5em 0;
	padding: 0 1.6em 0 1.6em;
	border-left: #daf2fd
}

blockquote p {
	margin: 0.8em 0;
	font-size: 1.2em;
	font-weight: 300
}

blockquote small {
	display: inline-block;
	margin: 0.8em 0 0.8em 1.5em;
	font-size: 0.9em;
	opacity: 0.8
}

blockquote small:before {
	content: "\2014 \00A0"
}

blockquote cite {
	font-weight: bold
}

blockquote cite a {
	font-weight: normal
}

a {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #1842aa;
	letter-spacing: normal;
	text-rendering: optimizeLegibility;
	line-height: 1.13
}

h1 {
	font-size: 7.6rem;
	font-weight: 700
}

h2 {
	font-size: 5.2rem;
	font-weight: 700;
	margin: 40px 0 10px 0;
}

h3 {
	font-size: 3.2rem;
	font-weight: 600
}

h4 {
	font-size: 2.4rem;
	line-height: 1.15
}

h5 {
	font-size: 2rem;
	line-height: 1.15
}

h6 {
	font-size: 1.8rem;
	line-height: 1.15
}

@media only screen and (max-width:991.98px) {
	h1 {
		text-align: center;
		font-size: 6.4rem !important
	}
}

@media only screen and (max-width:575.98px) {
	h1 {
		font-size: 4.6rem !important
	}

	h2 {
		font-size: 3.2rem
	}

	h3 {
		font-size: 2.6rem
	}

	h4 {
		font-size: 2.2rem
	}

	p {
		font-size: 1.8rem !important
	}
}

.btn {
	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;
	border-radius: 0.7rem
}

.btn.btn__nav {
	padding: 1.5rem 1.8rem;
	background-color: #e2ebff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.7;
	color: #1842aa
}

.btn.btn__nav:active {
	background-color: #d1dfff
}

.btn.btn__nav-footer {
	padding: 1.5rem 1.8rem;
	background-color: #4d5185;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.7;
	color: #1842aa
}

.btn.btn__nav-footer:active {
	background-color: #0c1374
}

.btn.btn__main {
	min-width: 3.5rem;
	padding: 2.4rem 5rem 2.3rem 5.4rem;
	background-color: #1842aa;
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 1.08;
	color: #fff
}

.btn.btn__main:active {
	background-color: #1842aa
}

.btn.btn__white {
	padding: 1.5rem 1.8rem;
	background-color: #fff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.7
}

.btn.btn__white:active {
	background-color: #3a3e76
}

.header {
	position: sticky;
	z-index: 99;
	top: 0;
	background-color: #fff
}

.header .header__container {
	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: 3.3rem 1.5rem
}

.header .header__container .header__logo {
	fill: #1842aa
}

.header .header__container .burger-btn {
	position: relative;
	margin-left: auto;
	width: 3.2rem;
	height: 3.2rem;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.header .header__container .burger-btn span {
	display: block;
	width: 100%;
	height: 0.2rem;
	background: #1842aa;
	border-radius: 1.5rem
}

.header .header__container .burger-btn:before {
	content: "";
	width: 100%;
	height: 0.2rem;
	top: 30%;
	background: #1842aa;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 1.5rem
}

.header .header__container .burger-btn:after {
	content: "";
	width: 100%;
	top: 70%;
	height: 0.2rem;
	background: #1842aa;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 1.5rem
}

.header .header__container .header__nav .header__nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding-right: 0;
	padding-left: 0
}

.header .header__container .header__nav .header__nav-list .header__nav-item {
	font-size: 2rem;
	color: #1842aa;
	font-weight: 500;
	margin: 0 7rem 0 0;
	padding-left: 0;
	line-height: 1.7;
	list-style: none
}

.header .header__container .header__nav .header__nav-list .header__nav-item a svg {
	fill: #1842aa;
	margin-left: 1.5rem
}

@media only screen and (max-width:1199.98px) {
	.header .header__container .header__nav .header__nav-list .header__nav-item a {
		font-size: 1.6rem
	}
}

@media only screen and (max-width:991.98px) {
	.header .header__container .header__nav .header__nav-list .header__nav-item {
		margin: 0 4rem 0 0
	}
}

@media only screen and (max-width:767.98px) {
	.header .header__container {
		position: relative
	}

	.header .header__container .burger-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.header .header__container .header__nav {
		position: absolute;
		top: 11.5rem;
		left: -70%;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease
	}

	.header .header__container .header__nav .header__nav-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 20rem
	}

	.header .header__container .header__nav .header__nav-list .header__nav-item {
		width: 100%;
		text-align: center;
		margin: 0 0 1rem 0
	}

	.header .header__container .header__nav .header__nav-list .header__nav-item a svg {
		fill: #1842aa;
		margin-left: 1.5rem
	}

	.header.burger-open .header__container .burger-btn span {
		display: none
	}

	.header.burger-open .header__container .burger-btn:before {
		top: 55%;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg)
	}

	.header.burger-open .header__container .burger-btn:after {
		top: 55%;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg)
	}

	.header.burger-open .header__container .header__nav {
		width: 100%;
		background: white;
		left: 0
	}
}

.footer {
	background-color: #1842aa;
	padding: 5rem
}

.footer .footer__top {
	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;
	margin-bottom: 9.5rem
}

.footer .footer__top .footer__logo svg {
	fill: white
}

.footer .footer__top .footer__nav .footer__nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding-right: 0;
	padding-left: 0
}

.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item {
	font-size: 2rem;
	color: #fff;
	font-weight: 500;
	margin: 0 7rem 0 0;
	padding-left: 0;
	list-style: none;
	line-height: 1.7
}

.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item:last-of-type {
	margin: 0rem
}

.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item a {
	color: inherit
}

.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item a svg {
	fill: white;
	margin-left: 1.5rem
}

.footer .footer__bootom {
	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
}

.footer .footer__bootom .social-links .social-links-adress{
	display: flex;
	padding-bottom: 8%;
}


.footer .footer__bootom .copyright {
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
}

.footer .footer__bootom .social-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 -3rem;
	position: relative;
}

.footer .footer__bootom .social-links a {
	margin: 3rem
}

.footer .footer__bootom .social-links svg {
	fill: white
}

.footer .footer__bootom .social-links svg:focus,
:active {
	fill: #3a3e76
}

@media only screen and (max-width:991.98px) {
	.footer {
		padding: 9rem 0 10rem
	}

	.footer .footer__top {
		margin-bottom: 7rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.footer .footer__top .footer__logo {
		margin-bottom: 10rem
	}

	.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item {
		margin: 0 3rem 0 0
	}

	.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item:first-of-type {
		margin: 0 3rem 0 3rem
	}

	.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item:last-of-type {
		display: none
	}

	.footer .footer__bootom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.footer .footer__bootom .social-links {
		flex-direction: column;
    	align-items: center;
		margin-bottom: 10rem
	}

	.footer .footer__bootom .copyright {
		text-align: center
	}
}

@media only screen and (max-width:575.98px) {
	.footer {
		padding: 7rem 0 6rem
	}

	.footer .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.footer .footer__top .footer__logo {
		margin-bottom: 7.5rem
	}

	.footer .footer__top .footer__nav .footer__nav-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item {
		margin-top: 3rem;
		margin-right: 0
	}

	.footer .footer__top .footer__nav .footer__nav-list .footer__nav-item:last-of-type {
		margin-top: 3rem
	}

	.footer .footer__bootom .social-links a {
		margin: 3rem 2rem
	}
}

.hire-developers {
	padding-top: 10rem;
	margin-bottom: calc(11rem - 7rem)
}

.hire-developers .top-content {
	margin-bottom: 18rem
}

.hire-developers .top-content .button-wrapper .btn {
	width: fit-content;
	margin-bottom: 18rem
}


.hire-developers .top-content .side-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hire-developers .top-content .side-wrapper .left-side {
	width: 40%;
	padding-right: 1.5rem
}

.hire-developers .top-content .side-wrapper .left-side h1 {
	font-size: 7.6rem;
	line-height: 1.13;
	margin-bottom: 1.5rem
}

.hire-developers .top-content .side-wrapper .left-side p {
	font-size: 2.4rem;
	line-height: 1.42;
	margin-bottom: 5.5rem
}

.hire-developers .top-content .side-wrapper .right-side {
	max-width: 67.5rem;
	width: 100%
}

.hire-developers .top-content .side-wrapper .right-side img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.hire-developers .bottom-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 85rem;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 7rem;
	background: url(/img/svg/bubbles-bg.svg) center/contain no-repeat
}

.hire-developers .bottom-content img {
	width: 7rem;
	height: 7rem
}

.hire-developers .bottom-content h3 {
	text-align: center;
	line-height: 1.38;
	padding: 1rem 0rem 5rem;
	color: #1842aa
}

.garanted-hire {
	margin-bottom: 20rem
}

.garanted-hire .block-wrapper {
	position: relative;
	overflow: hidden;
	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: 6rem 12rem 9rem;
	border-radius: 3.2rem;
	background-color: #e2ebff
}

.garanted-hire .block-wrapper .left-side {
	max-width: 58rem
}

.garanted-hire .block-wrapper .left-side img {
	width: 100%;
	height: 100%
}

.garanted-hire .block-wrapper .right-side {
	max-width: 57.5rem;
	margin-right: 8rem;
	margin-left: 5rem
}

.garanted-hire .block-wrapper .right-side h2 {
	font-weight: 600;
	line-height: 1.31;
	margin-bottom: 2.5rem;
	max-width: 45rem
}

.garanted-hire .block-wrapper .right-side p {
	font-size: 2rem;
	line-height: 1.5
}

.garanted-hire .block-wrapper .buble {
	position: absolute;
	border: solid 3px #143ead;
	border-radius: 50%;
	opacity: 15%
}

.garanted-hire .block-wrapper .buble-1 {
	top: 20%;
	left: -1.5rem;
	width: 9.1rem;
	height: 9.1rem
}

.garanted-hire .block-wrapper .buble-2 {
	top: 80%;
	left: 85%;
	width: 27.1rem;
	height: 27.1rem
}

.garanted-hire .block-wrapper .buble-3 {
	top: -10rem;
	left: 70%;
	width: 18.1rem;
	height: 18.1rem
}

.service {
	margin-bottom: 18rem
}

.service .block-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.service .block-wrapper .left-side {
	width: 30%
}

.service .block-wrapper .left-side h2 {
	line-height: 1.31;
	margin-bottom: 6.5rem
}

.service .block-wrapper .left-side button svg {
	fill: white;
	margin-right: 1.5rem
}

.service .block-wrapper .right-side {
	max-width: 60rem
}

.service .block-wrapper .right-side .desc__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 11rem
}

.service .block-wrapper .right-side .desc__block .block__img {
	width: 5rem;
	min-width: 5rem;
	margin-right: 4rem
}

.service .block-wrapper .right-side .desc__block .block__img img {
	width: 100%;
	height: 100%
}

.service .block-wrapper .right-side .desc__block .block__about h4 {
	margin-bottom: 1.5rem
}

.service .block-wrapper .right-side .desc__block:last-of-type {
	margin-bottom: 0
}

.techologies {
	margin-bottom: 18rem
}

.techologies .section-title {
	line-height: 1.31;
	margin-bottom: 6.5rem
}

.techologies .block-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 -1.5rem 0
}

.techologies .block-wrapper .block-item {
	margin: 3rem
}

.techologies .block-wrapper .block-item svg {
	fill: #3665e9
}

.techologies .block-wrapper .block-item h5 {
	text-align: center;
	color: #1842aa;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.44
}

.our-service {
	margin-bottom: 18rem
}

.our-service .section-title {
	line-height: 1.31;
	margin-bottom: 6.5rem
}

.our-service .block-wrapper {
	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
}

.our-service .block-wrapper .left-side {
	width: 30%
}

.our-service .block-wrapper .left-side h2 {
	font-size: 5.2rem;
	line-height: 1.31;
	margin-bottom: 6.5rem
}

.our-service .block-wrapper .right-side {
	max-width: 60rem
}

.our-service .block-wrapper .right-side .desc__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 8rem
}

.our-service .block-wrapper .right-side .desc__block .block__img {
	width: 5rem;
	min-width: 5rem;
	margin-right: 3rem
}

.our-service .block-wrapper .right-side .desc__block .block__img img {
	width: 100%;
	height: 100%
}

.our-service .block-wrapper .right-side .desc__block .block__about h4 {
	margin-bottom: 1.5rem
}

.our-service .block-wrapper .right-side .desc__block:last-of-type {
	margin-bottom: 0
}

.our-team {
	margin-bottom: 18rem
}

.our-team .section-title {
	line-height: 1.31;
	margin-bottom: 6.5rem
}

.our-team .card-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -1.5rem 0
}

.our-team .card-wrapper .card {
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 28rem;
	margin: 1.5rem;
	margin-bottom: 4%;
}

.our-team .card-wrapper .card .img-wrapper {
	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;
	border-radius: 0.9rem;
	background-color: #e2ebff;
	width: 100%;
	margin-bottom: 3.5rem
}

.our-team .card-wrapper .card .img-wrapper img {
	max-width: 30rem;
	-ms-flex-item-align: end;
	align-self: flex-end;
	margin: 0 auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.our-team .card-wrapper .card h5 {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.44
}

.our-team .card-wrapper .card h3 {
	
	line-height: 0.94;
	margin-bottom: 1rem
}

.our-team .card-wrapper .card .linkedIn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: 500;
	color: #1842aa;
	border-bottom: 1px solid #1842aa
}

.our-team .card-wrapper .card .linkedIn:active {
	color: #1842aa;
	border-bottom: 1px solid rgb(255, 255, 255)
}

.our-team .card-wrapper .card .linkedIn:focus {
	color: #1842aa;
	border-bottom: 1px solid rgb(255, 255, 255)
}

.our-team .card-wrapper .card .linkedIn:active svg {
	fill: #1842aa
}

.our-team .card-wrapper .card .linkedIn:focus svg {
	fill: #1842aa
}

.our-team .card-wrapper .card .linkedIn svg {
	margin-left: 0.5rem;
	fill: #1842aa
}

.contact {
	margin-bottom: 18rem
}

.contact .section-title {
	line-height: 1.31;
	margin-bottom: 6.5rem
}

.contact .block-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.contact .block-wrapper .contact__general {
	max-width: 50rem;
	width: 100%
}

.contact .block-wrapper .contact__general h4 {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.42;
	margin-bottom: 2.5rem
}

.contact .block-wrapper .contact__general h4 a {
	font-weight: 600;
	color: #1b3985
}

.contact .block-wrapper .contact__wrapper {
	max-width: 57rem;
	width: 100%
}

.contact .block-wrapper .contact__wrapper form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.contact .block-wrapper .contact__wrapper form .form__input {
	border: none;
	border-bottom: solid 1px #c1cdea;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.18;
	padding: 1.55rem;
	margin-bottom: 4.5rem
}

.contact .block-wrapper .contact__wrapper form .form__input.form__textarea {
	margin-bottom: 10rem
}

.contact .block-wrapper .contact__wrapper form .form__input::-webkit-input-placeholder {
	color: #1b3985
}

.contact .block-wrapper .contact__wrapper form .form__input::-moz-placeholder {
	color: #1b3985
}

.contact .block-wrapper .contact__wrapper form .form__input:-ms-input-placeholder {
	color: #1b3985
}

.contact .block-wrapper .contact__wrapper form .form__input::-ms-input-placeholder {
	color: #1b3985
}

.contact .block-wrapper .contact__wrapper form .form__input::placeholder {
	color: #1b3985
}

.contact .block-wrapper .contact__wrapper form .form__submit {
	width: 100%
}

.contact .block-wrapper .contact__wrapper form .form__submit svg {
	fill: white;
	margin-right: 1.5rem
}

.contact .block-wrapper:before {
	content: "";
	background-image: url(/img/send.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: -65%;
	top: 80%;
	width: 120rem;
	-webkit-transform: translateY(-80%);
	transform: translateY(-80%);
	height: 25rem
}

@media only screen and (max-width:1199.98px) {
	.hire-developers {
		padding-top: 9rem
	}

	.hire-developers .top-content .side-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.hire-developers .top-content .side-wrapper .left-side {
		width: 100%;
		max-width: 60rem;
		text-align: center
	}

	.hire-developers .top-content .side-wrapper .left-side h1 {
		font-size: 6.8rem;
		margin-bottom: 2rem
	}

	.hire-developers .top-content .side-wrapper .right-side {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.hire-developers .top-content .button-wrapper {
		margin-top: 6.4rem
	}

	.hire-developers .top-content .button-wrapper .btn {
		margin: 0 auto
	}

	.garanted-hire {
		margin-bottom: 15rem
	}

	.garanted-hire .block-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.garanted-hire .block-wrapper .right-side {
		max-width: unset;
		margin-right: 0;
		text-align: center;
		margin-bottom: 9rem
	}

	.garanted-hire .block-wrapper .right-side h2 {
		max-width: unset
	}

	.service .block-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.service .block-wrapper .left-side {
		width: 100%;
		text-align: center
	}

	.service .block-wrapper .left-side .btn {
		display: none
	}

	.service .block-wrapper .right-side {
		width: 100%;
		margin: 0 auto
	}

	.service .block-wrapper .right-side .desc__block {
		-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
	}

	.service .block-wrapper .right-side .desc__block .block__img {
		margin-right: 0;
		margin-bottom: 4rem
	}

	.service .block-wrapper .right-side .desc__block .block__about {
		text-align: center
	}

	.service .block-wrapper .right-side .btn {
		display: block;
		margin: 0 auto;
		margin-top: 10rem
	}

	.service .block-wrapper .right-side .btn svg {
		fill: white
	}

	.techologies {
		margin-bottom: 15rem
	}

	.techologies .section-title {
		text-align: center
	}

	.our-service {
		margin-bottom: 15rem
	}

	.our-service .section-title {
		text-align: center
	}

	.our-service .block-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.our-service .block-wrapper .right-side {
		margin-bottom: 10rem
	}

	.our-service .block-wrapper .left-side {
		width: 100%;
		max-width: 50rem
	}

	.our-team {
		margin-bottom: 15rem
	}

	.our-team .section-title {
		text-align: center
	}

	.our-team .card-wrapper {
		display: flex;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		align-items: flex-start;
		/* flex-direction: column; */
		justify-content: center;
	}

	.our-team .card-wrapper .card {
		width: 100%;
		max-width: 35%;
	}

	.contact {
		margin-bottom: 15rem
	}

	.contact .section-title {
		text-align: center
	}

	.contact .block-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.contact .block-wrapper .contact__general {
		text-align: center;
		max-width: 50rem;
		margin: 0 auto
	}

	.contact .block-wrapper .contact__wrapper {
		max-width: 50rem;
		margin: 0 auto;
		margin-top: 30rem
	}

	.contact .block-wrapper:before {
		top: 30%;
		width: 100%;
		height: 12rem;
		left: -30%
	}
}

@media only screen and (max-width:575.98px) {
	.hire-developers .top-content {
		margin-bottom: 12rem
	}

	.hire-developers .bottom-content {
		background-size: auto
	}

	.garanted-hire {
		margin-bottom: 12rem
	}

	.garanted-hire .block-wrapper {
		padding: 5.5rem 1.1rem 2.6rem
	}

	.service {
		margin-bottom: 12rem
	}

	.service .block-wrapper .right-side .desc__block {
		margin-bottom: 7rem
	}

	.service .block-wrapper .right-side .desc__block .block__img {
		margin-bottom: 3rem
	}

	.service .block-wrapper .right-side .desc__block .block__about p {
		font-size: 1.4rem !important
	}

	.service .block-wrapper .right-side .btn {
		width: 100%;
		max-width: 34.5rem;
		min-width: unset
	}

	.techologies {
		margin-bottom: 12rem
	}

	.techologies .section-title {
		margin-bottom: 5rem
	}

	.techologies .block-wrapper .block-item svg {
		width: 9rem;
		height: 9rem
	}

	.our-service {
		margin-bottom: 12rem
	}

	.our-service .block-wrapper .right-side {
		margin-bottom: 10rem
	}

	.our-service .block-wrapper .right-side .desc__block {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 7rem
	}

	.our-service .block-wrapper .right-side .desc__block .block__img {
		width: 9rem;
		margin-right: 0;
		margin-bottom: 1.7rem
	}

	.our-service .block-wrapper .right-side .desc__block .block__about {
		text-align: center
	}

	.our-service .block-wrapper .right-side .desc__block .block__about h4 {
		margin-bottom: 2rem
	}

	.our-service .block-wrapper .right-side .desc__block .block__about p {
		font-size: 1.4rem !important
	}

	.our-team {
		margin-bottom: 15rem
	}

	.our-team .section-title {
		text-align: center
	}

	.our-team .card-wrapper {
		margin: 0
	}

	.our-team .card-wrapper .card {
		margin-bottom: 6rem
	}

	.our-team .card-wrapper .card .img-wrapper {
		/*height: 47rem*/
	}

	.our-team .card-wrapper .card .img-wrapper img {
		max-width: 25rem;
		/* height: 20%;*/
	}

	.our-team .card-wrapper .card:last-of-type {
		margin-bottom: 0
	}

	.contact {
		margin-bottom: 12rem
	}

	.contact .block-wrapper .contact__wrapper {
		margin-top: 20rem
	}

	.contact .block-wrapper:before {
		top: 33%;
		width: 100%;
		height: 12rem;
		left: -35%
	}
}

.contact-page {
	padding-top: 15rem;
	margin-bottom: 13rem
}

.contact-page .block-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.contact-page .block-wrapper .left-side {
	max-width: 50rem;
	width: 100%
}

.contact-page .block-wrapper .left-side h1 {
	font-size: 5.2rem;
	font-weight: 600;
	line-height: 1.31
}

.contact-page .block-wrapper .right-side {
	max-width: 55rem;
	width: 100%
}

.contact-page .block-wrapper .right-side h4 {
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 1.42;
	margin-right: 10rem;
	margin-bottom: 5rem;
	color: #091533
}

.contact-page .block-wrapper .right-side h4:last-of-type {
	margin-right: 0rem
}

.contact-page .block-wrapper .right-side .links-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 3rem
}

.contact-page .block-wrapper .right-side .links-wrapper .link__mail a {
	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;
	color: #1842aa;
	font-size: 24px;
	font-weight: 500
}

.contact-page .block-wrapper .right-side .links-wrapper .link__mail a img {
	max-width: 3.4rem;
	margin-bottom: 1.8rem
}

.contact-page .block-wrapper .right-side .links-wrapper .link__social .icon-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 1.8rem
}

.contact-page .block-wrapper .right-side .links-wrapper .link__social a {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.42;
	color: #1842aa
}

.contact-page .block-wrapper .right-side .contact__wrapper {
	width: 100%
}

.contact-page .block-wrapper .right-side .contact__wrapper form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__input {
	border: none;
	border-bottom: solid 1px #c1cdea;
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 1.18;
	padding: 1.55rem;
	margin-bottom: 4.5rem
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__input.form__textarea {
	margin-bottom: 10rem
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__input::-webkit-input-placeholder {
	color: #1b3985
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__input::-moz-placeholder {
	color: #1b3985
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__input:-ms-input-placeholder {
	color: #1b3985
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__input::-ms-input-placeholder {
	color: #1b3985
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__input::placeholder {
	color: #1b3985
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__submit {
	width: 100%
}

.contact-page .block-wrapper .right-side .contact__wrapper form .form__submit svg {
	fill: white;
	margin-right: 1.5rem
}

.contact-page .block-wrapper:before {
	content: "";
	background-image: url(/img/send.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: -65%;
	top: 80%;
	width: 120rem;
	-webkit-transform: translateY(-80%);
	transform: translateY(-80%);
	height: 25rem
}

.map {
	width: 100%
}

.map iframe {
	width: 100%;
	height: 53.5rem
}

@media only screen and (max-width:1199.98px) {
	.contact-page {
		padding-top: 12rem
	}

	.contact-page .block-wrapper:before {
		left: -50%;
		width: 90rem
	}
}

@media only screen and (max-width:991.98px) {
	.contact-page {
		padding-top: 10rem
	}

	.contact-page .block-wrapper {
		-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
	}

	.contact-page .block-wrapper .left-side {
		max-width: none
	}

	.contact-page .block-wrapper .left-side h1 {
		text-align: center;
		margin-bottom: 1rem
	}

	.contact-page .block-wrapper .right-side h4 {
		text-align: center;
		margin-right: 0
	}

	.contact-page .block-wrapper:before {
		content: none
	}

	.map {
		width: 100%
	}

	.map iframe {
		width: 100%;
		height: 45rem
	}
}

@media only screen and (max-width:575.98px) {
	.contact-page .block-wrapper .left-side h1 {
		font-size: 4rem
	}

	.contact-page .block-wrapper .right-side .links-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0rem
	}

	.contact-page .block-wrapper .right-side .links-wrapper .link__mail,
	.contact-page .block-wrapper .right-side .links-wrapper .link__social {
		margin-bottom: 3rem
	}
}

.career-blog {
	padding-top: 5rem;
	margin-bottom: 20rem
}

.career-blog .block__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.career-blog .block__wrapper .block__desc {
	padding-right: 6.5rem
}

.career-blog .block__wrapper .block__desc h1 {
	font-weight: 600;
	line-height: 1.13;
	margin-bottom: 2rem
}

.career-blog .block__wrapper .block__desc p {
	font-size: 2.4rem;
	line-height: 1.42
}

.career-blog .block__wrapper .image__wrapper img {
	width: 100%;
	height: 100%
}

.career-blog.career .block__wrapper .block__desc .image__wrapper {
	min-width: 57rem;
	height: 46rem
}

.career-blog.blog .block__wrapper .block__desc .image__wrapper {
	min-width: 63rem;
	height: 54rem
}

.post-feed {
	padding: 0;
	margin-bottom: 18rem
}

.post-feed .post-card {
	-webkit-box-shadow: 0 3px 15px 0 rgba(12, 18, 88, 0.09);
	box-shadow: 0 3px 15px 0 rgba(12, 18, 88, 0.09);
	border-radius: 2rem 2rem 2rem 2rem;
	overflow: hidden
}

.post-feed .post-card .post-card-image-link {
	position: relative;
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #e2ebff;
	padding: 5.5rem 1rem
}

.post-feed .post-card .post-card-image-link .post-card-image {
	-o-object-fit: contain;
	object-fit: contain
}

.post-feed .post-card .post-card-content {
	padding: 3.6rem 2rem 2.8rem 2rem
}

.post-feed .post-card .post-card-content .post-card-primary-tag {
	display: none
}

.post-feed .post-card .post-card-content .post-card-title {
	font-size: 2rem;
	line-height: 2.1;
	color: #1842aa;
	margin-bottom: 1.8rem
}

.post-feed .post-card .post-card-content .post-card-excerpt p {
	line-height: 1.63
}

.benefits {
	margin-bottom: 12rem
}

.benefits .section-title {
	font-size: 5.2rem;
	line-height: 1.31
}

.benefits .benefits__list {
	max-width: 96rem;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.benefits .benefits__list .list-column:last-of-type .list__item:first-of-type {
	margin-top: 0
}

.benefits .benefits__list .list-column:last-of-type .list__item:nth-of-type(2) {
	margin-top: 11rem
}

.benefits .benefits__list .list-column:last-of-type .list__item:nth-of-type(3) {
	margin-top: 11rem
}

.benefits .benefits__list .list-column {
	width: 45%;
	padding: 0 0.5rem
}

.benefits .benefits__list .list-column:first-of-type {
	padding-left: 0
}

.benefits .benefits__list .list-column:last-of-type {
	padding-right: 0
}

.benefits .benefits__list .list-column .list__item {
	margin-top: 14rem
}

.benefits .benefits__list .list-column .list__item img {
	max-width: 5rem;
	margin-bottom: 2rem
}

.benefits .benefits__list .list-column .list__item h4 {
	margin-bottom: 1.5rem;
	font-size: 27px;
	line-height: 1.3
}

.benefits .benefits__list .list-column .list__item p {
	line-height: 1.63
}

@media only screen and (max-width:991.98px) {
	.career-blog {
		margin-bottom: 10rem
	}

	.career-blog .block__wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.career-blog .block__wrapper .block__desc {
		padding-right: 0;
		margin-bottom: 1rem
	}

	.career-blog.career .block__wrapper .image__wrapper {
		max-width: 57rem;
		min-width: none;
		height: 46rem
	}

	.career-blog.blog .block__wrapper .image__wrapper {
		max-width: 63rem;
		min-width: none;
		height: 54rem
	}

	.post-feed {
		margin-bottom: 10rem
	}

	.post-feed .post-card .post-card-image-link {
		padding: 5rem 1rem
	}

	.post-feed .post-card .post-card-content {
		padding: 2.5rem 1.5rem 1.5rem 1.5rem
	}

	.post-feed .post-card .post-card-content .post-card-header {
		margin: 0
	}

	.benefits {
		margin-bottom: 10rem
	}

	.benefits .section-title {
		margin-bottom: 1rem
	}
}

@media only screen and (max-width:767.98px) {
	.career-blog.career .block__wrapper .block__desc .image__wrapper {
		height: 30rem
	}

	.career-blog.blog .block__wrapper .block__desc .image__wrapper {
		height: 35rem
	}
}

@media only screen and (max-width:575.98px) {
	.career-blog {
		margin-bottom: 7rem
	}

	.career-blog.career .block__wrapper .block__desc .image__wrapper {
		height: 18rem
	}

	.career-blog.blog .block__wrapper .block__desc .image__wrapper {
		height: 35rem
	}

	.post-feed {
		margin-bottom: 7rem
	}

	.post-feed .post-card .post-card-image-link {
		padding: 3rem 1rem
	}

	.benefits {
		margin-bottom: 7rem
	}
}

.primary_tag {
	display: none
}

.post-prew {
	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;
	background-color: #e2ebff;
	padding: 3rem 0 8.5rem 0;
	height: 661px;
	overflow: hidden
}

.post-prew .img-wrapper {
	position: relative;
	height: 45rem
}

.post-prew .article-image {
	height: 100%
}

.post-prew .article-image img {
	width: 100%;
	height: 100%
}

.post-prew .article-image.vac-post {
	margin-top: 20rem
}

.post-body {
	margin-top: -10rem;
	margin-bottom: 16rem
}

.post-body .body-wrapper {
	padding: 7rem 7rem 1rem 7rem;
	background-color: #fff;
	border-radius: 6rem
}

.post-body .body-wrapper .article-title {
	font-size: 5.2rem;
	margin-bottom: 5rem;
	color: #1842aa
}

.post-body .body-wrapper h3 {
	margin-bottom: 3rem;
	margin-top: 7rem;
	line-height: 1.4
}

.post-body .body-wrapper p {
	margin-top: 3rem;
	line-height: 1.67
}

.apply-form {
	position: relative;
	margin-bottom: 20rem
}

.apply-form:before {
	content: "";
	background-image: url(/img/career/orange-circles.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 20rem;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4)
}

.apply-form .section-title {
	text-align: center;
	font-size: 52px;
	font-weight: 600;
	line-height: 1.65;
	margin: 0 -0.2rem 6rem -0.2rem
}

.apply-form .contact__wrapper {
	max-width: 57rem;
	margin: 0 auto
}

.apply-form .contact__wrapper form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.apply-form .contact__wrapper form .form__input {
	border: none;
	border-bottom: solid 1px #c1cdea;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.18;
	padding: 1.55rem;
	margin-bottom: 4.5rem
}

.apply-form .contact__wrapper form .form__input.form__textarea {
	margin-bottom: 6rem;
	font-size: 15px;
	font-weight: 200;
	line-height: 1.73
}

.apply-form .contact__wrapper form .form__input.form__textarea:active {
	border-bottom: solid 1px #c1cdea
}

.apply-form .contact__wrapper form .form__input.form__textarea:focus-visible {
	outline: none;
	border-bottom: solid 1px #c1cdea
}

.apply-form .contact__wrapper form .form__input::-webkit-input-placeholder {
	color: #1b3985
}

.apply-form .contact__wrapper form .form__input::-moz-placeholder {
	color: #1b3985
}

.apply-form .contact__wrapper form .form__input:-ms-input-placeholder {
	color: #1b3985
}

.apply-form .contact__wrapper form .form__input::-ms-input-placeholder {
	color: #1b3985
}

.apply-form .contact__wrapper form .form__input::placeholder {
	color: #1b3985
}

.apply-form .contact__wrapper form .form__label {
	font-size: 22px;
	font-weight: 300;
	line-height: 1.18;
	color: #1b3985;
	padding-left: 1.55rem
}

.apply-form .contact__wrapper form .form__attach-wrapper {
	width: 20rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-bottom: 8rem
}

.apply-form .contact__wrapper form .form__attach-wrapper .form__new-btn {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.apply-form .contact__wrapper form .form__attach-wrapper .form__new-btn img {
	max-width: 2.6rem
}

.apply-form .contact__wrapper form .form__attach-wrapper .form__new-btn span {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.18;
	margin-left: 1.5rem;
	color: #1b3985
}

.apply-form .contact__wrapper form .form__attach-wrapper .form__attach {
	width: inherit;
	height: 0.1px;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0
}

.apply-form .contact__wrapper form .form__submit {
	width: 100%
}

.apply-form .contact__wrapper form .form__submit svg {
	fill: white;
	margin-right: 1.5rem
}

body,
html {
	font-family: "Poppins", sans-serif
}

a,
p,
span {
	letter-spacing: normal;
	font-weight: 300;
	color: #091533
}

body.fixed {
	overflow: hidden
}

.container {
	position: relative;
	max-width: 125.5rem;
	margin: 0 auto;
	padding: 0 1.5rem
}

.container-big {
	position: relative;
	max-width: 164.5rem;
	margin: 0 auto;
	padding: 0 1.5rem
}

.gh-content .card-form {
	display: block;
	width: auto
}

.gh-content .card-form form {
	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;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.gh-content .card-form form input {
	width: 100%;
	border: none;
	border-bottom: solid 1px #c1cdea;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.18;
	padding: 1.55rem;
	margin-bottom: 2.5rem
}

#ghost-portal-root {
	display: none
}

/*Cases*/






















.lead-studies{
    margin-top:-100px;
    padding-bottom: 185px;
    background:url(https://datarob.com/lead-background.03b2ea05.jpg) space;
	background-position: center;
    background-size: cover;
}
.lead-studies__container{
    position:relative;
    padding-top:200px
}
.lead-studies__container,.lead-studies__wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.lead-studies__wrap{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:500px
}
.lead-studies__appointment{
    position:absolute;
    right:25px;
    width:15%
}
.lead-studies__outreach{
    position:absolute;
    right:33%;
    width:15%
}
.lead-studies__research{
    position:absolute;
    top:745px;
    right:3%;
    width:15%
}
.lead-studies__img{
    width:100%;
    height:auto
}
.lead-studies__rocket-box{
    z-index: 5;
    position: absolute;
    top: 748px;
    left: 597px;
    width: 100%;
    max-width: 350px;
}
.lead-studies__rocket{
    width:100%
}
.lead-studies__first-dot,.lead-studies__second-dot,.lead-studies__third-dot{
    position:absolute;
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#838383
}
.lead-studies__first-dot{
    bottom:173px;
    left:78px
}
.lead-studies__second-dot{
    bottom:54px;
    left:2px
}
.lead-studies__third-dot{
    bottom:28px;
    left:66px
}
.lead-studies__title{
    position:relative;
    margin-bottom:76px;
    color:#1842aa;
    font-size:55px;
    font-weight:600;
    line-height:60px
}
.lead-studies__title:after{
    position:absolute;
    bottom:-25px;
    left: 5px;
    width:90px;
    height:5px;
    content:"";
    background-color:#1842aa
}
.lead-studies__description{
    margin-bottom:77px;
    color:#323434;
    font-size:22px;
    line-height:34px
}
.lead-studies__card{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    max-width:337px;
    height:140px;
    padding:35px;
    border-radius:15px;
    background-color:#fff;
    -webkit-box-shadow:0 0 8px rgba(119,120,201,.2);
    box-shadow:0 0 8px rgba(119,120,201,.2)
}
.lead-studies__card:not(:last-child){
    margin-bottom:20px
}
.lead-studies__card:after{
    position:absolute;
    top:50%;
    right:-5px;
    width:10px;
    height:10px;
    content:"";
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    border:2px solid #838383;
    border-radius:50%
}
.lead-studies__card-description{
    color:#323434;
    font-size:18px;
    font-weight:500;
    line-height:26px
}
.lead-studies__first-line{
    position: absolute;
    top: 19px;
    right: -340px;
}
.lead-studies__second-line{
    position: absolute;
    top: 62px;
    right: -338px;
}
.lead-studies__third-line{
	position: absolute;
    top: -97px;
    right: -337px;
}
@media only screen and (max-width:1023px){
    .lead-studies__card:after,.lead-studies__first-line,.lead-studies__rocket-box,.lead-studies__second-line,.lead-studies__third-line{
        display:none
    }
    .lead-studies__outreach{
        right:15%
    }
    .lead-studies__appointment{
        top:550px;
        right:25%
    }
}
@media only screen and (max-width:650px){
    .lead-studies__appointment,.lead-studies__outreach,.lead-studies__research{
        display:none
    }
}
.lead-cases{
    padding-top: -20px;
    padding-bottom:140px
}
.lead-cases__title{
    position:relative;
    margin-bottom:60px;
    text-align:center;
    letter-spacing:.02em;
    color:#636464;
    font-size:36px;
    font-weight:600;
    line-height:60px
}
.lead-cases__title:after{
    position:absolute;
    left:50%;
    display:block;
    width:90px;
    height:5px;
    content:"";
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background-color:#1842aa
}
.lead-card{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
	margin-top: 50px;
}
.lead-card:not(:last-child){
    margin-bottom:155px
}
.lead-card:nth-child(odd) .lead-card__about-block {
    -webkit-box-ordinal-group: 3;
    display: flex;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 80px;
    padding-top: 85px;
    justify-content: space-between;
}
.lead-card:nth-child(odd) .lead-card__wrap{
    margin-bottom:35px
}
.lead-card:nth-child(odd) .lead-card__img{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.lead-card:nth-child(2n) .lead-card__about-block{
    margin-right:80px;
    padding-bottom:50px
}
.lead-card:nth-child(2n) .lead-card__img{
    margin-bottom:35px
}
.lead-card:nth-child(2) .lead-card__vector{
    right:-20px;
    bottom:-20px
}
.lead-card:nth-child(3) .lead-card__vector{
    top:-30px;
    left:-25px;
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
}
.lead-card:nth-child(4) .lead-card__vector{
    top:45%;
    right:-20px;
    -webkit-transform:translateY(-45%);
    transform:translateY(-45%)
}
.lead-card__about-block{
    position:relative;
	min-height: 500px;
    max-height: 900px;
	justify-content: center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	min-height: 500px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    max-width:570px;
    border-radius:55px;
    background:#fff;
    -webkit-box-shadow:0 0 10px rgba(119,119,165,.25);
    box-shadow:0 0 10px rgba(119,119,165,.25)
}
.lead-card__about-block:nth-child(2n){
    padding-bottom:50px
}
.lead-card__img{
    width:100%
}
.lead-card__wrap{
	padding: 50px 50px;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.lead-card__logo{
    margin-bottom:20px;
	height: auto;
    max-width: 150px;
}

.lead-card__achievements-logo{
	height: 30px;
	max-width: 20px;
}

.lead-card__title{
    margin-bottom:30px;
    letter-spacing:.03em;
    color:#323434;
    font-size:25px;
    font-weight:600;
    line-height:31px
}
.lead-card__description{
    color:#323434;
    font-size:18px;
    line-height:28px
}
.lead-card__vector{
    position:absolute
}
.lead-card__info{
    width:100%;
    max-width:500px;
    padding-top:80px;
    padding-bottom:60px
}
.lead-card__data{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap: nowrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:80px
}
.lead-card__inner:first-child{
    margin-bottom:40px
}
.lead-card__data-title{
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#1842aa;
    font-size:15px;
    font-weight:700;
    line-height:28px
}
.lead-card__data-description{
    color:#323434;
    font-size:18px;
    line-height:28px
}
.lead-card__achievements-title{
    margin-bottom: 20px;
    letter-spacing: 0.02em;
    color: rgb(24, 66, 170);
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}
.lead-card__achievements-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.lead-card__achievements-box:not(:last-child){
    margin-bottom:35px
}
.lead-card__achievements-description{
    margin-left:30px;
    color:#323434;
    font-size:19px;
    font-weight:500;
    line-height:28px
}
@media only screen and (max-width:850px){
    .lead-card__data{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .lead-card__data-box:first-child{
        margin-bottom:40px
    }
}
@media only screen and (max-width:768px){
    .lead-card{
        -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
    }
    .lead-card:nth-child(odd) .lead-card__about-block{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
		display: flex;
    	justify-content: space-evenly;
        order:0;
        margin-left:0
    }

	.client-card__img-box {
		display: flex;
	}

    .lead-card:nth-child(2n) .lead-card__about-block{
        margin-right:0
    }
    .lead-card__data{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media only screen and (max-width:450px){
    .lead-card__data{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
		margin-top: 50px;
    }
}

.lead-card__data-box{
	margin-top: 40px;
	min-width: 230px;
}

.roadmap{
    padding-bottom:120px
}
.roadmap__wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
	margin-top: 50px;
}
.client-card{
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    max-width:530px;
    border:3px solid #1842aa;
    border-radius:10px
}
.client-card:nth-child(odd){
    margin-right:55px
}
.client-card:nth-last-child(n+3){
    margin-bottom:55px
}
.client-card__inner {
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    padding: 20px 10px 10px 20px;
    background-color: #1842aa;
    justify-content: space-between;
}
.client-card__title{
    margin-right:10px;
    color:#fff;
    font-size:22px;
    font-weight:700;
    line-height:27px
}
.client-card__logo{

    display:inline-block;
    width:45px;
    height:45px;
    text-align:center;
    color:#1842aa;
    border-radius:50%;
    background:#fff;
    -webkit-box-shadow:0 0 10px rgba(133,135,183,.3);
    box-shadow:0 0 10px rgba(133,135,183,.3);
    font-size:24px;
    font-weight:700;
    line-height:45px
}
.client-card__img:not(:last-child){
    margin-right:10px
}
.client-card__wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:35px 65px
}
.client-card__item{
    position:relative;
    color:#616161;
    font-size:20px;
    line-height:30px
}
.client-card__item:not(:last-child){
    margin-bottom:25px
}
.client-card__item:before{
    position:absolute;
    top:12px;
    left:-25px;
    display:block;
    width:7px;
    height:7px;
    content:"";
    border-radius:50%;
    background-color:#777676
}

.client-card__img-box {
    display: flex;
	height: 25px;
}

@media only screen and (max-width:1150px){
    .client-card{
        max-width:450px
    }
}
@media only screen and (max-width:990px){
    .client-card{
        max-width:550px
    }
    .client-card:nth-child(odd){
        margin-right:0
    }
    .client-card:not(:last-child){
        margin-bottom:55px
    }
}
@media only screen and (max-width:450px){
    .client-card__inner{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .client-card__title{
        margin-right:0;
        margin-bottom:10px
    }
    .client-card__logo{
        top:78px
    }
}
.contact-cases{
    padding-bottom:175px
}
.contact-cases__container{
    max-width:1120px
}
.contact-cases__title{
    margin-bottom:50px;
    text-align:left
}
.contact-cases__title:before{
    left:51px
}
.contact-cases__wrap{
    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
}
.contact-cases__inner{
    margin-left:100px
}
.contact-cases__img{
    width:100%
}
.cases .form__attach-wrapper{
    display:none
}
@media only screen and (max-width:1140px){
    .contact-cases__title{
        text-align:center
    }
    .contact-cases__title:before{
        left:50%;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .contact-cases__wrap{
        -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
    }
    .contact-cases__inner{
        margin-top:30px;
        margin-left:0
    }
}


/*# sourceMappingURL=Cases.3f11c6af.css.map */