@import "_font-roboto.css";
@import "_base.css";
@import "_ajax-form.css";
/* Page */
html {
	background: #fff;
	color: #000;
	font: 20px/1.3 var(--base-fonts);
}
body {
	min-width: 320px;
	max-width: 1920px;
	margin: 0 auto;
}
/* Vector icons */
.icon {
	width: 1em;
	height: 1em;
}
/* Form popup */
.fullscreen-layout {
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	overflow: auto;
	overscroll-behavior: contain;
	font-size: 18px;
}
.hidden-form-layout {
	width: 600px;
	max-width: 100%;
	height: 100%;
	table-layout: fixed;
	border-spacing: 0;
	margin: 0 auto;
}
.hidden-form-layout > tbody > tr > td {
	vertical-align: middle;
}
.hidden-form-layout > tbody > tr > td > div {
	background: #0a5be0;
	background: linear-gradient(to bottom, #266fe7, #254f96);
	color: #fff;
	padding: 16px;
	border-radius: 3px;
}
/* Main content: all */
.main-body {
	display: flex;
	max-width: var(--content-max-width);
	padding-left: 16px;
	padding-right: 16px;
	margin-left: auto;
	margin-right: auto;
	gap: 16px;
}
.main-body > .content {
	flex-grow: 1;
}
.sidebar {
	flex-shrink: 0;
	flex-grow: 0;
}
.sidebar > section:not(:first-child) {
	margin-top: 1rem;
}
/* Main content: wide */
@media all and (min-width: 1110px) {
	.content {
		order: 1;
	}
	.sidebar-1 {
		width: 250px;
		order: 0;
	}
	.sidebar-2 {
		width: 250px;
		order: 2;
	}
}
/* Main content: narrow */
@media not all and (min-width: 1110px) {
	.main-body {
		flex-direction: column;
	}
	.content {
		order: 0;
	}
	.sidebar-1 {
		width: 100%;
		order: 1;
	}
	.sidebar-2 {
		width: 100%;
		order: 2;
	}
}
/* A wrapper for normal content, which needs padding on narrow screens */
.limit-content {
	display: flow-root;
	max-width: var(--content-max-width);
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto;
}
@media print {
	.limit-content { padding-left: 0; padding-right: 0; }
}
/* A wrapper for content with no padding (image slideshow, etc.) */
.sheet {
	display: flow-root;
	max-width: var(--content-max-width);
	margin-left: auto;
	margin-right: auto;
}
/* Hide on print. */
@media print {
	.hide-on-print { display: none !important; }
}
/* Show only on print. */
@media not print {
	.show-on-print { display: none !important; }
}
/* Template */
.top {
	padding-top: 38px;
	padding-bottom: 28px;
	border-bottom: 1px solid #dee7f6;
}
.l-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	gap: 25px;
}
.top-soc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}
.top-phone {
	font-weight: bold;
}
.top-phone a:focus-visible {
	text-decoration: underline;
	outline: none;
}
@media all and (min-width: 1110px) {
	.top {
		background: transparent url("../images/top.png") left top no-repeat;
		padding-bottom: 198px;
	}
	.l-top {
		justify-content: space-between;
	}
	.top-soc {
		margin-left: auto;
	}
}
@media print {
	.top {
		background: transparent;
	}
}
.l-top-2 {
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 32px;
}
@media all and (min-width: 1654px) {
	.l-top-2 {
		max-width: 1622px;
	}
	.top-text {
		padding-left: 256px;
	}
}
@media not all and (min-width: 1654px) {
	.top-decor {
		max-width: 400px;
	}
}
@media all and (min-width: 1110px) {
	.l-top-2 {
		justify-content: space-between;
	}
	.l-top-2:not(:first-child) {
		margin-top: 78px;
	}
	.top-text {
		width: 450px;
		flex-shrink: 0;
		flex-grow: 0;
	}
	.top-text-controls:not(:first-child) {
		margin-top: 50px;
	}
}
@media not all and (min-width: 1110px) {
	.l-top-2 {
		justify-content: space-evenly;
	}
	.l-top-2:not(:first-child) {
		margin-top: 32px;
	}
	.top-text-controls:not(:first-child) {
		margin-top: 32px;
	}
}
/* buttons */
.button-1 {
	display: inline-block;
	font-size: 16px;
	background: #0a5be0;
	color: #fff;
	padding: 15px 31px;
	border: none;
	border-radius: 25px;
	cursor: pointer;
	transition: background-color 300ms ease-out;
}
.button-1:hover,
.button-1:focus {
	background-color: #2572f2;
	outline: none;
}
.button-1:focus-visible {
	text-decoration: underline;
}
.button-submit {
	display: inline-block;
	font-size: 16px;
	background: rgba(10,91,224,0);
	color: #fff;
	padding: 14px 47px;
	border: 1px solid #fff;
	border-radius: 25px;
	cursor: pointer;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
.button-submit:hover,
.button-submit:focus {
	background-color: #fff;
	color: #0a5be0;
	outline: none;
}
.button-submit:focus-visible {
	text-decoration: underline;
}
.button-order-now {
	display: inline-block;
	font-size: 16px;
	background: #0a5be0;
	color: #fff;
	padding: 15px 41px;
	border: none;
	border-radius: 25px;
	cursor: pointer;
	transition: background-color 300ms ease-out;
}
.button-order-now:hover,
.button-order-now:focus {
	background-color: #2572f2;
	outline: none;
}
.button-order-now:focus-visible {
	text-decoration: underline;
}
.button-portfolio {
	display: inline-block;
	border: 1px solid #e0e4ed;
	background: transparent;
	color: #095adf;
	padding: 14px 39px 14px 39px;
	border-radius: 25px;
}
.button-portfolio:hover,
.button-portfolio:focus {
	text-decoration: underline;
	outline: none;
}
.button-submit-small {
	display: inline-block;
	font-size: 16px;
	background: rgba(10,91,224,0);
	color: #fff;
	padding: 8px 16px;
	border: 1px solid #fff;
	border-radius: 25px;
	cursor: pointer;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
.button-submit-small:hover,
.button-submit-small:focus {
	background-color: #fff;
	color: #0a5be0;
	outline: none;
}
.button-submit-small:focus-visible {
	text-decoration: underline;
}
/* decorated list */
.decorated-list > li {
	box-sizing: border-box;
	font-size: 18px;
	list-style: none;
	padding-left: 50px;
	background: transparent url("../images/tick.svg") left top / 26px 26px no-repeat;
	min-height: 26px;
	padding-top: 2px;
}
.decorated-list > li:not(:first-child) {
	margin-top: 17px;
}
@media all and (min-width: 1110px) {
	.decorated-list:not(:first-child) {
		margin-top: 42px;
	}
}
@media not all and (min-width: 1110px) {
	.decorated-list:not(:first-child) {
		margin-top: 32px;
	}
}
/* footer */
.bottom {
	padding-top: 32px;
	padding-bottom: 32px;
}
.bottom p:not(:first-child) {
	margin-top: 1em;
}
.l-bottom {
	font-size: 16px;
	color: #585858;
}
.bottom-adr a {
	color: #0a5be2;
	text-decoration: underline;
}
@media all and (min-width: 1110px) {
	.bottom {
		padding-top: 93px;
		padding-bottom: 85px;
	}
	.l-bottom {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 32px;
	}
	.l-bottom:not(:first-child) {
		margin-top: 50px;
	}
}
@media not all and (min-width: 1110px) {
	.l-bottom:not(:first-child),
	.bottom-copyright {
		margin-top: 32px;
	}
}
/* highlight */
.hl {
	color: #0a5be0;
}
/* team */
.team {
	font-size: 19px;
}
.l-team {
	box-sizing: border-box;
	background: #f0f9fe;
	color: #595959;
}
.team-heading {
	color: #242424;
	font-weight: bold;
}
.team p:not(:first-child) {
	margin-top: 1em;
}
@media all and (min-width: 1110px) {
	.team {
		background: transparent url("../images/team.webp") center top no-repeat;
		padding-top: 87px;
		padding-bottom: 193px;
	}
	.l-team {
		box-sizing: border-box;
		max-width: 477px;
		padding: 59px 47px 73px 47px;
		border-radius: 5px;
	}
	.team-heading {
		font-size: 35px;
	}
}
@media not all and (min-width: 1110px) {
	.team-heading {
		font-size: 24px;
	}
	.l-team {
		padding: 16px;
	}
}
/* Contact form */
.contact {
	background: #0a5be0;
	color: #fff;
	padding-top: 32px;
	padding-bottom: 32px;
	font-size: 16px;
}
.contact-item-1 {
	font-size: 18px;
	line-height: 1.7;
}
.contact-heading {
	font-weight: bold;
	line-height: normal;
}
.contact-add-info {
	color: #bbd2f2;
	font-size: 14px;
}
.contact p:not(:first-child) {
	margin-top: 1em;
}
.form-unit:not(:first-child) {
	margin-top: 13px;
}
.form-unit input[type="text"],
.form-unit input[type="tel"],
.form-unit input[type="email"],
.form-unit textarea {
	margin-top: 8px;
	width: 100%;
	padding: 8px 12px;
	border: none;
	border-radius: 5px;
	background: #fff;
	color: #000;
}
.form-unit textarea {
	height: 76px;
	resize: vertical;
}
.form-unit._joint-forced {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.form-unit-part-forced {
	width: calc((100% - 43px) / 2);
	flex-shrink: 0;
	flex-grow: 0;
}
.form-unit-part-forced:nth-child(even) {
	text-align: right;
}
@media all and (min-width: 600px) {
	.form-unit._joint {
		display: flex;
		gap: 43px;
		align-items: flex-end;
	}
	.form-unit-part {
		width: calc((100% - 43px) / 2);
		flex-shrink: 0;
		flex-grow: 0;
	}
	.form-unit-part._submit {
		text-align: right;
	}
}
@media not all and (min-width: 600px) {
	.form-unit-part:not(:first-child) {
		margin-top: 13px;
	}
}
@media all and (min-width: 1110px) {
	.contact {
		background: #0a5be0 url("../images/ellipse.png") left 19% top 50% no-repeat;
		padding-top: 49px;
		padding-bottom: 68px;
	}
	.contact-heading {
		font-size: 35px;
	}
	.l-contact {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.contact-item-1 {
		width: 390px;
		flex-shrink: 0;
		flex-grow: 0;
	}
	.contact-item-2 {
		width: 543px;
		flex-shrink: 0;
		flex-grow: 0;
	}
}
@media not all and (min-width: 1110px) {
	.contact-item-2 {
		margin-top: 32px;
	}
}
/* Europe */
.europe {
	padding-top: 32px;
	padding-bottom: 32px;
	background: #f0f9fe;
	color: #000;
	text-align: center;
	position: relative;
}
.europe::before {
	speak: never;
	content: "";
	pointer-events: none;
	width: 75px;
	height: 74px;
	background: transparent url("../images/eu.png") left top no-repeat;
}
.l-europe {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}
.europe-heading {
	font-weight: bold;
	line-height: normal;
}
.europe p:not(:first-child) {
	margin-top: 1.35em;
}
@media all and (min-width: 1110px) {
	.europe {
		padding-top: 67px;
		padding-bottom: 72px;
	}
	.europe-heading {
		font-size: 35px;
	}
	.europe::before {
		position: absolute;
		top: -37px;
		left: calc(50% - 37px);
	}
}
@media not all and (min-width: 1110px) {
	.europe::before {
		display: block;
		margin: 0 auto 1em auto;
	}
}
/* Reasons for success */
.reasons {
	background: #f0f9fe;
	color: #000;
	padding-top: 32px;
	padding-bottom: 32px;
	counter-reset: reason;
}
.l-reasons {
	max-width: var(--content-max-width);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-evenly;
	gap: 3px;
}
.reason {
	box-sizing: border-box;
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 15px;
	line-height: 1.7;
}
.reason:not(:first-child) {
	background: transparent linear-gradient(to bottom, #fcfdff, #e9f0f8);
	counter-increment: reason;
	position: relative;
}
.reason:not(:first-child)::after {
	speak: never;
	content: "0" counter(reason);
	position: absolute;
	z-index: 1;
	pointer-events: none;
	font-weight: bold;
	color: #dbe8f0;
	bottom: 8px;
	right: 8px;
}
.reason._heading {
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	text-align: center;
}
.reason-text:not(:first-child) {
	margin-top: 16px;
	
}
@media all and (min-width: 1110px) {
	.reason {
		width: calc((100% - 6px) / 3);
		padding: 47px 27px 61px 27px;
	}
	.reason._heading {
		font-size: 35px;
	}
	.reason:not(:first-child)::after {
		font-size: 36px;
	}
}
@media not all and (min-width: 1110px) {
	.reason {
		width: 368px;
		max-width: 100%;
		padding: 16px;
	}
	.reason:not(:first-child)::after {
		font-size: 20px;
	}
}
@media all and (max-width: 368px) {
	.reasons {
		padding-top: 8px;
		padding-bottom: 0;
	}
}
/* Order now */
.order-now {
	padding-top: 32px;
	padding-bottom: 32px;
}
.order-now-heading {
	font-weight: bold;
	line-height: normal;
	text-align: center;
}
.order-now-subheading {
	margin-top: 1em;
	text-align: center;
	color: #242424;
}
.order-now-items {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-evenly;
	gap: 32px;
}
.order-now-item {
	box-sizing: border-box;
	flex-shrink: 0;
	flex-grow: 0;
	width: 252px;
	padding: 24px 16px 45px 16px;
	border: 1px solid #d7e1e3;
	border-radius: 4px;
	background: #f1fbfd;
	color: #000;
	text-align: center;
}
.order-now-item-icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0 auto;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
}
.order-now-item-title {
	margin-top: 24px;
	font-size: 18px;
	font-weight: bold;
}
.order-now-item-price {
	margin-top: 17px;
	font-size: 30px;
	font-weight: bold;
}
.order-now-item-controls {
	margin-top: 29px;
}
@media all and (min-width: 1110px) {
	.order-now {
		padding-top: 100px;
		padding-bottom: 115px;
	}
	.order-now-heading {
		font-size: 35px;
	}
	.order-now-items:not(:first-child) {
		margin-top: 49px;
	}
}
@media not all and (min-width: 1110px) {
	.order-now-items:not(:first-child) {
		margin-top: 32px;
	}
}
/* Portfolio */
.portfolio {
	padding-top: 32px;
	padding-bottom: 32px;
}
.portfolio-heading {
	font-weight: bold;
	line-height: normal;
	text-align: center;
}
.portfolio-subheading {
	margin-top: 1em;
	text-align: center;
	color: #242424;
}
.portfolio-items {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: stretch;
	justify-content: space-between;
}
.portfolio-item {
	width: 540px;
	max-width: 100%;
	flex-shrink: 0;
	flex-grow: 0;
}
.portfolio-text {
	margin-top: 20px;
	font-size: 16px;
	color: #585858;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.portfolio-text-1 {
	flex-grow: 1;
	flex-shrink: 0;
}
.portfolio-text-2 {
	flex-grow: 0;
	flex-shrink: 0;
}
.portfolio-text p:not(:first-child) {
	margin-top: .6em;
}
.portfolio-item-title {
	color: #252525;
	font-size: 19px;
	font-weight: bold;
}
@media all and (min-width: 1110px) {
	.portfolio {
		padding-top: 100px;
		padding-bottom: 115px;
	}
	.portfolio-heading {
		font-size: 35px;
	}
	.portfolio-items {
		gap: 56px 30px;
	}
	.portfolio-items:not(:first-child) {
		margin-top: 50px;
	}
}
@media not all and (min-width: 1110px) {
	.portfolio-items:not(:first-child) {
		margin-top: 32px;
	}
}
/* Together */
.together-link {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	background: #0a5be0 url("../images/together.png") center / cover no-repeat;
	color: #fff;
	border-radius: 5px;
	padding: 52px 90px 62px 96px;
}
.together-link:focus {
	outline: none;
}
.together-text-1 {
	font-weight: bold;
	font-size: 30px;
}
.together-text-2 {
	display: inline-block;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 500;
	background: rgba(10,91,224,0);
	color: #fff;
	padding: 14px 47px;
	border: 1px solid #fff;
	border-radius: 25px;
	cursor: pointer;
	text-align: center;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
.together-link:hover .together-text-2,
.together-link:focus .together-text-2 {
	background-color: #fff;
	color: #0a5be0;
	outline: none;
}
.together-link:focus-visible .together-text-2 {
	text-decoration: underline;
}
@media not all and (min-width: 1110px) {
	.together-link {
		padding: 16px;
	}
}
@media all and (max-width: 555px) {
	.together-text-2 {
		width: 100%;
	}
}
/* Steps */
.steps {
	padding-top: 32px;
	padding-bottom: 32px;
	color: #242424;
}
.steps-heading {
	font-weight: bold;
	line-height: normal;
	text-align: center;
}
.steps-list {
	list-style: none;
}
.steps-list:not(:first-child) {
	margin-top: 32px;
}
.steps-list-text-1 {
	font-weight: 500;
	font-size: 21px;
}
.steps-list a:hover,
.steps-list a:focus {
	text-decoration: underline;
}
@media all and (min-width: 1110px) {
	.steps-heading {
		font-size: 35px;
	}
	.steps {
		padding-top: 83px;
		padding-bottom: 68px;
	}
	.steps-list {
		height: 741px;
		position: relative;
		max-width: 894px;
		margin-left: auto;
		margin-right: auto;
	}
	.steps-list::before {
		speak: never;
		pointer-events: none;
		content: "";
		position: absolute;
		z-index: 2;
		top: 69px;
		left: 50%;
		width: 1px;
		height: 605px;
		background: #d7e5e5;
		overflow: hidden;
	}
	.steps-list-num {
		background: #f1fbfc;
		color: #6c98a3;
		width: 70px;
		height: 70px;
		line-height: 70px;
		text-align: center;
		border: 1px solid #d7e5e5;
		border-radius: 50%;
		font-weight: 500;
		position: absolute;
		z-index: 3;
		left: calc(50% - 36px);
	}
	.steps-list > li:first-child .steps-list-num { top: 34px; }
	.steps-list > li:nth-child(2) .steps-list-num { top: 154px; }
	.steps-list > li:nth-child(3) .steps-list-num { top: 275px; }
	.steps-list > li:nth-child(4) .steps-list-num { top: 394px; }
	.steps-list > li:nth-child(5) .steps-list-num { top: 516px; }
	.steps-list > li:nth-child(6) .steps-list-num { top: 638px; }
	.steps-list-text-1,
	.steps-list-text-2 {
		position: absolute;
		z-index: 1;
	}
	.steps-list-text-2 {
		font-size: 16px;
		line-height: 1.5;
	}
	.steps-list > li:first-child .steps-list-text-1 { left: 0; top: 0; width: 183px; }
	.steps-list > li:first-child .steps-list-text-2 { left: 0; top: 43px; width: 250px; }
	.steps-list > li:nth-child(2) .steps-list-text-1 { right: 80px; top: 99px; width: 150px; }
	.steps-list > li:nth-child(2) .steps-list-text-2 { right: 0; top: 169px; width: 230px; }
	.steps-list > li:nth-child(3) .steps-list-text-1 { left: 0; top: 254px; width: 135px; }
	.steps-list > li:nth-child(3) .steps-list-text-2 { left: 0; top: 325px; width: 250px; }
	.steps-list > li:nth-child(4) .steps-list-text-1 { right: 80px; top: 349px; width: 150px; }
	.steps-list > li:nth-child(4) .steps-list-text-2 { right: 0; top: 420px; width: 230px; }
	.steps-list > li:nth-child(5) .steps-list-text-1 { left: 0; top: 511px; width: 183px; }
	.steps-list > li:nth-child(5) .steps-list-text-2 { left: 0; top: 544px; width: 242px; }
	.steps-list > li:nth-child(6) .steps-list-text-1 { right: 80px; top: 617px; width: 150px; }
	.steps-list > li:nth-child(6) .steps-list-text-2 { right: 0; top: 687px; width: 230px; }
	.steps-list > li:nth-child(odd) .steps-list-num::before {
		speak: never;
		content: "";
		pointer-events: none;
		position: absolute;
		top: 50%;
		right: 100%;
		height: 1px;
		width: 50px;
		background: #d7e5e5;
		overflow: hidden;
	}
	.steps-list > li:nth-child(even) .steps-list-num::before {
		speak: never;
		content: "";
		pointer-events: none;
		position: absolute;
		top: 50%;
		left: 100%;
		height: 1px;
		width: 50px;
		background: #d7e5e5;
		overflow: hidden;
	}
}
@media not all and (min-width: 1110px) {
	.steps-list > li:not(:first-child) {
		margin-top: 24px;
	}
	.steps-list-head {
		display: flex;
		align-items: center;
		gap: 16px;
	}
	.steps-list-num {
		flex-shrink: 0;
		flex-grow: 0;
		font-weight: 500;
		width: 2em;
		height: 2em;
		line-height: 2em;
		border: 1px solid #6c98a3;
		border-radius: 50%;
		background: #f1fbfc;
		color: #6c98a3;
		text-align: center;
	}
	.steps-list-text-2 {
		margin-top: 16px;
	}
}
/* Contrast */
@media all and (prefers-contrast: more) {
	.l-team,
	.team-heading,
	.l-bottom,
	.order-now-subheading,
	.portfolio-subheading,
	.portfolio-item-title,
	.portfolio-text,
	.steps {
		color: #000;
	}
	.steps-list-num {
		color: #26363a;
	}
}
.portfolio-picture > img {
	box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
}