/* Reset (default browsers styles erasing) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body { height: 100%; } body { background: #fff; line-height: 1; } :focus { outline: 0; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }


/* Fonts (including not standart fonts) */
@font-face {

	font-family: "Euclid";
	src: url("../fonts/euclid/light.eot");
	src: url("../fonts/euclid/light.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/euclid/light.woff2") format("woff2"),
		 url("../fonts/euclid/light.woff") format("woff"),
		 url("../fonts/euclid/light.ttf") format("truetype"),
		 url("../fonts/euclid/light.svg#euclid") format("svg");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {

	font-family: "Euclid";
	src: url("../fonts/euclid/light-italic.eot");
	src: url("../fonts/euclid/light-italic.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/euclid/light-italic.woff2") format("woff2"),
		 url("../fonts/euclid/light-italic.woff") format("woff"),
		 url("../fonts/euclid/light-italic.ttf") format("truetype"),
		 url("../fonts/euclid/light-italic.svg#euclid") format("svg");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {

	font-family: "Euclid";
	src: url("../fonts/euclid/regular.eot");
	src: url("../fonts/euclid/regular.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/euclid/regular.woff2") format("woff2"),
		 url("../fonts/euclid/regular.woff") format("woff"),
		 url("../fonts/euclid/regular.ttf") format("truetype"),
		 url("../fonts/euclid/regular.svg#euclid") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {

	font-family: "Euclid";
	src: url("../fonts/euclid/regular-italic.eot");
	src: url("../fonts/euclid/regular-italic.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/euclid/regular-italic.woff2") format("woff2"),
		 url("../fonts/euclid/regular-italic.woff") format("woff"),
		 url("../fonts/euclid/regular-italic.ttf") format("truetype"),
		 url("../fonts/euclid/regular-italic.svg#euclid") format("svg");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}


/* Common (common styles) */
body, input, textarea, select, button {
	
	font-family: "Euclid", Helvetica, sans-serif;
	font-weight:300;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

body {

	background:#6C7378;
	color:#fff;
	font-size: 0.75em; /* 12 px */
	line-height: 1.5em; /* 18 px */
}

input, textarea, select, button {
	
	font-size: 1em;
	-webkit-appearance: none;
}

/* Overrides extra padding in Firefox */ 
button::-moz-focus-inner { 
	
	padding: 0; 
	border: none;
}

a {

	color:#fff;
	text-decoration:none;
	border-bottom:3px solid #fff;
	transition:.3s;
}

a:hover {

	border-color:transparent;
}


/* Global (global styles) / prefix — g- */
.g-pseudo-link {
	
	border-bottom: 1px dashed;
	text-decoration: none !important;
	cursor: pointer;
}

.g-limited {
	
	/* width or min-width and max-width*/
}

.g-cleaner {
	
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.g-cleared:after {
	
	display: block;
	content: ".";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.g-hidden {
	
	display: none !important;
}

.g-mobile {

	display:none;
}


/* Layout / prefix — l- */
.l-header {

	position:relative;
	max-width:1244px;
	margin:0 auto;
	padding:160px 0 0 0;
	box-sizing:border-box;
}

.l-content {

	max-width:1244px;
	margin:160px auto 0 auto;
	padding-bottom:160px;
}

.l-content--section {

	margin-top:160px;
}

.l-content--section:first-child {

	margin-top:0;
}



/* Basic (basic blocks, which are the basis) / prefix — b- */
.b-salutation {

	position:relative;
	padding-left:336px;
	font-size:52px;
	line-height:64px;
}

.b-salutation:before {

	position:absolute;
	top:0;
	left:112px;
	width:64px;
	height:64px;
	border-radius:32px;
	border:4px solid #fff;
	box-sizing:border-box;
	content:"";
}

.b-salutation p {

	margin-top:64px;
}

.b-salutation p:first-child {

	margin-top:0;
}

.b-contents {

	position:relative;
	padding-left:336px;
	font-size:52px;
	line-height:64px;
}

.b-contents h2 {
	
	display:inline-block;
	font-size:32px;
	line-height:96px;
	border:1px solid #9DA3A7;
	border-radius:48px;
	box-sizing:border-box;
	padding:0 48px;
	margin-left:-48px;
	margin-bottom:72px;
}

.b-contents ul li {

	position:relative;
	margin-top:72px;
}

.b-contents ul li:first-child {

	margin-top:0;
}

.b-contents ul li:before {

	position:absolute;
	top:36px;
	left:-224px;
	width:64px;
	height:4px;
	border-radius:2px;
	background:#fff;
	content:"";
}

.b-contents p {

	margin-top:64px;
}

.b-contents p:first-of-type {

	margin-top:0;
}

.b-contents--prices {

	font-size:0;
	line-height:0;
	margin-bottom:72px;
}

.b-contents--prices--clause {

	display:inline-block;
	width:236px;
	vertical-align:top;
	margin-left:100px;
}

.b-contents--prices--clause:first-child {

	margin-left:0;
}

.b-contents--prices--clause--value {

	display:block;
	font-size:52px;
	line-height:64px;
}

.b-contents--prices--clause--title {

	font-size:32px;
	line-height:42px;
	color:#9DA3A7;
	margin-top:8px;
}

.b-contents--prices--clause---disabled {

	color:#9DA3A7;
	opacity:.4;
}

.b-contents dl {

	margin-top:72px;
}

.b-contents dl:first-of-type {

	margin-top:0;
}

.b-contents dl dt {

	font-size:32px;
	line-height:42px;
	color:#9DA3A7;
	margin-bottom:8px;
}




@media (max-width: 1280px) {
	
	a {
	
		border-bottom:2px solid #fff;
	}
	
	.l-header {

		padding:120px 0 0 0;
		max-width:936px;
	}
	
	.l-content {

		max-width:936px;
		margin:120px auto 0 auto;
		padding-bottom:120px;
	}

	.l-content--section {

		margin-top:120px;
	}
	
	.b-salutation {

		padding-left:252px;
		font-size:44px;
		line-height:54px;
	}

	.b-salutation:before {

		left:90px;
		width:54px;
		height:54px;
		border-radius:27px;
		border:3px solid #fff;
	}

	.b-salutation p {

		margin-top:54px;
	}
	
	.b-contents {

		padding-left:252px;
		font-size:44px;
		line-height:54px;
	}

	.b-contents h2 {
	
		font-size:28px;
		line-height:88px;
		border-radius:44px;
		padding:0 40px;
		margin-left:-40px;
		margin-bottom:60px;
	}

	.b-contents ul li {

		margin-top:60px;
	}

	.b-contents ul li:before {

		top:30px;
		left:-162px;
		width:54px;
		height:3px;
		border-radius:2px;
	}

	.b-contents p {

		margin-top:54px;
	}

	.b-contents--prices {

		margin-bottom:60px;
	}

	.b-contents--prices--clause {

		width:180px;
		margin-left:72px;
	}

	.b-contents--prices--clause--value {

		font-size:44px;
		line-height:54px;
	}

	.b-contents--prices--clause--title {

		font-size:28px;
		line-height:38px;
	}

	.b-contents dl {

		margin-top:60px;
	}

	.b-contents dl dt {

		font-size:28px;
		line-height:38px;
	}

}

@media (max-width: 960px) {
	
	a {
	
		border-bottom:1px solid #fff;
	}
	
	.l-header {

		height:auto;
		max-width:480px;
		padding:72px 24px 0 24px;
		box-sizing:border-box;
	}
	
	.l-content {

		max-width:480px;
		margin:72px auto 0 auto;
		padding:0 24px 72px 24px;
		box-sizing:border-box;
	}
	
	.l-content--section {

		margin-top:72px;
	}
	
	.b-salutation {

		padding-left:0;
		font-size:24px;
		line-height:34px;
	}

	.b-salutation:before {

		display:none;
	}

	.b-salutation p {

		margin-top:34px;
	}
	
	.b-contents {

		padding-left:0;
		font-size:24px;
		line-height:34px;
	}

	.b-contents h2 {
	
		display:block;
		font-size:18px;
		font-weight:400;
		line-height:28px;
		border-radius:0;
		border:0;
		padding:0 0 16px 0;
		margin-left:0;
		margin-bottom:36px;
		border-bottom:1px solid #9DA3A7;
	}




	.b-contents ul li {

		margin-top:36px;
		padding-left:40px;
	}

	.b-contents ul li:before {

		top:18px;
		left:0;
		width:20px;
		height:2px;
		border-radius:1px;
	}

	.b-contents p {

		margin-top:34px;
	}

	.b-contents--prices {

		margin-bottom:36px;
	}

	.b-contents--prices--clause {

		position:relative;
		display:block;
		width:auto;
		margin-left:0;
		margin-top:24px;
	}

	.b-contents--prices--clause--value {

		font-size:24px;
		line-height:34px;
	}

	.b-contents--prices--clause--title {

		position:absolute;
		bottom:0;
		right:0;
		font-size:18px;
		line-height:30px;
	}

	.b-contents dl {

		margin-top:36px;
	}

	.b-contents dl dt {

		font-size:18px;
		line-height:28px;
	}

}