/*
 ----------------------------------- fonts ----------------------------------- 

@font-face {
	font-family: 'circe';
	src: url('../fonts/circe-light.eot');
	src: url('../fonts/circe-light.woff') format('woff'), url('../fonts/circe-light.ttf') format('truetype'), url('../fonts/circe-light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'circe';
	src: url('../fonts/circe.eot');
	src: url('../fonts/circe.woff') format('woff'), url('../fonts/circe.ttf') format('truetype'), url('../fonts/circe.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'circe';
	src: url('../fonts/circe-bold.eot');
	src: url('../fonts/circe-bold.woff') format('woff'), url('../fonts/circe-bold.ttf') format('truetype'), url('../fonts/circe-bold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'circe';
	src: url('../fonts/circe-exbold.eot');
	src: url('../fonts/circe-exbold.woff') format('woff'), url('../fonts/circe-exbold.ttf') format('truetype'), url('../fonts/circe-exbold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}


 BEGIN Light 

@font-face {
	font-family: 'Brutal';
	src: url("../fonts/Brutal/Light/BrutalLight.eot?v=1.1.0");
	src: url("../fonts/Brutal/Light/BrutalLight.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Brutal/Light/BrutalLight.woff?v=1.1.0") format("woff"), url("../fonts/Brutal/Light/BrutalLight.ttf?v=1.1.0") format("truetype"), url("../fonts/Brutal/Light/BrutalLight.svg?v=1.1.0#BrutalLight") format("svg");
	font-weight: 300;
	font-style: normal;
}


 END Light 


 BEGIN Regular 

@font-face {
	font-family: 'Brutal';
	src: url("../fonts/Brutal/Regular/BrutalRegular.eot?v=1.1.0");
	src: url("../fonts/Brutal/Regular/BrutalRegular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Brutal/Regular/BrutalRegular.woff?v=1.1.0") format("woff"), url("../fonts/Brutal/Regular/BrutalRegular.ttf?v=1.1.0") format("truetype"), url("../fonts/Brutal/Regular/BrutalRegular.svg?v=1.1.0#BrutalRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}


 END Regular 


 BEGIN Mediuum 

@font-face {
	font-family: 'Brutal';
	src: url("../fonts/Brutal/Medium/BrutalMedium.eot?v=1.1.0");
	src: url("../fonts/Brutal/Medium/BrutalMedium.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Brutal/Medium/BrutalMedium.woff?v=1.1.0") format("woff"), url("../fonts/Brutal/Medium/BrutalMedium.ttf?v=1.1.0") format("truetype"), url("../fonts/Brutal/Medium/BrutalMedium.svg?v=1.1.0#BrutalMedium") format("svg");
	font-weight: 500;
	font-style: normal;
}


 END Mediuum 


 BEGIN Bold 

@font-face {
	font-family: 'Brutal';
	src: url("../fonts/Brutal/Bold/BrutalBold.eot?v=1.1.0");
	src: url("../fonts/Brutal/Bold/BrutalBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../fonts/Brutal/Bold/BrutalBold.woff?v=1.1.0") format("woff"), url("../fonts/Brutal/Bold/BrutalBold.ttf?v=1.1.0") format("truetype"), url("../fonts/Brutal/Bold/BrutalBold.svg?v=1.1.0#BrutalBold") format("svg");
	font-weight: bold;
	font-style: normal;
}


 END Bold 

@font-face {
	font-family: 'rouble';
	src: url('../fonts/rouble.eot');
	src: url('../fonts/rouble.eot?#iefix') format('embedded-opentype'), url('../fonts/rouble.woff2') format('woff2'), url('../fonts/rouble.woff') format('woff'), url('../fonts/rouble.svg#als_rublregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


 ----------------------------------- normalize ----------------------------------- 

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

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	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-appearance: textfield;
	box-sizing: content-box;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}


 ----------------------------------- vars ----------------------------------- 

@colorsite: #f15d22;
@coloradd: #4d87a9;
@colordark: #323e4f;
@colorblue: #59afe1;
@colorblue2: #58b6e7;
@colordarkblue: #2c3443;
@colordarkblue2: #323d4f;
@colordarkblue3: #484e5a;
@colorlightblue: #82abc3;
@colororange: #e9622c;
@colorgray: #9da8b1;
@colorgray1: #f5f6f7;
@colorgray2: #f5f6f8;
@colorgray3: #ced3d8;
@colorgray4: #e0e1e3;
@colordarkgray: #42454f;
@colordarkgray2: #e4ebf0;
@font: "circe",
sans-serif;
@colormain: #4d87a9;

 ----------------------------------- classes ----------------------------------- 

.transition(@par) {
	-webkit-transition: @par;
	-moz-transition: @par;
	transition: @par;
}

.transform(@params) {
	-webkit-transform: @params;
	-moz-transform: @params;
	-ms-transform: @params;
	-o-transform: @params;
	transform: @params;
}

.fontreset {
	font-size: 0;
	line-height: 0;
	letter-spacing: -4px;
}

.center {
	max-width: 1280px;
	margin: 0 auto;
}

.border-radius(@params) {
	-webkit-border-radius: @params;
	-moz-border-radius: @params;
	border-radius: @params;
}

.background-size(@par) {
	-webkit-background-size: @par;
	-moz-background-size: @par;
	background-size: @par;
}

.bg_img(@url,
@repeat,
@size,
@position) {
	background-image: url(@url);
	background-repeat: @repeat;
	-webkit-background-size: @size;
	-moz-background-size: @size;
	-o-background-size: @size;
	background-size: @size;
	background-position: @position;
}

.box-sizing(@property) {
	-webkit-box-sizing: @property;
	-moz-box-sizing: @property;
	box-sizing: @property;
}

.box-shadow(@params) {
	-wabkit-box-shadow: @params;
	-moz-box-shadow: @params;
	box-shadow: @params;
	behavior: url("/styles/PIE.htc");
}

.placeholder (@rules) {
	&::-webkit-input-placeholder {
		@rules();
	}
	&::-moz-placeholder {
		@rules();
	}
	&:-ms-input-placeholder {
		@rules();
	}
	&:-moz-placeholder {
		@rules();
	}
}

.clearfix() {
	&:after {
		display: block;
		height: 0;
		clear: both;
		content: "";
	}
}

.justify() {
	&:after,
	&::after {
		content: "";
		display: inline-block;
		height: 0;
		width: 100%;
	}
}

.desktop-large (@rules) {
	@media (min-width: 1280px) {
		@rules();
	}
}

.desktop (@rules) {
	@media (min-width: 980px) and (max-width: 1279px) {
		@rules();
	}
}

.tablet (@rules) {
	@media (min-width: 640px) and (max-width: 979px) {
		@rules();
	}
}

.tablet-min (@rules) {
	@media (min-width: 640px) and (max-width: 768px) {
		@rules();
	}
}

.mobile (@rules) {
	@media (max-width: 639px) {
		@rules();
	}
}

// orientation=portrait
// and (orientation: landscape)

 ----------------------------------- global ----------------------------------- 

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 100%;
	line-height: 1.4;
	background: #fff;
	font-family: arial, sans-serif;
	color: #000;
	height: 100%;
	min-height: 100%;
}

body {
	height: 100%;
	min-height: 100%;
}

input,
textarea {
	outline: none;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
figure,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
}

ul,
ol {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-size: 100%;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;
}

a {
	color: @coloradd;
	text-decoration: none;
	cursor: pointer;
}


 ----------------------------------- wrapper ----------------------------------- 

.wrapper {
	height: 100%;
	width: 100%;
}

.wrapper__inner {
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	input[type="checkbox"] {
		display: none;
		&+label {
			position: relative;
			padding-left: 48px;
			cursor: pointer;
			&:before {
				.box-sizing(border-box);
				content: "";
				position: absolute;
				left: 0;
				top: -7px;
				width: 30px;
				height: 30px;
				border: 2px solid @coloradd;
				font-family: "icomoon";
				font-size: 10px;
				line-height: 26px;
				color: #fff;
				text-align: center;
			}
		}
		&:checked+label:before {
			content: "\e907";
			background-color: @coloradd;
		}
	}
	input[type="radio"],
	input[type="file"] {
		display: none;
	}
	select {
		display: none;
	}
	ul:not([class]) {
		margin: 5px 0 20px;
		padding: 0;
		li {
			position: relative;
			padding-left: 15px;
			margin-bottom: 0px;
			font-size: 16px;
			line-height: 24px;
			color: @colordarkblue;
			&:before {
				content: "";
				position: absolute;
				left: 0;
				top: 12px;
				//width: 6px;
				//height: 6px;
				//.border-radius(50%);
				//background-color: #4d87a9;
				background-color: #000;
				border-radius: 0;
				height: 1px;
				width: 6px;
			}
			li {
				margin-left: 5px;
				&:before {
					background-color: #b1b1b1;
					.border-radius(50%);
					top: 9px;
					width: 6px;
					height: 6px;
				}
				li {
					&:before {
						background-color: #000;
						width: 4px;
						height: 4px;
					}
				}
			}
		}
	}
}


 ----------------------------------- topbar-place ----------------------------------- 

.topbar-place {
	height: 40px;
}


 ----------------------------------- topbar ----------------------------------- 

.topbar {
	height: 40px;
	background: @colordark;
	position: fixed;
	z-index: 9;
	width: 100%;
	top: 0;
	&__logo {
		margin-top: 5px;
		margin-right: 55px;
		margin-left: 40px;
		width: 103px;
		height: 30px;
		float: left;
		background-image: url('../images/logo.png');
		.tablet( {
			margin-right: 5px;
			margin-left: 25px;
		}
		);
		@media (max-width: 860px) {
			& {
				margin-left: 10px;
				margin-right: 8px;
			}
		}
	}
}

.topbar__inner {
	.center;
	.clearfix();
}

.topbar__col-1 {
	float: left;
	padding: 9px 0 0 24px;
	.tablet( {
		padding-left: 24px;
	}
	);
	.tablet-min( {
		padding-left: 10px;
	}
	);
	.mobile( {
		padding-left: 10px;
	}
	);
}

.topbar__col-2 {
	float: right;
	text-align: right;
	.fontreset;
}

.topbar__pin {
	display: block;
	width: 18px;
	height: 21px;
	fill: @coloradd;
	position: absolute;
	left: 0;
	top: 0;
}

.topbar__ask {
	display: block;
	width: 22px;
	height: 22px;
	background: @coloradd;
	border-radius: 50%;
	color: @colordark;
	text-align: center;
	font-size: 19px;
	line-height: 22px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	font-style: normal;
}

.topbar__cabinet {
	display: block;
	width: 18px;
	height: 22px;
	fill: #fff;
	opacity: .9;
	position: absolute;
	left: 30px;
	top: 9px;
	.tablet( {
		left: 24px;
	}
	);
	.mobile( {
		left: 12px;
	}
	);
}

.topbar__link {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 16px;
	color: #d0d2d5;
	padding: 2px 0 2px 30px;
	position: relative;
	font-style: italic;
	margin-right: 38px;
	&:last-child {
		margin-right: 0;
	}
	.tablet( {
		margin-right: 19px;
	}
	);
	.tablet-min( {
		&:last-child {
			display: none;
		}
	}
	);
	.mobile( {
		margin-right: 0;
		font-size: 0;
		padding: 2px 0 2px 28px;
	}
	);
}

.topbar__phone {
	display: none;
	position: relative;
	margin-right: 27px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 40px;
	color: #fff;
	letter-spacing: normal;
	vertical-align: middle;
	opacity: 0.7;
	span {
		font-weight: 600;
	}
	.desktop( {
		//display: inline-block;
	}
	);
	.tablet( {
		//display: inline-block;
	}
	);
	.mobile( {
		//display: inline-block;
		margin-right: 58px;
	}
	);
}

.topbar__phone-link {
	color: #fff;
}

.topbar__button {
	background: @colorsite;
	height: 40px;
	padding: 11px 30px 0 67px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	letter-spacing: normal;
	.tablet( {
		padding: 11px 20px 0 58px;
	}
	);
	.mobile( {
		padding: 11px 0px 0 40px;
		font-size: 0;
	}
	);
}

.topbar__search {
	display: block;
	width: 22px;
	height: 21px;
	fill: @coloradd;
	position: absolute;
	top: 9px;
	left: 10px;
	.transition(.3s);
}

.topbar__search-wr {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	&:hover {
		.topbar__search {
			fill: #fff;
		}
	}
}


 ----------------------------------- top-bar ----------------------------------- 

.top-bar {
	position: absolute;
	height: 40px;
	background: @colordark;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}

.top-bar__inner {
	position: relative;
	.center;
	.clearfix();
}

.top-bar__col-1 {
	width: 50%;
	float: left;
}

.top-bar__col-2 {
	width: 50%;
	float: left;
	text-align: right;
}

.top-bar__icons {
	padding-top: 8px;
}

.top-bar__pin {
	width: 18px;
	height: 22px;
	fill: @colormain;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	.mobile( {
		position: relative;
	}
	);
}

.top-bar__link {
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	position: relative;
	padding: 3px 0 3px 30px;
	letter-spacing: .25px;
	font-family: @font;
	font-weight: 300;
	.transition(.2s);
	&:hover {
		color: @colormain;
	}
	.mobile( {
		padding: 0;
		margin-right: 20px;
	}
	);
}

.top-bar__search {
	width: 22px;
	height: 21px;
	fill: @colormain;
	position: absolute;
	right: 8px;
	top: 9px;
	.transition(.2s);
	.top-bar__searchwr:hover & {
		fill: #fff;
	}
}

.top-bar__searchwr {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	.tablet( {
		right: 215px;
		width: 30px;
	}
	);
	.mobile( {
		right: 40px;
		width: 30px;
	}
	);
}

.top-bar__ask {
	display: block;
	width: 22px;
	height: 22px;
	color: @colordark;
	position: absolute;
	left: 0;
	top: 0;
	background: @colormain;
	text-align: center;
	font-style: normal;
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	border-radius: 50%;
	.mobile( {
		position: relative;
		display: inline-block;
	}
	);
}

.top-bar__but {
	float: left;
	height: 40px;
	background: @colorsite;
	display: inline-block;
	position: relative;
	padding: 12px 20px 12px 50px;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	letter-spacing: .25px;
	.transition(.2s);
	a {
		color: #FFF;
	}
	.mobile( {
		padding: 12px 20px 12px 20px;
		display: block;
	}
	);
}

.top-bar__logout {
	position: relative;
	display: block;
	float: right;
	background-color: #f15d22;
	top: 0;
	right: 0;
	width: 45px;
	height: 40px;
	.mobile( {
		width: 40px;
	}
	);
	&:before {
		content: "";
		float: left;
		width: 1px;
		height: 100%;
		background: #fff;
		opacity: 0.2;
	}
}

.top-bar__cabinet {
	position: absolute;
	left: 30px;
	top: 9px;
	width: 18px;
	height: 22px;
	fill: #fff;
	opacity: .8;
	.mobile( {
		left: 11px;
	}
	);
}

.top-bar__h {
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	font-family: @font;
	font-weight: 300;
	color: #fff;
	margin: 0;
	text-align: left;
	.mobile( {
		white-space: nowrap;
		font-size: 12px;
		line-height: 26px;
	}
	);
}

.top-bar__txt {
	font-family: 'Circe', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	.mobile( {
		display: none;
	}
	);
}

.top-bar__mobiltel {
	width: 30px;
	vertical-align: top;
	position: absolute;
	top: 10px;
	display: none;
	.tablet( {
		display: block;
		right: 263px;
	}
	);
	.mobile( {
		display: block;
		right: 89px;
	}
	);
}

.top-bar__mobiltelic {
	width: 20px;
	height: 20px;
	fill: @colormain;
	display: inline-block;
	vertical-align: top;
}

.top-bar__arrow {
	font-size: 16px;
	line-height: 12px;
	margin-left: 10px;
	//display: inline-block;
	display: none;
	position: relative;
	top: 3px;
	.mobile( {
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		position: relative;
	}
	);
}

.top-bar__arrow:after {
	content: "\e900";
	font-family: 'icomoon';
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block;
	.mobile( {
		//display: none;
	}
	);
}


 ----------------------------------- cc-top-bar-push ----------------------------------- 

.top-bar-push {
	height: 40px;
}


 ----------------------------------- header ----------------------------------- 

header.header {
	&.fixed {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		background-color: #fff;
	}
	//.mobile({
	//  display: none;
	//});
}

.header__inner {
	padding: 30px 40px 0;
	.center;
	.clearfix();
	.tablet( {
		padding: 20px 24px 4px;
	}
	);
	.tablet-min( {
		padding: 20px 10px 5px;
	}
	);
	.mobile( {
		padding: 10px;
	}
	);
}

.header__col-1 {
	width: 300px;
	float: left;
	margin-right: -300px;
	.tablet( {
		width: 270px;
	}
	);
	.tablet-min( {
		width: 217px;
	}
	);
	.mobile( {
		width: auto;
		margin-right: 0;
	}
	);
}

.header__col-2 {
	width: 100%;
	padding: 15px 0 0 300px;
	text-align: right;
	.fontreset;
	.icon-search {
		display: none;
		font-size: 24px;
		color: @coloradd;
		&:before {
			vertical-align: middle;
		}
	}
	.tablet( {
		padding-top: 8px;
		padding-left: 250px;
		.button {
			width: 180px;
		}
	}
	);
	.tablet-min( {
		padding-left: 215px;
		.button_push {
			width: 155px;
		}
	}
	);
	.mobile( {
		.clearfix();
		float: right;
		width: auto;
		padding: 0;
		.button {
			display: none;
		}
		.icon-search {
			display: inline-block;
			position: absolute;
			right: 30px;
			top: 0;
			font-size: 21px;
		}
	}
	);
}

.header__btn {
	.header__col-2 & {
		.tablet-min( {
			display: none;
		}
		);
		.mobile( {
			display: none;
		}
		);
	}
}

.header__logo {
	display: block;
	width: 267px;
	height: 80px;
	position: relative;
	.tablet-min( {
		width: 212px;
	}
	);
	.mobile( {
		width: auto;
		height: auto;
	}
	);
}

.header__logo-ic {
	display: block;
	width: 80px;
	height: 80px;
	fill: @colorsite;
	.tablet( {
		width: 64px;
		height: 64px;
	}
	);
	.mobile( {
		width: 45px;
		height: 45px;
	}
	);
}

.header__logo-txt-1 {
	top: 14px;
	left: 100px;
	position: absolute;
	color: @coloradd;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2.45px;
	white-space: nowrap;
	font-family: @font;
	font-weight: 300;
	.tablet( {
		left: 79px;
		top: 10px;
		font-size: 10px;
		letter-spacing: 1.8px;
	}
	);
	.tablet-min( {
		left: 74px;
	}
	);
	.mobile( {
		left: 54px;
		top: 6px;
		font-size: 6px;
		letter-spacing: 2px;
	}
	);
}

.header__logo-txt-2 {
	fill: @coloradd;
	width: 167px;
	height: 29px;
	position: absolute;
	left: 100px;
	top: 36px;
	.tablet( {
		left: 57px;
		top: 28px;
		width: 178px;
		height: 23px;
	}
	);
	.tablet-min( {
		left: 73px;
		width: 136px;
	}
	);
	.mobile( {
		left: 55px;
		top: 21px;
		width: 94px;
		height: 17px;
	}
	);
}

.header__tel {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right: 70px;
	letter-spacing: normal;
	.desktop( {
		display: none!important;
	}
	);
	.tablet( {
		display: none!important;
	}
	);
	.mobile( {
		display: none!important;
	}
	);
}

.header__tel-ic {
	display: block;
	width: 20px;
	height: 20px;
	fill: @coloradd;
	position: absolute;
	top: 5px;
	left: 0;
	.mobile( {
		display: none;
	}
	);
}

.header__tel-numb {
	position: relative;
	padding-left: 35px;
	font-size: 30px;
	line-height: 34px;
	color: @colordark;
	font-family: @font;
	font-weight: bold;
}

.header__tel-code {
	font-weight: 300;
}

.header__tel-descrip {
	color: @colorgray;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	.mobile( {
		display: none;
	}
	);
}


 ----------------------------------- nav ----------------------------------- 

nav.nav {
	position: relative;
	&.border {
		&:before {
			content: "";
			position: absolute;
			left: 0;
			bottom: -3px;
			width: 100%;
			border-bottom: 1px solid @colorgray3;
		}
	}
	&.active {
		z-index: 100;
		.nav__list-wrap {
			position: relative;
			z-index: 10;
			background-color: #fff;
		}
		.nav-submenu__bg {
			display: block;
		}
	}
	&.fixed {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		background-color: #fff;
	}
	.tablet( {
		overflow: hidden;
		left: auto;
		top: auto;
		z-index: 100;
		background-color: #fff;
		width: 100%;
		height: 0;
		&.active {
			height: auto;
			overflow: auto;
		}
	}
	);
	.mobile( {
		overflow: hidden;
		left: auto;
		top: auto;
		z-index: 100;
		background-color: #fff;
		width: 100%;
		height: 0;
		&.active {
			height: auto;
			overflow: auto;
		}
	}
	);
}

.nav__list-wrap {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	z-index: 1;
	position: relative;
}

.nav--desktop {
	.tablet( {
		display: none;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.nav--mobile {
	display: none;
	.tablet( {
		display: block;
	}
	);
	.mobile( {
		display: block;
	}
	);
}

.nav__list {
	padding: 40px 40px 18px;
	.center;
	text-align: justify;
	line-height: 0;
	transition: 0.3s all;
	.tablet( {
		padding: 0;
	}
	);
	.mobile( {
		padding: 0;
	}
	);
}

.nav__list:after {
	content: "";
	display: inline-block;
	height: 0;
	width: 100%;
}

.nav__li {
	display: inline-block;
	vertical-align: top;
	&:nth-child(2) {
		form {
			margin-bottom: 22px;
			border-bottom: 1px solid #fff;
		}
	}
	.tablet( {
		display: block;
		border-bottom: 1px solid @colorgray4;
		&:last-child {
			border-bottom: 0;
		}
		&:nth-child(2) {
			form {
				margin-bottom: 10px;
			}
			.nav-submenu {
				padding-bottom: 10px;
			}
		}
	}
	);
	.mobile( {
		display: block;
		border-bottom: 1px solid @colorgray4;
		&:last-child {
			border-bottom: 0;
		}
		&:nth-child(2) {
			form {
				margin-bottom: 10px;
			}
			.nav-submenu {
				padding-bottom: 10px;
			}
		}
	}
	);
}

.nav__link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 19px;
	line-height: 32px;
	font-family: @font;
	font-weight: 300;
	color: @coloradd;
	.transition(.3s);
	&:after {
		display: none;
		content: "\e905";
		position: absolute;
		right: 31px;
		top: 50%;
		.transform(translate(0,
		-50%));
		font-family: "icomoon";
		font-size: 15px;
		line-height: 1;
		color: @colordark;
		.transition(0.2s);
	}
	&:hover {
		color: @colorsite;
	}
	&.active {
		color: @colorsite;
		&:before {
			content: "";
			position: absolute;
			left: 0;
			bottom: -27px;
			width: 100%;
			height: 8px;
			background-color: @colorsite;
		}
		&:after {
			.transform(rotate(180deg));
		}
	}
	.tablet( {
		display: block;
		padding-left: 55px;
		line-height: 70px;
		font-family: circe;
		font-weight: 300;
		&:after {
			display: block;
		}
		&:hover {
			color: @colorsite;
		}
		&.active {
			&:before {
				display: none;
			}
		}
	}
	);
	.mobile( {
		display: block;
		padding-left: 10px;
		line-height: 70px;
		font-family: circe;
		font-weight: 300;
		&:after {
			display: block;
			right: 10px;
		}
		&:hover {
			color: @colorsite;
		}
		&.active {
			&:before {
				display: none;
			}
		}
	}
	);
}

.nav-submenu-wrap {
	position: absolute;
	left: 0;
	top: 77px;
	z-index: 11;
	display: none;
	width: 100%;
	padding: 35px 0 30px;
	background-color: @colorgray2;
	text-align: left;
	&.show {
		display: block;
	}
	.popup-fix-select__list {
		form {
			margin-bottom: 22px;
			border-bottom: 1px solid #fff;
		}
		label:first-child li {
			border-top: 1px dotted @coloradd;
		}
	}
	.popup-fix-select__wrap-blocks {
		margin-bottom: 0px;
		&+.button {
			display: inline-block;
			vertical-align: middle;
			padding: 0 10px;
		}
	}
	.docs,
    .contract {
		font-family: circe;
		font-weight: 300;
		font-size: 22px;
		line-height: 1;
		color: @coloradd;
		letter-spacing: normal;
		.transition(0.2s);
		&:before {
			content: "\e909";
			display: inline-block;
			margin-right: 15px;
			font-family: "icomoon";
			font-size: 30px;
			color: @coloradd;
			vertical-align: middle;
			.transition(0.2s);
		}
		&:hover {
			color: @colorsite;
			&:before {
				color: @colorsite;
			}
		}
	}
    .contract {
        margin-left: 150px;
        &:before {
            content: "\e900";
        }
    }
	.tablet( {
		position: static;
		padding: 0;
		background-color: @colorgray2;
		.popup-fix-select__wrap-blocks {
			display: none;
			&+.button {
				display: none;
			}
		}
		.docs,
        .contract {
			margin-left: 75px;
		}
        .contract {
            display: block;
            margin-top: 15px;
        }
	}
	);
	.mobile( {
		position: static;
		padding: 0;
		background-color: @colorgray2;
		.popup-fix-select__wrap-blocks {
			display: none;
			&+.button {
				display: none;
			}
		}
		.docs,
        .contract {
			margin-left: 25px;
		}
        .contract {
            display: block;
            margin-top: 15px;
        }
	}
	);
}

.nav-submenu__bl {
	min-height: 175px;
	padding-bottom: 10px;
}

.nav-submenu {
	.button {
		display: block;
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.cols-3 {
		.col-1,
		.col-2 {
			float: none;
			border-right: 1px solid @colorsite;
		}
		.col-3 {
			float: none;
		}
	}
	.cols-2 {
		.col-1 {
			border-right: 1px solid @colorsite;
		}
	}
	.cols-2,
	.cols-3 {
		display: table;
		padding: 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.col-1,
	.col-2,
	.col-3 {
		position: relative;
		float: none;
		display: table-cell;
		padding-left: 30px;
		padding-right: 50px;
		padding-bottom: 120px;
		vertical-align: top;
	}
	.col-1 {
		padding-left: 0;
	}
	.icon-close {
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 20px;
		color: @colordark;
		cursor: pointer;
	}
	.button.center-button {
		margin: 30px auto 0;
	}
	.tablet( {
		&.center-block {
			padding: 0;
		}
		.button,
		.icon-close {
			display: none;
		}
		.cols-2,
		.cols-3 {
			.col-1,
			.col-2 {
				border-right: 0;
			}
		}
		.cols-2,
		.cols-3 {
			display: block;
		}
		.col-1,
		.col-2,
		.col-3 {
			display: block;
			width: 100%!important;
			padding: 0;
		}
	}
	);
	.mobile( {
		&.center-block {
			padding: 0;
		}
		.button,
		.icon-close {
			display: none;
		}
		.cols-2,
		.cols-3 {
			.col-1,
			.col-2 {
				border-right: 0;
			}
		}
		.cols-2,
		.cols-3 {
			display: block;
		}
		.col-1,
		.col-2,
		.col-3 {
			display: block;
			width: 100%!important;
			padding: 0;
		}
	}
	);
}

.nav-submenu__title {
	display: inline-block;
	min-height: 48px;
	margin-bottom: 20px;
	font-family: circe;
	font-weight: 600;
	font-size: 21px;
	line-height: 24px;
	.desktop-large( {
		.transition(0.2s);
		&:hover {
			color: @colorsite;
		}
	}
	);
	.desktop( {
		.transition(0.2s);
		&:hover {
			color: @colorsite;
		}
	}
	);
	.tablet( {
		display: block;
		padding: 14px 75px 10px;
		margin-bottom: 0;
		font-size: 19px;
		line-height: 1;
		color: @colordarkblue;
		text-decoration: none;
		.transition(0.2s);
		&:hover {
			background-color: @coloradd;
			color: #fff;
		}
	}
	);
	.mobile( {
		display: block;
		padding: 14px 25px 10px;
		margin-bottom: 0;
		font-size: 19px;
		line-height: 1;
		color: @colordarkblue;
		text-decoration: none;
		.transition(0.2s);
		&:hover {
			background-color: @coloradd;
			color: #fff;
		}
	}
	);
}

.nav-submenu__desc {
	margin-bottom: 20px;
	font-family: circe;
	font-weight: 300;
	font-size: 16px;
	line-height: 21px;
	color: @colordarkblue;
	.tablet( {
		display: none;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.nav-submenu__list {
	margin-bottom: 20px;
	&:last-child {
		margin-bottom: 0;
	}
	li {
		margin-bottom: 5px;
		.button {
			margin-top: 20px;
			font-size: 14px!important;
			line-height: 48px!important;
		}
	}
	a {
		font-family: circe;
		font-weight: 300;
		font-size: 19px;
		line-height: 24px;
	}
	.desktop-large( {
		a:hover {
			.transition(0.2s);
			color: @colorsite;
		}
	}
	);
	.desktop( {
		a:hover {
			.transition(0.2s);
			color: @colorsite;
		}
	}
	);
	.tablet( {
		display: none;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.nav-submenu__bg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	.tablet( {
		display: none!important;
	}
	);
	.mobile( {
		display: none!important;
	}
	);
}

.nav-submenu__img {
	width: 100%;
	margin-bottom: 10px;
	.tablet( {
		display: none;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.nav-submenu__img-link {
	display: inline-block;
	font-family: circe;
	font-weight: 300;
	font-size: 19px;
	line-height: 24px;
	.desktop-large( {
		&:hover {
			.transition(0.2s);
			color: @colorsite;
		}
	}
	);
	.desktop( {
		&:hover {
			.transition(0.2s);
			color: @colorsite;
		}
	}
	);
	.tablet( {
		display: block;
		padding: 14px 75px 10px;
		margin-bottom: 0;
		font-size: 19px;
		line-height: 1;
		color: @colordarkblue;
		text-decoration: none;
		.transition(0.2s);
		&:hover {
			background-color: @coloradd;
			color: #fff;
		}
	}
	);
	.mobile( {
		display: block;
		padding: 14px 75px 10px;
		margin-bottom: 0;
		font-size: 19px;
		line-height: 1;
		color: @colordarkblue;
		text-decoration: none;
		.transition(0.2s);
		&:hover {
			background-color: @coloradd;
			color: #fff;
		}
	}
	);
}


 ----------------------------------- center-block ----------------------------------- 

.center-block {
	max-width: 1280px;
	padding: 0 40px;
	margin: 0 auto;
	.tablet( {
		padding: 0 24px;
	}
	);
	.mobile( {
		padding: 0 20px;
		&.no-pad {
			padding: 0;
			.close-comment {
				padding: 0 10px;
			}
		}
	}
	);
}

.add-side-pad {
	padding: 0 80px;
	.desktop( {
		padding: 0;
	}
	);
}

.center-block-min {
	max-width: 1200px;
	margin: 0 auto;
	.desktop( {
		&.add-side-area {
			padding: 0 24px;
		}
	}
	);
	.tablet( {
		&.add-side-area {
			padding: 0 24px;
		}
	}
	);
	.mobile( {
		&.min-pad-form {
			.feedback-form {
				padding: 0 10px;
			}
		}
		&.add-side-area {
			padding: 0 20px;
		}
	}
	);
}

.center-block-min_2 {
	max-width: 1240px;
	padding: 0 20px;
}


 ----------------------------------- footer ----------------------------------- 

.footer {
	background: @colordark;
	width: 100%;
	padding: 50px 0;
	.tablet( {
		padding: 44px 0;
		.center-block {
			padding: 0 24px;
		}
	}
	);
	.mobile( {
		padding: 26px 0;
		.center-block {
			padding: 0 19px;
		}
	}
	);
}

.table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

.cell {
	display: table-cell;
	padding: 50px 0;
}

.row {
	display: table-row;
}

.foot-ul-1 {
	.clearfix();
	.desktop( {
		.fontreset();
	}
	);
	.tablet( {
		.fontreset();
	}
	);
}

.foot-li-1 {
	float: left;
	padding-right: 30px;
	&:first-child {
		width: 310px;
	}
	&:nth-child(2) {
		width: 330px;
	}
	&:nth-child(3) {
		width: 230px;
	}
	&:nth-child(4) {
		width: 211px;
	}
	&:last-child {
		padding-right: 0;
		margin-top: -7px;
	}
	&>a {
		display: inline-block;
		margin-bottom: 3px;
		font-family: circe;
		font-size: 21px;
		line-height: 24px;
		color: rgba(255, 255, 255, 0.5);
	}
	.desktop( {
		float: none;
		display: inline-block;
		width: 33.333%!important;
		margin-bottom: 40px;
		letter-spacing: normal;
		vertical-align: top;
		&:last-child {
			width: 66.666%!important;
			.clearfix();
			.foot-li-2 {
				float: left;
				display: block;
				width: 50%;
			}
		}
	}
	);
	.tablet( {
		float: none;
		display: inline-block;
		width: 33.333%!important;
		margin-bottom: 37px;
		letter-spacing: normal;
		vertical-align: top;
		&:last-child {
			width: 66.666%!important;
			padding-top: 4px;
			.clearfix();
			.foot-li-2 {
				float: left;
				display: block;
				width: 50%;
			}
		}
		&>a {
			margin-bottom: 12px;
		}
	}
	);
	.mobile( {
		float: none;
		display: block;
		width: auto!important;
		&:last-child {
			margin-top: 20px;
			.clearfix();
			.foot-li-2 {
				float: left;
				display: block;
				width: 50%;
			}
		}
		&>a {
			margin-bottom: 5px;
			font-size: 17px;
		}
	}
	);
}

.foot-li-2 {
	margin-bottom: 6px;
	&>a {
		font-family: Arial;
		font-size: 12px;
		line-height: 18px;
		color: rgba(255, 255, 255, 0.5);
	}
	.tablet( {
		margin-bottom: 10px;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.foot-slogan {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 29px;
	img {
		margin-right: 16px;
		vertical-align: middle;
	}
	.tablet( {
		margin-top: 14px;
	}
	);
	.mobile( {
		display: block;
	}
	);
}

.foot-slogan__logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.foot-slogan__text {
	display: inline-block;
	vertical-align: middle;
	font-family: Arial;
	font-size: 13px;
	line-height: 18px;
	color: rgba(255, 255, 255, 0.2);
}

.foot-slogan__descr {
	margin-top: 10px;
	max-width: 960px;
	padding-left: 60px;
	font-size: 12px;
	line-height: 1.5;
	color: #ffffff;
	.mobile( {
		padding-left: 0;
	}
	);
}

.foot-slogan--default {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.foot-bottom-line {
	position: relative;
	.clearfix();
	margin-top: 23px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: rgba(255, 255, 255, 0.2);
	.tablet( {
		margin-top: 43px;
	}
	);
	.mobile( {
		padding-top: 27px;
		margin-top: 30px;
	}
	);
}

.foot-bottom-line--default {
	.tablet( {
		margin-top: 0;
	}
	);
	.mobile( {
		margin-top: 43px;
	}
	);
	.mobile( {
		padding-top: 27px;
		margin-top: 30px;
	}
	);
}

.copyright {
	float: left;
	margin-right: 33px;
	.mobile( {
		float: none;
		margin-right: 0;
	}
	);
}

.foot-bottom-line__text {
	float: left;
	.mobile( {
		float: none;
	}
	);
}

.foot-bottom-line__defa {
	float: right;
	color: rgba(255, 255, 255, 0.5);
	.mobile( {
		position: absolute;
		left: 0;
		top: 0;
		color: rgba(255, 255, 255, 0.2);
	}
	);
}

.foot-bottom-line__icons {
	float: right;
	margin-right: 36px;
	.icon-fb {
		margin-right: 17px;
		font-size: 18px;
		color: rgba(255, 255, 255, 0.5);
		vertical-align: middle;
	}
	.icon-vk {
		margin-right: 16px;
		font-size: 11px;
		color: rgba(255, 255, 255, 0.5);
		vertical-align: middle;
	}
	.icon-inst {
		margin-right: 13px;
		font-size: 16px;
		color: rgba(255, 255, 255, 0.5);
		vertical-align: middle;
	}
	.icon-yt {
		font-size: 12px;
		color: rgba(255, 255, 255, 0.5);
		vertical-align: middle;
	}
	.tablet( {
		position: absolute;
		right: 0;
		top: -40px;
		margin-right: 0;
	}
	);
	.mobile( {
		position: absolute;
		right: 0;
		top: 0;
		margin-right: 0;
	}
	);
}


 ----------------------------------- button ----------------------------------- 

.button {
	width: 200px;
	height: 50px;
	border: 2px solid @coloradd;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 48px;
	text-transform: uppercase;
	font-family: @font;
	font-weight: 300;
	letter-spacing: 0.1px;
	white-space: nowrap;
	background: @coloradd;
	color: #fff;
	cursor: pointer;
	.transition(.3s);
	&:hover {
		background: none;
		color: @coloradd;
	}
	&.long-text {
		width: auto;
		height: auto;
		padding: 6px 12px 2px;
		white-space: normal;
		line-height: 19px;
	}
}

.button_inv {
	background: none;
	color: @coloradd;
	&:hover {
		background: @coloradd;
		color: #fff;
	}
}

.button_orange {
	border-color: @colorsite;
	background: @colorsite;
	color: #fff;
	&:hover {
		background: #fff;
		color: @colorsite;
	}
}

.button_darkBlue {
	border-color: @colordarkblue2;
	background: @colordarkblue2;
	color: #fff;
	&:hover {
		background: none;
		color: #fff;
	}
}

.button_white_inv {
	border-color: #fff;
	background: transparent;
	color: #fff;
	&:hover {
		background: #fff;
		color: @coloradd;
	}
}

.button_shadow {
	&:hover {
		.box-shadow(4px 4px 0 0 rgba(0,
		0,
		0,
		0.2));
	}
}

.button_push {
	margin-right: 20px;
	.tablet( {
		margin-right: 10px;
	}
	);
}


 ----------------------------------- videos ----------------------------------- 

.videos {
	position: relative;
	overflow: hidden;
	// max-width: 1280px;
	// margin: 0 auto;
	.clearfix();
	&.open {
		.videos__col {
			&:first-child {
				.transform(translateX(-100%));
			}
			&:nth-child(2) {
				.transform(translateX(100%));
			}
		}
	}
	&.video-1_open {
		.promo-video_1 {
			z-index: 0;
			opacity: 1;
			&.fixed {
				z-index: 100;
			}
		}
	}
	&.video-2_open {
		.promo-video_2 {
			z-index: 0;
			opacity: 1;
			&.fixed {
				z-index: 100;
			}
		}
	}
	.icon-close {
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 1;
		font-size: 40px;
		color: @coloradd;
		cursor: pointer;
		&.fixed {
			position: fixed;
			z-index: 101;
		}
	}
	.mobile( {
		&.open {
			.videos__col {
				.transform(translateX(0))!important;
				opacity: 0!important;
			}
		}
	}
	);
}

.videos__col-slider {
	overflow: hidden;
	position: relative;
	z-index: 2;
	.slick-list {
		overflow: hidden;
	}
	.fontreset();
	.slick-dots {
		position: absolute;
		left: 20px;
		bottom: 50px;
		.fontreset();
		button {
			display: none;
		}
		li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin-right: 10px;
			.border-radius(50%);
			background-color: #fff;
			letter-spacing: normal;
			cursor: pointer;
			&:last-child {
				margin-right: 0;
			}
			&.slick-active {
				background-color: @coloradd;
				cursor: default;
			}
		}
	}
}

.videos__col {
	float: left;
	width: 50%;
	height: 570px;
	cursor: pointer;
	.transition(all 0.5s linear);
	&.js-not-video {
		cursor: default;
		position: relative;
		.mobile( {
			background-position-x: 95% !important;
		}
		);
	}
	&:first-child {
		position: relative;
		.bg_img("",
		no-repeat,
		cover,
		top right);
	}
	&:nth-child(2) {
		.bg_img("",
		no-repeat,
		cover,
		top left);
	}
	.desktop( {
		height: 385px;
	}
	);
	.tablet( {
		height: 385px;
	}
	);
	.mobile( {
		float: none;
		display: inline-block;
		width: auto;
		height: 385px;
		letter-spacing: normal;
		vertical-align: top;
		&:nth-child(2n-1) {
			.bg_img("",
			no-repeat,
			cover,
			top left);
		}
		&:nth-child(2n) {
			.bg_img("",
			no-repeat,
			cover,
			top right);
		}
	}
	);
	// width: 50%;
	// float: left;
}

.videos__img {
	display: block;
	width: 100%;
}

.promo-video {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	.transform(translate(-50%,
	-50%));
	.transition(all 1s linear);
	&.fixed {
		position: fixed;
		width: 100%!important;
		height: 100%!important;
	}
}


 ----------------------------------- counts ----------------------------------- 

.counts {
	background: #f5f6f7;
	padding: 60px 0;
	.tablet( {
		padding: 43px 0;
	}
	);
	.mobile( {
		padding: 23px 0 1px;
	}
	);
}

.counts__inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	.clearfix();
	.mobile( {
		display: block;
		.mobile( {
			padding: 0 15px;
		}
		);
	}
	);
}

.counts__col {
	width: 33%;
	float: left;
	border-left: 2px solid @colorsite;
	padding: 0 20px;
	&:last-child {
		.counts__h {
			position: relative;
			font-size: 24px;
			line-height: 28px;
			color: #006bb2;
			text-transform: uppercase;
			padding: 5px 0 5px 50px;
			&:before {
				width: 119px;
				height: 35px;
				content: "";
				display: block;
				background: url(../images/str-logo.png) no-repeat;
				.background-size(cover);
				position: absolute;
				left: 0;
				top: 0;
			}
		}
	}
	.tablet-min( {
		padding: 0 15px;
	}
	);
	.mobile( {
		float: none;
		width: 100%;
		padding: 0 0 15px;
		margin-bottom: 15px;
		border-left: 0;
		border-bottom: 2px solid @colorsite;
		&:last-child {
			border-bottom: 0;
			.counts__h {
				padding-left: 37px;
				font-size: 14px;
				line-height: 21px;
				&:before {
					width: 32px;
					height: 29px;
				}
			}
		}
	}
	);
}

.counts__h {
	min-height: 50px;
	margin-top: -5px;
	padding-bottom: 5px;
	color: @colordark;
	font-size: 45px;
	line-height: 47px;
	font-family: @font;
	font-weight: 600;
	.tablet( {
		margin-bottom: -10px;
		font-size: 36px;
		line-height: 1;
	}
	);
	.mobile( {
		display: inline-block;
		min-width: 65px;
		min-height: 29px;
		padding-bottom: 0;
		margin-right: 10px;
		font-size: 36px;
		line-height: 1;
		vertical-align: middle;
	}
	);
}

.counts__p {
	font-size: 21px;
	line-height: 25px;
	font-family: @font;
	font-weight: 300;
	color: @colordark;
	.tablet( {
		font-size: 16px;
		line-height: 21px;
	}
	);
	.mobile( {
		display: inline-block;
		width: 65%;
		font-size: 16px;
		line-height: 17px;
		vertical-align: middle;
	}
	);
}


 ----------------------------------- acb ----------------------------------- 

.acb {
	position: relative;
	font-size: 24px;
	line-height: 28px;
	color: #006bb2;
	text-transform: uppercase;
	padding: 5px 0 5px 50px;
}

.acb:before {
	width: 39px;
	height: 35px;
	content: "";
	display: block;
	background: url(../images/str-logo.png) no-repeat;
	.background-size(cover);
	position: absolute;
	left: 0;
	top: 0;
}


 ----------------------------------- illustr ----------------------------------- 

.illustr {
	font-family: circe;
	padding-bottom: 80px;
	.tablet( {
		padding-bottom: 40px;
	}
	);
	.mobile( {
		overflow: hidden;
		padding-bottom: 30px;
	}
	);
}

.illustr__inner {
	text-align: center;
	.button {
		display: block;
		width: 350px;
		margin: 0 auto;
	}
	.tablet( {
		.button {
			position: relative;
			margin: -19px auto 0;
		}
	}
	);
	.mobile( {
		.button {
			width: auto;
			margin: 0 20px 0;
		}
	}
	);
}

.illustr__h {
	margin: 80px 0 60px;
	font-size: 36px;
	line-height: 41px;
	color: @colordarkblue;
	span {
		color: @colororange;
	}
	.tablet( {
		margin: 33px 0 38px;
		font-size: 30px;
	}
	);
	.mobile( {
		padding: 0 20px;
		margin: 26px 0 20px;
		font-size: 24px;
		line-height: 30px;
	}
	);
}

.illustr__img-wrap {
	position: relative;
	display: inline-block;
	// margin-top: 64px;
	.tablet( {
		// margin-top: 52px;
	}
	);
	.mobile( {
		// margin-top: 32px;
	}
	);
}

.illustr__img1 {
	margin-left: -58px;
	.tablet( {
		// display: none;
		margin-right: 60px;
	}
	);
	.tablet-min( {
		width: 300px;
		margin-right: 0;
	}
	);
	.mobile( {
		// display: none;
		width: 100%;
		max-width: 293px;
		height: auto;
		margin-left: -25px;
		margin-bottom: 165px;
	}
	);
}

.illustr__img2 {
	display: none;
	// .tablet({
	// 	display: block;
	// 	margin-right: 80px;
	// });
	// .tablet-min({
	// 	width: 300px;
	// });
	// .mobile({
	// 	display: block;
	// 	width: 100%;
	// 	max-width: 293px;
	// 	height: auto;
	// 	margin-left: -25px;
	// 	margin-bottom: 165px;
	// });
}

.diagram-line {
	position: absolute;
	right: -341px;
	top: 124px;
	width: 386px;
	height: 9px;
	.bg_img("../images/diagram-line.png",
	no-repeat,
	386px 9px,
	0 0);
	.desktop( {
		right: -255px;
		top: 130px;
		width: 295px;
	}
	);
	.tablet( {
		display: none;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.illustr__price1 {
	position: absolute;
	left: -5px;
	top: 39px;
	font-weight: 700;
	font-size: 80px;
	line-height: 80px;
	color: @colordarkblue;
	span {
		display: inline-block;
		margin-left: 11px;
		font-weight: 400;
		font-size: 55px;
		line-height: 1;
	}
	.desktop( {
		left: 36px;
		top: 54px;
		font-size: 55px;
	}
	);
	.tablet( {
		left: 17px;
		top: 54px;
		font-size: 65px;
	}
	);
	.tablet-min( {
		left: -10px;
		top: 20px;
		font-size: 36px;
		span {
			font-size: 36px;
		}
	}
	);
	.mobile( {
		left: 17px;
		top: 4px;
		font-size: 40px;
		span {
			margin-left: 8px;
			font-size: 35px;
		}
	}
	);
}

.illustr__price2 {
	position: absolute;
	right: -384px;
	top: 40px;
	font-weight: 700;
	font-size: 80px;
	line-height: 80px;
	color: @colororange;
	&:before {
		content: "\e916";
		position: absolute;
		left: -70px;
		top: 6px;
		width: 57px;
		height: 57px;
		border: 2px solid @colororange;
		.border-radius(50%);
		font-family: "icomoon";
		font-size: 28px;
		line-height: 57px;
		text-align: center;
	}
	.star {
		font-family: Arial;
	}
	span {
		display: inline-block;
		margin-left: 9px;
		font-weight: 400;
		font-size: 55px;
		line-height: 1;
	}
	.desktop( {
		right: -267px;
		top: 60px;
		font-size: 55px;
		&:before {
			left: -56px;
			top: 15px;
			width: 40px;
			height: 40px;
			line-height: 38px;
		}
	}
	);
	.tablet( {
		display: none;
		right: 77px;
		top: -69px;
		font-size: 65px;
	}
	);
	.tablet-min( {
		right: 80px;
		top: -54px;
		font-size: 36px;
		span {
			font-size: 36px;
		}
	}
	);
	.mobile( {
		display: none;
		right: 6px;
		top: -56px;
		font-size: 40px;
		span {
			margin-left: 8px;
			font-size: 35px;
		}
	}
	);
}

.illustr__text1 {
	position: absolute;
	left: -198px;
	// top: 46px;
	bottom: 66px;
	font-weight: 300;
	font-size: 21px;
	line-height: 27px;
	color: @colordarkblue;
	text-align: right;
	text-transform: none;
	.tablet( {
		left: -120px;
		top: 100px;
		font-size: 16px;
		line-height: 21px;
	}
	);
	.tablet-min( {
		left: -173px;
		top: 34px;
	}
	);
	.mobile( {
		width: 143px;
		left: -19px;
		top: 150px;
		font-size: 16px;
		line-height: 21px;
	}
	);
}

.illustr__text2 {
	position: absolute;
	right: -252px;
	top: 86px;
	// bottom: 91px;
	font-weight: 300;
	font-size: 21px;
	line-height: 29px;
	color: @colororange;
	text-align: left;
	text-transform: none;
	.desktop( {
		right: -233px;
	}
	);
	.tablet( {
		right: -115px;
		top: 46px;
		font-size: 16px;
		line-height: 21px;
	}
	);
	.tablet-min( {
		right: -183px;
		top: 5px;
	}
	);
	.mobile( {
		right: -7px;
		top: 150px;
		width: 133px;
		font-size: 16px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- products ----------------------------------- 

.products {
	.fontreset();
	font-family: circe;
	.button {
		display: inline-block;
		width: auto;
		min-width: 220px;
		padding: 0 30px;
		margin: 0 auto 20px;
		&:last-child {
			margin-bottom: 0;
		}
		&:hover {
			background-color: @coloradd;
			color: #fff;
		}
		&.button_orange:hover {
			background-color: @colorsite;
		}
	}
	.mobile( {
		.button {
			width: 100%;
			min-width: auto;
			max-width: 200px;
			padding: 0;
			text-align: center;
		}
	}
	);
}

.poducts__item {
	overflow: hidden;
	position: relative;
	height: 600px;
	width: 33.333%;
	display: inline-block;
	padding: 80px 40px 220px;
	letter-spacing: normal;
	vertical-align: top;
	&:hover {
		.poducts__item-bg {
			.transform(scale(1.2,
			1.2));
		}
	}
	.tablet( {
		display: block;
		width: 100%;
		height: auto;
		min-height: 240px;
		// padding: 35px 250px 35px 24px;
		padding: 35px 337px 35px 24px;
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
	.mobile( {
		display: block;
		width: 100%;
		height: auto;
		padding: 25px 19px 30px;
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0;
		}
		&:nth-child(2) {
			.button:first-child {
				width: 100%;
				max-width: 230px;
				height: auto;
				line-height: 21px;
				padding: 4px 6px 0px;
				white-space: normal;
			}
		}
		;
	}
	);
}

.poducts__item-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	.transition(all 0.3s linear);
}

.products__h2 {
	margin-bottom: 22px;
	font-weight: 700;
	font-size: 33px;
	line-height: 36px;
	color: #fff;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 18px;
		font-size: 30px;
		line-height: 33px;
	}
	);
	.mobile( {
		margin-bottom: 18px;
		font-size: 18px;
		line-height: 24px;
	}
	);
}

.products__p {
	font-weight: 300;
	font-size: 21px;
	line-height: 26px;
	color: #fff;
	.tablet( {
		font-size: 16px;
		line-height: 21px;
	}
	);
	.mobile( {
		margin-bottom: 37px;
		font-size: 16px;
		line-height: 21px;
	}
	);
}

.products__buttons {
	position: absolute;
	left: 0;
	bottom: 80px;
	width: 100%;
	text-align: center;
	.tablet( {
		left: auto;
		right: 24px;
		bottom: 50%;
		.transform(translate(0,
		50%));
		text-align: right;
	}
	);
	.mobile( {
		position: relative;
		left: auto;
		bottom: auto;
	}
	);
}


 ----------------------------------- steps-customer ----------------------------------- 

.steps-customer {
	padding: 60px 0;
	background-color: @coloradd;
	font-family: circe;
	text-align: center;
	.button {
		width: 240px;
		font-size: 17px;
        margin-top: 20px;
	}
	.tablet( {
		padding: 35px 0 50px;
	}
	);
	.mobile( {
		padding: 40px 0 30px;
		.button {
			font-size: 14px;
		}
	}
	);
}

.steps-customer--no-background {
	padding-bottom: 30px;
	background-color: #ffffff;
}

.steps-customer__h2 {
	margin-bottom: 50px;
	font-size: 36px;
	line-height: 36px;
	color: #fff;
	.tablet( {
		margin-bottom: 43px;
		padding: 0 20px;
		font-size: 30px;
	}
	);
	.mobile( {
		padding: 0 20px;
		margin-bottom: 40px;
		font-size: 24px;
		line-height: 30px;
	}
	);
}

.steps-customer--no-background .steps-customer__h2 {
	padding-bottom: 0;
	color: #2c3443;
}

.steps-customer__step {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 17%;
	margin-bottom: 80px;
	padding: 0 10px;
	transition: 0.3s all;
	&:nth-child(2) {
		.steps-customer__step-ic {
			.steps-customer__step-ic-svg--application {
				width: 118px;
			}
		}
	}
	&.active {
		.steps-customer__step-ic {
			color: #f15d22;
		}
		&::after {
			background-color: #f15d22;
		}
		&::before {
			background-color: #f15d22;
		}
		&.current {
			&::after {
				background-color: #f15d22;
			}
			.steps-customer__step-desc {
				color: #000;
				font-weight: 600;
			}
		}
	}
	&::before {
		content: "";
		position: absolute;
		top: 80px;
		left: 0;
		z-index: 1;
		width: 50%;
		height: 2px;
		background-color: #4d87a9;
	}
	&::after {
		content: "";
		position: absolute;
		top: 80px;
		right: 0;
		z-index: 1;
		width: 50%;
		height: 2px;
		background-color: #4d87a9;
		.mobile( {
			display: none;
		}
		)
	}
	&:first-child {
		&::before {
			content: none;
		}
	}
	&:last-child {
		&::after {
			content: none;
		}
	}
	.tablet( {
		width: 25%;
		margin-bottom: 55px;
	}
	);
	.mobile( {
		display: block;
		width: 100%;
		min-height: 130px;
		margin-bottom: 45px;
		padding: 0;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 88px;
			z-index: 1;
			width: 2px;
			height: 50%;
			background-color: #4d87a9;
		}
		&::after {
			content: "";
			position: absolute;
			top: auto;
			right: auto;
			bottom: 0;
			left: 88px;
			z-index: 1;
			width: 2px;
			height: 50%;
			background-color: #4d87a9;
		}
	}
	);
}

.steps-customer__step--step-1 {
	.mobile( {
		&::after {
			bottom: -25px;
			height: 33.5px;
		}
	}
	);
}

.steps-customer__step--step-2 {
	.mobile( {
		&::before {
			top: -20px;
			height: 33.5px;
		}
		&::after {
			bottom: -20px;
			height: 25.5px;
		}
	}
	);
}

.steps-customer__step--step-3 {
	.mobile( {
		&::before {
			top: -25px;
			height: 25.5px;
		}
		&::after {
			bottom: -18px;
			height: 29px;
		}
	}
	);
}

.steps-customer__step--step-4 {
	.mobile( {
		&::before {
			top: -27px;
			height: 29px;
		}
	}
	);
}

.steps-customer__step--mark {
	&::before {
		background-color: #f15d22;
	}
	&::after {
		background-color: #f15d22;
	}
}

.steps-customer__wrap--3-steps .steps-customer__step {
	width: 20%;
	.tablet( {
		width: 30%;
	}
	);
	.mobile( {
		width: 100%;
	}
	);
}

.steps-customer__step-ic {
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	line-height: 0;
	color: #4d87a9;
	background-color: #ffffff;
	transition: 0.3s all;
	.mobile( {
		float: left;
		min-width: 130px;
		margin-right: 20px;
		background-color: inherit;
	}
	);
}

.steps-customer__step--step-1 .steps-customer__step-ic {
	width: 115px;
}

.steps-customer__step--step-3 .steps-customer__step-ic {
	width: 117px;
}

.steps-customer__step--mark .steps-customer__step-ic {
	color: #f15d22;
}

.steps-customer__step-ic-svg {
	width: 165px;
	height: 160px;
}

.steps-customer__step-ic-svg--application {
	width: 110px;
	height: 127px;
	margin-top: 14px;
	background-color: #fff;
	position: relative;
	//&:after {
	//    content: '';
	//    position: absolute;
	//    top: 10px;
	//    right: -10px;
	//    width: 20px;
	//    height: 2px;
	//    background-color: red;
	//}
	.mobile( {
		margin-top: 0;
	}
	);
}

.steps-customer__step-ic-svg--application--accept {
	width: 117px;
	height: 126px;
	margin-top: 12px;
	.mobile( {
		margin-top: 0;
	}
	);
}

.steps-customer__step-ic-svg--contract--accept {
	width: 125px;
	height: 122px;
	margin-top: 18px;
	.mobile( {
		margin-top: 0;
	}
	);
}

.steps-customer__step-ic-svg--receipt-funds {
	width: 119px;
	height: 138px;
	.mobile( {
		margin-top: 0;
	}
	);
}

.steps-customer__step-desc {
	display: block;
	max-width: 220px;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	line-height: normal;
	font-weight: 400;
	letter-spacing: 0;
	color: #9da8b1;
	.tablet( {
		font-size: 18px;
		line-height: 23px;
	}
	);
	.mobile( {
		position: relative;
		float: left;
		display: inline-block;
		vertical-align: top;
		max-width: 40%;
		margin-top: 45px;
		text-align: left;
		font-size: 17px;
		line-height: 22px;
	}
	);
}

.steps-customer__step--mark .steps-customer__step-desc {
	font-weight: 600;
	color: #2c3443;
}

.steps-customer__step--mark.active .steps-customer__step-desc {
	font-weight: 600;
	color: #2c3443;
}

.steps-customer__info {
	margin: 0 auto 30px;
	padding: 0 40px;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Circe', sans-serif;
	font-weight: 300;
	color: #42454f;
	text-align: center;
	.tablet( {
		max-width: 80%;
	}
	);
	.mobile( {
		max-width: 85%;
	}
	);
}

.steps-customer__text {
	display: block;
	max-width: 60%;
	margin: 0 auto;
	color: #ffffff;
	.tablet( {
		max-width: 80%;
	}
	);
	.mobile( {
		max-width: 85%;
	}
	);
}

.steps-customer__wrap {
	.fontreset();
	margin-bottom: 0px;
	.tablet( {
		margin-bottom: 45px;
	}
	);
}

.steps-customer__wrap--lk {
	max-width: 1280px;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: auto;
	margin-right: auto;
	.tablet( {
		padding-left: 24px;
		padding-right: 24px;
	}
	);
	.tablet-min( {
		padding-left: 10px;
		padding-right: 10px;
	}
	);
	.mobile( {
		padding-left: 10px;
		padding-right: 10px;
	}
	);
	& .steps-customer__step {
		width: 25%;
		.mobile( {
			width: 100%;
		}
		)
	}
}

.steps-customer__wrap--with-button {
	margin-bottom: 45px;
}

.steps-customer__item {
	position: relative;
	display: inline-block;
	width: 25%;
	max-width: 320px;
	padding: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
	&:first-child {
		&:after {
			content: "";
			position: absolute;
			right: 0;
			top: 60px;
			width: 50%;
			border-bottom: 1px solid #fff;
		}
	}
	&:last-child {
		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 60px;
			width: 50%;
			border-bottom: 1px solid #fff;
		}
		.steps-customer__img {background-position: 23px center;}
	}
	&:nth-child(2) {
		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 60px;
			width: 50%;
			border-bottom: 1px solid #fff;
		}
		&:after {
			content: "";
			position: absolute;
			right: 0;
			top: 60px;
			width: 50%;
			border-bottom: 1px solid #fff;
		}
	}
	&:nth-child(3) {
		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 60px;
			width: 50%;
			border-bottom: 1px solid #fff;
		}
		&:after {
			content: none;
			position: absolute;
			right: 0;
			top: 60px;
			width: 50%;
			border-bottom: 1px solid #fff;
		}
	}
	.tablet( {
		width: 23%;
	}
	);
	.mobile( {
		display: block;
		width: auto;
		max-width: 100%;
		min-height: 55px;
		padding: 0 10px 0 20px;
		margin-bottom: 35px;
		text-align: left;
		&:after {
			left: 47px;
			bottom: 0;
			min-height: 35px;
			height: 100%;
			width: 0!important;
			border-bottom: 0;
			border-right: 1px solid #fff;
		}
		&:first-child {
			&:after {
				top: 55px;
			}
		}
		&:last-child {
			margin-bottom: 0;
			&:before {
				top: 55px;
			}
		}
		&:before {
			display: none;
		}
		&:nth-child(2) {
			&:after {
				top: 55px;
			}
		}
		&:nth-child(3) {
			&:after {
				top: 55px;
			}
		}
	}
	);
}

.steps-customer__wrap--three-steps .steps-customer__item {
	&:nth-child(3) {
		&:after {
			content: none;
		}
	}
}

.steps-customer__circle {
	position: relative;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: 0 auto 32px;
	.border-radius(50%);
	background-color: #fff;
	text-align: center;
	.transition(0.2s);
	.fontreset();
	cursor: pointer;
	.num {
		font-weight: 700;
		font-size: 70px;
		line-height: 131px;
		color: @colorsite;
		letter-spacing: normal;
		.transition(0.2s);
	}
	&:hover {
		.box-shadow(10px 10px 0 0 rgba(0,
		0,
		0,
		0.2));
		.transform(scale(1.2,
		1.2));
		.num {
			opacity: 0;
		}
		.steps-customer__img {
			opacity: 1;
		}
	}
	.mobile( {
		display: inline-block;
		width: 55px;
		height: 55px;
		margin-right: 20px;
		margin-bottom: 0;
		vertical-align: middle;
		.num {
			font-size: 25px;
			line-height: 55px;
		}
	}
	);
}

.steps-customer__img {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	.transition(0.2s);
	.bg_img("../images/blank.png",
	no-repeat,
	auto 69px,
	34px center);
	letter-spacing: normal;
	.mobile( {
		top: 7px;
		left: 10px;
		width: 70%;
		height: 70%;
		background-size: contain;
		background-position: 0px center;
	}
	);
}

.steps-customer__desc {
	font-size: 22px;
	color: @colordarkblue;
	line-height: 28px;
	span {
		color: #fff;
	}
	.tablet( {
		font-size: 14px;
	}
	);
	.mobile( {
		display: inline-block;
		vertical-align: middle;
		padding-left: 5px;
		font-size: 15px;
		line-height: 22px
	}
	);
}

.steps-customer__desc--no-title {
	.mobile( {
		padding-left: 0;
	}
	);
}

.steps-customer__title {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 19px;
	line-height: 30px;
	color: @colordarkblue;
	text-transform: uppercase;
	span {
		color: #fff;
	}
	.tablet( {
		margin-bottom: 5px;
		font-size: 13px;
		line-height: 20px
	}
	);
	.mobile( {
		display: inline-block;
		vertical-align: middle;
		max-width: 70%;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 21px
	}
	);
}

.steps-customer__min-text {
	margin-top: 8px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
}


#docs-help {
    .quest__popup {
        padding: 46px 35px 50px 30px;
        
        @media (max-width: 768px) {
            
        }
    }
    .steps-customer__item {
        width: 33%;
        max-width: 320px;
        padding: 0 25px;
        
        &:after,
        &:before {
            border-color: #EBEBEB;
        }
        
        @media (max-width: 768px) {
            width: 100%;
            padding: 0;

            &:after {
                display: none;
            }

            .steps-customer__circle {
                margin: 0 auto 20px;
                display: block;
            }
        }
    }

    .steps-customer__desc,
    ul li {
        font-size: 16px;
        line-height: 18px;
    }
    
    ul {
        margin-top: 10px;

        li {
            margin-bottom: 10px;
        }
    }
            
    .steps-customer__circle {
        background-color: #EBEBEB;
        
    }
    
    .steps-customer__img {
        background-position: center center;
    }

    .file-link {
        margin-top: 10px;
        margin-bottom: 10px;
        position: relative;
        padding-left: 38px;
        padding-top: 9px;

        &:before {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
}


 ----------------------------------- news ----------------------------------- 

.news {
	text-align: center;
	padding-bottom: 80px;
	.tablet( {
		padding-bottom: 40px;
	}
	);
	.mobile( {
		padding-bottom: 25px;
	}
	);
}

.news__h1 {
	margin: 80px 0 60px;
	font-family: circe;
	font-size: 36px;
	line-height: 36px;
	color: @colordarkblue;
	.tablet( {
		margin: 35px 0 35px;
		font-size: 30px;
	}
	);
	.mobile( {
		padding: 0 21px;
		margin: 26px 0 25px;
		font-size: 24px;
		line-height: 30px;
		text-align: left;
	}
	);
}

.news__wrap {
	padding: 20px;
	margin-bottom: 60px;
	.fontreset();
	.tablet( {
		padding: 0 24px;
		margin-bottom: 40px;
	}
	);
	.mobile( {
		padding: 0 20px;
		margin-bottom: 10px;
	}
	);
}

.news__item {
	display: inline-block;
	letter-spacing: normal;
	width: 33.333%;
	max-width: 345px;
	height: 160px;
	padding: 0 45px 0 22px;
	border-left: 2px solid @colorsite;
	text-align: left;
	vertical-align: top;
	opacity: 0;
	.transform(translateY(0100px));
	.transition(all 0.5s linear);
	&.visible {
		.transform(translateY(0));
		opacity: 1;
	}
	.tablet( {
		width: 33.333%;
		height: auto;
		min-height: 140px;
		padding-right: 40px;
	}
	);
	.mobile( {
		display: block;
		width: auto;
		max-width: none;
		height: auto;
		padding: 0 0 18px;
		margin-bottom: 22px;
		border-left: 0;
		border-bottom: 2px solid @colorsite;
		&:last-child {
			margin-bottom: 0;
			border-bottom: 0;
		}
	}
	);
}

.news__item.item-animate {
	opacity: 1;
	.transform(translateY(0px));
}

.news__item:nth-child(1) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}

.news__item:nth-child(2) {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.news__item:nth-child(3) {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.news__date {
	margin: -3px 0 25px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 13px;
	color: @colorgray;
	.tablet( {
		margin: -1px 0 17px;
	}
	);
	.mobile( {
		margin-bottom: 17px;
	}
	);
}

.news__p {
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
	color: @colordarkblue;
	.tablet( {
		font-size: 14px;
		line-height: 18px;
	}
	);
	.mobile( {
		font-size: 14px;
		line-height: 18px;
	}
	);
}

.news__link {
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
	color: @coloradd;
	.tablet( {
		font-size: 14px;
		line-height: 18px;
	}
	);
	.mobile( {
		font-size: 14px;
		line-height: 18px;
	}
	);
}


 ----------------------------------- reviews ----------------------------------- 

.reviews {
	overflow: hidden;
	padding: 0 40px 100px;
	background-color: @colorgray1;
	h1 {
		margin: 80px 0 60px;
		font-size: 36px;
		line-height: 36px;
		text-align: center;
	}
	.h1 {
		margin: 80px 0 60px;
		font-size: 36px;
		line-height: 36px;
		text-align: center;
	}
	.tablet( {
		padding: 0 24px 60px;
		h1 {
			margin: 40px 0 30px;
			font-size: 30px;
		}
		.h1 {
			margin: 40px 0 30px;
			font-size: 30px;
		}
	}
	);
	.mobile( {
		padding: 0 0 50px;
		h1 {
			padding: 0 20px;
			margin: 30px 0 32px;
			font-size: 24px;
			line-height: 30px;
			text-align: left;
		}
		.h1 {
			padding: 0 20px;
			margin: 30px 0 32px;
			font-size: 24px;
			line-height: 30px;
			text-align: left;
		}
	}
	);
}

.reviews-slider-wrap {
	position: relative;
	max-width: 1200px;
	min-height: 200px;
	margin: 0 auto 70px;
	.tablet( {
		margin-bottom: 50px;
	}
	);
	.mobile( {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}
	);
}

.icon-arr-l {
	.transform(scale(-1,
	1));
}

.icon-arr-t {
	.transform(rotate(-90deg));
}

.icon-arr-r1 {
	.transform(rotate(-90deg));
}

.icon-arr-l1 {
	.transform(rotate(90deg));
}

.reviews-slider {
	width: 360px;
	margin-left: 80px;
	.slick-list {
		overflow: hidden;
	}
	.icon-arr-r,
	.icon-arr-l {
		position: absolute;
		top: 50%;
		margin-top: -30px;
		font-size: 60px;
		color: @colordarkblue;
		cursor: pointer;
	}
	.icon-arr-r {
		right: 0;
	}
	.icon-arr-l {
		left: 0;
	}
	.tablet( {
		width: 280px;
		margin-left: 40px;
		.icon-arr-r,
		.icon-arr-l {
			margin-top: -20px;
			font-size: 41px;
		}
	}
	);
	.tablet-min( {
		width: 200px;
	}
	);
	.mobile( {
		width: auto;
		margin: 0 20px 6px;
		.icon-arr-r,
		.icon-arr-l {
			top: auto;
			bottom: 20px;
			z-index: 1;
			margin-top: -20px;
			font-size: 30px;
		}
		.icon-arr-r {
			right: 20px;
		}
		.icon-arr-l {
			left: 20px;
		}
	}
	);
}

.reviews-slider__item {
	display: inline-block;
	vertical-align: top;
	&:focus {
		outline: none;
	}
	.mobile( {
		position: relative;
		padding-top: 4px;
	}
	);
}

.reviews-slider__date {
	margin-bottom: 20px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
	.mobile( {
		margin-bottom: 12px;
	}
	);
}

.reviews-slider__title {
	margin-bottom: 10px;
	font-family: circe;
	font-weight: 600;
	font-size: 33px;
	line-height: 36px;
	color: @coloradd;
	.tablet( {
		font-size: 30px;
	}
	);
	.tablet-min( {
		font-size: 27px;
		line-height: 30px;
	}
	);
	.mobile( {
		font-size: 24px;
		line-height: 30px;
	}
	);
}

.reviews-slider__name {
	margin-bottom: 15px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 36px;
	color: @colordarkgray;
	.mobile( {
		font-size: 18px;
		line-height: 24px;
	}
	);
}

.reviews-slider__rating {
	width: 114px;
	height: 15px;
	.bg_img("../images/stars-sprite.png",
	no-repeat,
	263px 30px,
	0 0);
	&.rate-0 {
		background-position: -125px -15px;
	}
	&.rate-05 {
		background-position: -125px 0;
	}
	&.rate-1 {
		background-position: -100px -15px;
	}
	&.rate-15 {
		background-position: -100px 0;
	}
	&.rate-2 {
		background-position: -75px -15px;
	}
	&.rate-25 {
		background-position: -75px 0;
	}
	&.rate-3 {
		background-position: -50px -15px;
	}
	&.rate-35 {
		background-position: -50px 0;
	}
	&.rate-4 {
		background-position: -25px -15px;
	}
	&.rate-45 {
		background-position: -25px 0;
	}
	&.rate-5 {
		background-position: 0 0;
	}
	.mobile( {
		position: absolute;
		right: 4px;
		top: 0;
	}
	);
}

.reviews-slider__text-wrap {
	position: absolute;
	right: 80px;
	top: 0;
	width: 655px;
	min-height: 190px;
	padding: 40px;
	background-color: #fff;
	.box-shadow(4px 4px 0 0 rgba(0,
	0,
	0,
	0.2));
	.triangle {
		position: absolute;
		left: -15px;
		top: 50%;
		width: 33px;
		height: 33px;
		margin-top: -17px;
		background-color: #fff;
		.transform(rotate(45deg));
	}
	.desktop( {
		width: 43%;
	}
	);
	.tablet( {
		right: 40px;
		width: 50%;
		padding: 30px;
	}
	);
	.mobile( {
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		padding: 26px 20px 60px;
		margin: 0 10px;
		.box-shadow(none);
		.triangle {
			left: 50%;
			top: -7px;
			margin-top: 0;
			margin-left: -12px;
		}
	}
	);
}

.reviews-slider__text {
	.tablet( {
		font-size: 14px;
		line-height: 18px;
	}
	);
	.mobile( {
		font-size: 14px;
		line-height: 18px;
	}
	);
}

.reviews-slider__item-num {
	position: absolute;
	right: 30px;
	bottom: 30px;
	font-family: circe;
	font-weight: 300;
	font-size: 021px;
	line-height: 24px;
	color: @colorgray;
	span {
		color: @colordarkblue;
	}
	.tablet( {
		right: 20px;
		bottom: 20px;
	}
	);
	.mobile( {
		right: 50%;
		bottom: 20px;
		.transform(translate(50%,
		0));
	}
	);
}

.reviews__buttons {
	.fontreset();
	margin-top: 75px;
	text-align: center;
	.button:first-child {
		margin-right: 20px;
	}
	.button_orange:hover {
		background-color: transparent;
	}
	.tablet( {
		margin-top: 0;
	}
	);
	.mobile( {
		margin-top: 0;
		.button {
			display: block;
			margin: 0 auto;
			&:first-child {
				margin: 0 auto 20px;
			}
		}
	}
	);
}


 ----------------------------------- selection-program ----------------------------------- 

.selection-program {
	position: relative;
	padding: 70px 40px 40px;
	margin-top: 2px;
	margin-bottom: 0;
	background-color: @colorgray2;
	.fontreset();
	&.popup-active {
		.popup-fix-select {
			display: block;
		}
		.popup-bg {
			display: block;
		}
	}
	.center-block-min {
		position: relative;
	}
	.come-back {
		right: -80px;
	}
	.tablet( {
		padding: 70px 20px 25px;
		.center-block-min {
			.clearfix();
		}
	}
	);
	.mobile( {
		padding: 70px 20px 40px;
	}
	);
}

.come-back {
	position: absolute;
	right: 40px;
	top: -40px;
	font-family: circe;
	font-weight: 300;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: normal;
	&:before {
		content: "\e905";
		display: inline-block;
		margin-top: -2px;
		margin-right: 10px;
		font-family: "icomoon";
		font-size: 8px;
		vertical-align: middle;
		.transform(rotate(90deg));
	}
}

.move-on {
	position: absolute;
	right: 40px;
	top: 0;
	font-family: circe;
	font-weight: 300;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: normal;
	&:after {
		content: "\e905";
		display: inline-block;
		margin-top: -2px;
		margin-left: 10px;
		font-family: "icomoon";
		font-size: 8px;
		vertical-align: middle;
		.transform(rotate(-90deg));
	}
	.tablet( {
		right: 24px;
		top: 19px;
		font-size: 14px;
		line-height: 18px;
	}
	);
	.mobile( {
		right: 20px;
		top: -25px;
		font-size: 12px;
		line-height: 16px;
	}
	);
}

.popup-bg {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.selection-program__title {
	margin-bottom: 20px;
	font-family: circe;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	color: @colordarkblue;
	letter-spacing: normal;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 31px;
		font-size: 30px;
		line-height: 30px;
	}
	);
	.mobile( {
		font-size: 30px;
		line-height: 30px;
	}
	);
}


 ----------------------------------- popup-fix-select ----------------------------------- 

.popup-fix-select {
	display: none;
	position: absolute;
	left: 0;
	top: -52px;
	z-index: 11;
	width: 100%;
	padding: 35px 0 30px;
	background-color: @colorgray2;
	.nav {
		position: absolute;
		left: 0;
		top: -79px;
		width: 100%;
		background-color: #fff;
		letter-spacing: normal;
	}
	.nav__list {
		padding-bottom: 28px;
	}
	.docs {
		font-family: circe;
		font-weight: 300;
		font-size: 19px;
		line-height: 1;
		color: @coloradd;
		letter-spacing: normal;
		&:before {
			content: "\e909";
			display: inline-block;
			margin-right: 15px;
			font-family: "icomoon";
			font-size: 30px;
			color: @coloradd;
			vertical-align: middle;
		}
	}
	.button {
		padding: 0 10px;
		vertical-align: middle;
	}
	.icon-close {
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
		.fontreset();
		&:before {
			display: inline-block;
			width: 30px;
			height: 30px;
			background-color: #fff;
			font-size: 16px;
			line-height: 30px;
			color: @colordark;
			letter-spacing: normal;
			text-align: center;
		}
	}
	form {
		margin-bottom: 22px;
		border-bottom: 1px solid #fff;
	}
}

.popup-fix-select__wrap-blocks {
	display: block;
	margin-bottom: 35px;
	vertical-align: middle;
}

.popup-fix-select__block {
	display: inline-block;
	margin-right: 4%;
	letter-spacing: normal;
	vertical-align: top;
	width: 28%;
	margin-bottom: 20px;
}
.popup-fix-select__block:last-child {
    margin-right: 0;
}

.popup-fix-select__side {
	font-family: circe;
	font-size: 21px;
	line-height: 27px;
	color: @colordarkblue;
	margin-bottom: 10px;
    white-space: nowrap;
    
    @media (max-width: 1280px) {
        white-space: normal;
    }
}

.popup-fix-select__list {
	label:first-child {
		li {
			border-top: 1px dotted @coloradd;
		}
	}
	li {
		padding: 17px 20px;
		border-left: 1px dotted @coloradd;
		border-right: 1px dotted @coloradd;
		border-bottom: 1px dotted @coloradd;
		background-color: @colorgray2;
		font-family: circe;
		font-weight: 300;
		font-size: 19px;
		line-height: 24px;
		color: @colordarkblue;
		cursor: pointer;
		.transition(0.3s);
		&:hover {
			background-color: @colordarkgray2;
		}
		// &.active {
		// 	border-color: @coloradd;
		// 	background-color: @coloradd;
		// 	color: #fff;
		// }
		&:first-child {
			border-top: 1px dotted @coloradd;
		}
		&:last-child {
			border-bottom: 1px dotted @coloradd;
		}
	}
}

.popup-fix-select__links {
	display: none;
	a {
		display: block;
		font-family: circe;
		font-weight: 300;
		padding: 14px 75px 10px;
		margin-bottom: 0;
		font-size: 19px;
		line-height: 1;
		color: @colordarkblue;
		text-decoration: none;
		.transition(0.2s);
		&:hover {
			background-color: @coloradd;
			color: #fff;
		}
	}
	.tablet( {
		display: block;
	}
	);
	.mobile( {
		display: block;
		a {
			padding: 14px 25px 10px;
		}
	}
	);
}


 ----------------------------------- fix-select ----------------------------------- 

.fix-select {
	display: inline-block;
	position: relative;
	width: 32%;
	height: 130px;
	padding: 20px 0 0 0;
	margin-right: 1.3%;
	background-color: @coloradd;
	letter-spacing: normal;
	vertical-align: top;
	.icon-arr-b {
		position: absolute;
		right: 15px;
		bottom: 15px;
		font-size: 13px;
		color: #fff;
	}
	.tablet( {
		width: 49%;
		margin: 0 0 2%;
		&:nth-child(2n-1) {
			float: left;
		}
		&:nth-child(2n) {
			float: right;
		}
	}
	);
	.mobile( {
		width: 100%;
		margin: 0 0 10px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
}

.fix-select__side {
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 15px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: #fff;
	.mobile( {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 1;
	}
	);
}

.fix-select__side-name {
	font-family: circe;
	font-weight: 600;
	font-size: 21px;
	line-height: 26px;
	color: #fff;
	.mobile( {
		font-size: 18px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- services-block ----------------------------------- 

// .services-block {}
.services-block__inner {
	padding-bottom: 80px;
	margin-bottom: 80px;
	border-bottom: 1px solid @colorgray3;
	.fontreset();
	.tablet( {
		.clearfix();
		padding-bottom: 26px;
		margin-bottom: 35px;
	}
	);
	.mobile( {
		.clearfix();
		padding-bottom: 26px;
		margin-bottom: 35px;
	}
	);
}

.services-block__item {
	display: inline-block;
	position: relative;
	width: 390px;
	height: 290px;
	padding: 40px 22px;
	margin: 0 5px 10px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	.icon-people {
		opacity: 0;
		position: absolute;
		right: 30px;
		bottom: 30px;
		z-index: 1;
		font-size: 70px;
		color: #fff;
		.transition(.3s);
	}
	&:hover {
		background-image: none!important;
		.services-block__bg {
			opacity: 1;
			.transform(scale(0.95,
			0.95));
		}
		.icon-people {
			opacity: 1;
		}
	}
	.tablet( {
		width: 49%;
		height: 265px;
		margin: 0 0 2%;
		&:nth-child(2n-1) {
			float: left;
		}
		&:nth-child(2n) {
			float: right;
		}
	}
	);
	.mobile( {
		width: 100%;
		height: 265px;
		padding: 20px;
		margin: 0 0 10px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
}

.services-block__title {
	position: relative;
	z-index: 1;
	font-family: circe;
	font-weight: 300;
	font-size: 30px;
	line-height: 35px;
	color: #fff;
	text-transform: uppercase;
	strong {
		font-weight: 700;
	}
	.tablet( {
		font-size: 26px;
		line-height: 30px;
	}
	);
	.mobile( {
		font-size: 26px;
		line-height: 30px;
	}
	);
}

.services-block__bg {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: @colorsite;
	.transition(.5s transform);
}


 ----------------------------------- feedback-form ----------------------------------- 

.feedback-form {
	max-width: 780px;
	margin-bottom: 80px;
	label {
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		line-height: 24px;
		color: @colordarkblue;
		vertical-align: middle;
		cursor: pointer;
		&.agreement {
			font-family: Arial;
			font-style: italic;
			font-size: 13px;
			line-height: 18px;
			color: @colordarkblue;
			cursor: pointer;
			display: inline-block;
			margin-bottom: 10px;
		}
		span {
			font-family: Arial;
			font-weight: normal;
			color: @colorsite;
		}
	}
	&.add-mar-l {
		margin-left: 80px;
	}
	&.add-mar-b {
		margin-bottom: 60px;
	}
	.select-wrap {
		width: 100%;
	}
	.desktop( {
		&:not(.add-mar-l) {
			margin-left: 80px;
		}
	}
	);
	.tablet( {
		width: 100%;
		max-width: none;
		padding: 0 24px;
		&.add-mar-l {
			margin-left: 0;
		}
	}
	);
	.mobile( {
		width: 100%;
		max-width: none;
		padding: 0 24px;
		&.add-mar-l {
			margin-left: 0;
		}
		label {
			font-size: 16px;
			&.agreement {
				display: inline-block;
			}
		}
	}
	);
	&--complaints {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		.mobile( {
			padding: 0;
		}
		);
	}
}

.feedback-form--center {
	margin: 0 auto;
	.desktop-large( {
		margin: 0 auto;
	}
	);
}

.feedback-form--center:not(.add-mar-l) {
	margin-left: auto;
}

input[type="checkbox"].error+label:before {
	border-color: red;
}

.input-wrap.error-text {
	border: 2px solid red;
	.error-text {
		padding: 5px 10px;
	}
}

.form-line {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	&:last-child {
		.input-wrap {
			text-align: justify;
			.justify();
		}
		.form-hint {
			position: relative;
			padding-left: 15px;
			text-align: left;
			vertical-align: middle;
			&:before {
				position: absolute;
				left: 0;
				top: 0;
				content: "*";
				font-family: Arial;
				font-size: 21px;
				line-height: 1;
				color: @colorsite;
			}
		}
		.button {
			vertical-align: middle;
		}
	}
	&.push-bottom {
		margin-bottom: 30px;
	}
	.checkbox-list {
		.fontreset();
		text-align: justify;
		.justify();
	}
	.checkbox-list__item {
		display: inline-block;
		width: 50%;
		padding-right: 10px;
		margin-top: 26px;
		letter-spacing: normal;
		&:first-child {
			margin-top: 0;
		}
		&:nth-child(2) {
			margin-top: 0;
		}
		&:nth-child(2n-1) {
			width: 48%;
		}
		&:nth-child(2n) {
			width: 52%;
			padding-right: 0;
		}
		label:before {
			top: -2px!important;
		}
	}
	.radio-list {
		width: 100%;
		.cell {
			padding: 0;
			&:first-child {
				text-align: left;
				padding-right: 10px;
			}
			&:last-child {
				text-align: right;
			}
		}
		label {
			position: relative;
			padding-left: 44px;
			&:before {
				content: "";
				position: absolute;
				left: 0;
				top: -2px;
				.box-sizing(border-box);
				width: 30px;
				height: 30px;
				border: 2px solid @coloradd;
				.border-radius(50%);
			}
			&:after {
				display: none;
				content: "";
				position: absolute;
				left: 7px;
				top: 5px;
				.box-sizing(border-box);
				width: 16px;
				height: 16px;
				.border-radius(50%);
				background-color: @coloradd;
			}
		}
	}
	input[type="radio"]:checked+label:after {
		display: block;
	}
	.tablet( {
		margin-bottom: 28px;
		.checkbox-list {
			.clearfix();
			margin-top: -26px;
		}
		.checkbox-list__item {
			&:nth-child(2n-1) {
				float: left;
				width: 35%;
			}
			&:nth-child(2n) {
				float: right;
				width: 260px;
			}
			&:first-child {
				margin-top: 26px;
			}
			&:nth-child(2) {
				margin-top: 26px;
			}
		}
	}
	);
	.tablet-min( {
		.checkbox-list__item {
			&:nth-child(2n-1) {
				float: none;
				width: 100%;
			}
			&:nth-child(2n) {
				float: none;
				width: 100%;
			}
		}
	}
	);
	.mobile( {
		display: block;
		&:last-child {
			.button {
				display: block;
				margin: 25px auto 0;
			}
		}
		.checkbox-list {
			margin-top: 0;
			margin-bottom: 30px;
		}
		.checkbox-list__item {
			margin-top: 15px;
			&:nth-child(2n-1) {
				float: none;
				width: 100%;
			}
			&:nth-child(2n) {
				float: none;
				width: 100%;
			}
			&:first-child {
				margin-top: 15px;
			}
			&:nth-child(2) {
				margin-top: 15px;
			}
		}
	}
	);
}

.fancybox-outer .feedback-form.add-mar-l {
	margin-left: 10px;
}

.form-line_anim {
	.transform(translateY(100px));
	opacity: 0;
	.transition(all 0.3s linear);
	&.done {
		.transform(translateY(0));
		opacity: 1;
	}
}

.label-wrap {
	display: table-cell;
	width: 260px;
	padding-right: 15px;
	vertical-align: middle;
	.icon-question {
		margin: -5px 0 0 13px;
		vertical-align: middle;
	}
	.mobile( {
		display: block;
	}
	);
}

.feedback-form__title-wrap {
	margin-bottom: 40px;
	text-align: center;
	.tablet( {
		margin-bottom: 37px;
	}
	);
	.mobile( {
		margin-bottom: 14px;
	}
	);
}

.feedback-form__title {
	margin-bottom: 0;
	font-family: circe;
	font-size: 36px;
	line-height: 40px;
	color: @colordarkblue;
	.tablet( {
		font-size: 30px;
		line-height: 36px;
	}
	);
	.mobile( {
		font-size: 24px;
		line-height: 36px;
	}
	);
}

.feedback-form__text {
	margin-top: 4px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 24px;
	color: @colordarkblue;
	text-align: center;
	.tablet( {
		padding: 0 24px;
	}
	);
	.mobile( {
		padding: 0 20px;
		font-size: 18px;
		line-height: 21px;
	}
	);
}

.feedback-form__text--block {
	display: block;
	max-width: 1280px;
	margin: 0 auto 25px auto;
	padding: 0 20px;
	text-align: left;
}

.fontreset {
	.fontreset();
}

.input-wrap {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	&.text-on-right {
		text-align: right!important;
	}
	input {
		width: 100%;
		&.half-width {
			width: 50%;
			vertical-align: middle;
		}
	}
	textarea {
		width: 100%;
		min-width: 100%;
		max-width: 520px;
		height: 120px;
		min-height: 120px;
	}
	.select-wrap {
		width: 100%;
		z-index: 4;
	}
	div.half-width {
		display: inline-block;
		width: 50%;
		.button {
			vertical-align: middle;
		}
	}
	.text {
		display: inline-block;
		font-size: 21px;
		line-height: 1;
		color: @colordarkblue;
		letter-spacing: normal;
		margin-left: 12px;
		vertical-align: middle;
	}
	.button {
		&.half-width {
			width: 50%;
			vertical-align: middle;
		}
	}
	.mobile( {
		display: block;
		input {
			&.half-width {
				width: 100%;
			}
		}
		.button {
			&.half-width {
				width: 100%;
			}
		}
		&.mobile-inline {
			display: inline-block;
		}
	}
	);
}

.form-hint {
	display: inline-block;
	width: 48%;
	padding-left: 10px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	color: @colorgray;
	vertical-align: middle;
	span {
		font-family: Arial;
		font-size: 21px;
		line-height: 1;
		color: @colorsite;
	}
	&.star {
		position: relative;
		padding-left: 15px;
		text-align: left;
		vertical-align: middle;
		&:before {
			content: "*";
			position: absolute;
			left: 0;
			top: 0;
			font-family: "Arial";
			font-size: 21px;
			line-height: 1;
			color: #f15d22;
		}
	}
	.tablet( {
		font-size: 12px;
	}
	);
	.mobile( {
		display: block;
		width: auto;
		padding-left: 0;
		margin-top: 10px;
	}
	);
}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
	height: 50px;
	border: 2px solid @coloradd;
	background-color: #fff;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 46px;
	color: @colordarkblue;
	&::-moz-placeholder {
		color: @colorgray;
		font-size: 16px;
	}
	&:-moz-placeholder {
		color: @colorgray;
		font-size: 16px;
	}
	&::-webkit-input-placeholder {
		color: @colorgray;
		font-size: 16px;
	}
	&:-ms-input-placeholder {
		color: @colorgray;
		font-size: 16px;
	}
	&.placeholder {
		color: @colorgray;
		font-size: 16px;
	}
	&[disabled] {
		bgrder-color: @colordarkblue;
		background-color: @colorgray2;
		color: @colordarkblue;
	}
	.tablet( {
		font-size: 16px;
	}
	);
}

input {
	padding: 0 20px;
}

textarea {
	padding: 10px 20px;
}

.title-page {
	position: relative;
	margin: 40px 0;
	font-family: circe;
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	padding-bottom: 20px;
	&.half-width {
		padding-right: 50%;
	}
	.soc-icons {
		text-align: right;
		a {
			margin-right: 10px;
		}
	}
	.icon-mail {
		position: absolute;
		right: 28px;
		bottom: -2px;
		font-size: 13px;
		color: @colorgray3;
	}
	.pdf {
		position: absolute;
		right: 0;
		bottom: -6px;
		width: 20px;
		height: 23px;
		.bg_img("../images/pdf1.png",
		no-repeat,
		contain,
		center center);
	}
	.tablet( {
		font-size: 30px;
		line-height: 48px;
		&.half-width {
			padding: 0 50% 0 0;
		}
		.soc-icons {
			position: static;
		}
		.icon-mail {
			right: 52px;
		}
		.pdf {
			right: 24px;
		}
	}
	);
	.mobile( {
		margin-bottom: 30px;
		font-size: 25px;
		line-height: 30px;
		&.half-width {
			padding-right: 55px;
		}
		.soc-icons {
			position: static;
			margin-top: 10px;
		}
	}
	);
}

.pay-form {
	.select-wrap {
		z-index: auto!important;
	}
}

div.error-text {
	line-height: 1.2;
	letter-spacing: normal;
}


 ----------------------------------- second-menu ----------------------------------- 

.second-menu-wrap {
	width: 100%;
	padding: 0 24px;
	background-color: @coloradd;
	&.fixed {
		position: fixed;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	.desktop( {
		padding: 0 40px;
	}
	);
	.tablet( {
		padding: 0 24px;
	}
	);
	.tablet-min( {
		padding: 0 10px;
	}
	);
	.mobile( {
		padding: 0 10px;
	}
	);
}

.second-menu {
	width: 1200px;
	margin: 0 auto;
	.fontreset();
	li {
		display: inline-block;
		letter-spacing: normal;
		&.button-wrap {
			float: right;
			width: 200px;
			a {
				font-size: 14px;
			}
		}
	}
	a {
		position: relative;
		display: inline-block;
		margin-right: 27px;
		font-family: circe;
		font-weight: 300;
		font-size: 17px;
		line-height: 50px;
		color: #fff;
		&.active {
			&:before {
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 8px;
				background-color: #fff;
			}
		}
	}
	.desktop( {
		margin: 0;
	}
	);
	.tablet( {
		margin: 0;
	}
	);
	.mobile( {
		margin: 0;
		a {
			font-size: 13px;
			line-height: 40px;
			&.active {
				&:before {
					height: 5px;
				}
			}
		}
	}
	);
}


 ----------------------------------- team-list ----------------------------------- 

.team-list {
	.clearfix();
	margin-bottom: 80px;
	.fontreset();
	.tablet( {
		margin-bottom: 30px;
	}
	);
	.mobile( {
		margin-bottom: 40px;
	}
	);
}

&.no-main {
	.team-list__item {
		&:nth-child(2n-1) {
			.team-list__desc-wrap {
				left: 0;
			}
			.triangle {
				left: 280px;
			}
		}
		&:nth-child(2n) {
			.team-list__desc-wrap {
				left: -100%;
			}
			.triangle {
				right: 306px;
				left: auto;
			}
		}
	}
	.tablet( {
		padding-bottom: 10px;
		border-bottom: 1px solid @colorgray3;
		.team-list__item {
			&:nth-child(2n-1) {
				.team-list__desc-wrap {
					left: 0;
				}
				.triangle {
					left: 50%;
				}
			}
			&:nth-child(2n) {
				.team-list__desc-wrap {
					left: 0;
				}
				.triangle {
					right: auto;
					left: 50%;
				}
			}
		}
	}
	);
	.mobile( {
		padding-bottom: 10px;
		border-bottom: 1px solid @colorgray3;
		.team-list {
			margin-bottom: 0;
		}
		.team-list__item {
			&:nth-child(2n-1) {
				.team-list__desc-wrap {
					left: 0;
				}
				.triangle {
					left: 50%;
				}
			}
			&:nth-child(2n) {
				.team-list__desc-wrap {
					left: 0;
				}
				.triangle {
					right: auto;
					left: 50%;
				}
			}
		}
	}
	);
}

.team-list__item {
	display: inline-block;
	width: 50%;
	margin-bottom: 20px;
	letter-spacing: normal;
	vertical-align: top;
	&.main {
		width: 100%;
		.team-list__title {
			padding-left: 52%;
		}
		.team-list__photo {
			width: 50%;
		}
		.team-list__desc-wrap {
			left: 0!important;
			width: 100%;
		}
	}
	&:nth-child(2n-1) {
		.team-list__desc-wrap {
			left: -100%;
		}
		.triangle {
			left: 280px;
		}
	}
	&:nth-child(2n) {
		.team-list__desc-wrap {
			left: 0%;
		}
		.triangle {
			left: 280px;
		}
	}
	&:first-child {
		.triangle {
			left: 50%;
		}
	}
	.tablet( {
		width: 100%;
		&.main {
			.team-list__title {
				padding-left: 52%;
			}
		}
		&:nth-child(2n),
		&:nth-child(2n-1) {
			.triangle {
				left: 50%;
				right: auto;
			}
			.team-list__desc-wrap {
				left: 0;
			}
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
	.mobile( {
		width: 100%;
		&:last-child {
			margin-bottom: 0;
		}
		&.main {
			.team-list__title {
				padding: 0 0 20px;
			}
			.team-list__photo {
				width: 100%;
			}
		}
		&:nth-child(2n),
		&:nth-child(2n-1) {
			.triangle {
				left: 50%;
				right: auto;
			}
			.team-list__desc-wrap {
				left: 0;
			}
		}
	}
	);
}

.team-list__title {
	overflow: hidden;
	position: relative;
	z-index: 1;
	min-height: 290px;
	padding: 30px 15px 20px 300px;
	cursor: pointer;
	&:hover {
		.team-list__photo:before {
			opacity: 0.5;
		}
	}
	&.show-desc {
		.triangle {
			display: block;
		}
	}
	.triangle {
		display: none;
		position: absolute;
		left: 50%;
		bottom: 0px;
		z-index: -1;
		width: 0;
		height: 0;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 13px solid @colorsite;
		margin-left: -14px;
	}
	.tablet( {
		min-height: 280px;
		padding: 18px 15px 0 52%;
	}
	);
	.mobile( {
		padding: 0 0 10px;
	}
	);
}

.team-list__photo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 280px;
	height: 290px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	&:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: @coloradd;
		opacity: 0;
		.transition(0.3s);
	}
	.tablet( {
		width: 50%;
	}
	);
	.mobile( {
		position: static;
		width: 100%;
		max-width: 290px;
		&:before {
			display: none;
		}
	}
	);
}

.team-list__name {
	margin-bottom: 15px;
	font-family: circe;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 27px;
	}
	);
	.mobile( {
		margin-top: 20px;
		font-size: 24px;
		line-height: 27px;
	}
	);
}

.team-list__position {
	margin-bottom: 26px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 25px;
	color: @colordarkblue;
	.tablet( {
		margin-bottom: 19px;
		font-size: 18px;
		line-height: 21px;
	}
	);
	.mobile( {
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 21px;
	}
	);
}

.team-list__quote {
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
	font-family: Arial;
	font-style: italic;
	font-size: 14px;
	line-height: 21px;
	&:before {
		content: "\00ab";
		position: absolute;
		left: 0px;
		top: -27px;
		font-style: normal;
		font-weight: bold;
		font-size: 59px;
		line-height: 80px;
		color: @colorsite;
	}
	&:after {
		content: "\00ab";
		position: absolute;
		right: 0px;
		bottom: -27px;
		font-style: normal;
		font-weight: bold;
		font-size: 59px;
		line-height: 80px;
		color: @colorsite;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

.team-list__desc-wrap {
	position: relative;
	z-index: 1;
	display: none;
	width: 200%;
	background-color: @colorgray1;
	.icon-close {
		position: absolute;
		right: 18px;
		top: 25px;
		font-size: 16px;
		color: @colordark;
		cursor: pointer;
	}
	.tablet( {
		width: 100%;
	}
	);
	.mobile( {
		width: 100%;
	}
	);
}

.team-list__desc {
	position: relative;
	padding: 40px 80px;
	&:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 8px;
		background-color: @colorsite;
	}
	p {
		font-size: 16px;
		line-height: 24px;
	}
	.tablet( {
		padding: 5px 40px 31px;
	}
	);
	.mobile( {
		padding: 5px 10px 31px;
		p {
			font-size: 14px;
			line-height: 21px;
		}
	}
	);
}

h3 {
	margin: 60px 0 30px;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin: 40px 0 12px;
		font-size: 18px;
		line-height: 21px;
	}
	);
	.mobile( {
		margin: 30px 0 10px;
		font-size: 16px;
		line-height: 21px;
	}
	);
}

.biography-list {
	li {
		position: relative;
		padding-left: 150px;
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	div {
		position: absolute;
		left: 0;
		top: 0;
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		line-height: 24px;
		color: @colorsite;
	}
	p {
		font-size: 16px;
		line-height: 24px;
	}
	.tablet( {
		li {
			padding-left: 155px;
		}
		div {
			font-size: 18px;
			line-height: 24px;
		}
	}
	);
	.mobile( {
		li {
			padding-left: 0;
		}
		div {
			position: static;
			font-size: 18px;
			line-height: 24px;
		}
		p {
			font-size: 14px;
			line-height: 21px;
		}
	}
	);
}


 ----------------------------------- ops-top-promo ----------------------------------- 

.ops-top-promo {
	.bg_img("",
	no-repeat,
	cover,
	center top);
	.center-block {
		position: relative;
		padding: 66px 0 58px 118px;
	}
	.button {
		position: absolute;
		right: 40px;
		bottom: 70px;
	}
	@media (min-width: 980px) and (max-width: 1122px) {
		& .center-block {
			padding-left: 24px;
		}
		& .ops-top-promo__list li div {
			font-size: 20px;
		}
	}
	.tablet( {
		// .center-block {padding: 72px 24px 80px;}
		.center-block {
			padding: 56px 24px;
		}
		.button {
			right: 24px;
			bottom: 75px;
		}
	}
	);
	@media (max-width: 860px) {
		& .button {
			position: static;
			margin-right: 20px;
		}
		& .ops-top-promo__list {
			margin-bottom: 29px;
		}
	}
	.mobile( {
		.center-block {
			padding: 24px 20px 30px;
		}
		.button {
			position: static;
			display: block;
			margin: 0 auto;
		}
	}
	);
}

.ops-top-promo__title {
	font-family: circe;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	color: #fff;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 25px;
		font-size: 30px;
		line-height: 33px;
	}
	);
	.mobile( {
		font-size: 18px;
		line-height: 24px;
	}
	);
}

.ops-top-promo__list {
	li {
		position: relative;
		min-height: 26px;
		padding-left: 50px;
		margin: 15px 0 10px;
		font-family: circe;
		font-weight: 300;
		.fontreset();
		&:before {
			content: "\e907";
			position: absolute;
			left: 3px;
			top: 1px;
			width: 24px;
			height: 24px;
			.border-radius(50%);
			background-color: @colorsite;
			font-family: "icomoon";
			font-size: 10px;
			line-height: 24px;
			color: #fff;
			letter-spacing: normal;
			text-align: center;
		}
		div {
			font-size: 21px;
			line-height: 26px;
			color: #fff;
			letter-spacing: normal;
		}
	}
	.tablet( {
		li {
			margin: 10px 0 0;
			&:before {
				left: 1px;
				top: -3px;
			}
			div {
				font-size: 16px;
				line-height: 21px;
			}
		}
	}
	);
	.mobile( {
		margin-bottom: 29px;
		li {
			padding-left: 29px;
			&:before {
				width: 18px;
				height: 18px;
				font-size: 7px;
				line-height: 18px;
			}
			div {
				font-size: 15px;
				line-height: 21px;
			}
		}
	}
	);
}

.ops-top-promo__text {
	margin-top: 3px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 25px;
	color: #fff;
}


 ----------------------------------- media-search-from ----------------------------------- 

.media-search-from {
	position: relative;
	width: 67%;
	margin-top: 30px;
	.clearfix();
	.select-wrap {
		float: left;
		width: 33%;
	}
	input[type="text"] {
		float: left;
		width: 67%;
		padding-right: 66px;
		border: none;
	}
	.select-wrap {
		background-color: @coloradd;
	}
	.select-val {
		color: #fff!important;
		border: none;
	}
	.select-menu {
		top: 50px;
	}
	.icon-arr-b {
		color: #fff!important;
	}
	button {
		position: absolute;
		right: 0;
		top: 0;
		width: 66px;
		height: 50px;
		background-color: transparent;
		font-family: "icomoon";
		font-size: 21px;
		line-height: 50px;
		color: @coloradd;
		&:focus {
			outline: none;
		}
	}
	.tablet( {
		width: 100%;
	}
	);
	.mobile( {
		width: 100%;
		.select-wrap {
			float: none;
			width: 100%;
		}
		input[type="text"] {
			float: none;
			width: 100%;
			margin-top: -6px;
		}
		button {
			top: auto;
			bottom: 0;
		}
	}
	);
}


 ----------------------------------- headers ----------------------------------- 

h1 {
	margin: 20px 0 60px;
	font-family: circe;
	font-size: 36px;
	color: @colordarkblue;
	letter-spacing: normal;
	text-align: center;
	.tablet( {
		margin: 35px 0 30px;
		font-size: 30px;
		line-height: 41px;
	}
	);
	.mobile( {
		padding: 0 10px;
		margin: 25px 0 14px;
		font-size: 24px;
		line-height: 30px;
	}
	);
}

.h1 {
	margin: 80px 0 60px;
	font-family: circe;
	font-size: 36px;
	color: @colordarkblue;
	letter-spacing: normal;
	text-align: center;
	.tablet( {
		margin: 35px 0 30px;
		font-size: 30px;
		line-height: 41px;
	}
	);
	.mobile( {
		padding: 0 10px;
		margin: 25px 0 14px;
		font-size: 24px;
		line-height: 30px;
	}
	);
}


 ----------------------------------- formation-pensions ----------------------------------- 

.formation-pensions {
	text-align: center;
	.h1 {
		margin-bottom: 25px;
	}
	.icon-question {
		margin-bottom: 0;
	}
	.center-block-min {
		max-width: none;
		padding: 0 80px 38px;
		border-bottom: 1px solid @colorgray3;
	}
	.desktop( {
		.center-block {
			padding: 0;
		}
		.center-block-min {
			padding: 0 0 38px;
			border: 0;
		}
		.h1 {
			margin-bottom: 30px;
		}
	}
	);
	.tablet( {
		.center-block {
			padding: 0;
		}
		.center-block-min {
			padding: 0 0 38px;
			border: 0;
		}
		.h1 {
			margin-bottom: 30px;
		}
	}
	);
	.mobile( {
		.center-block {
			padding: 0;
		}
		.center-block-min {
			padding: 0 0 38px;
			border: 0;
		}
		.h1 {
			padding: 0 24px;
			margin-bottom: 14px;
			font-size: 24px;
			line-height: 30px;
		}
	}
	);
}

.popup-question-hover {
	display: none;
	position: absolute;
	left: -37px;
	top: 45px;
	z-index: 10;
	width: 500px;
	max-width: 340px;
	padding: 20px;
	background-color: @colorgray1;
	.box-shadow(4px 4px 0 0 rgba(0,
	0,
	0,
	0.2));
	text-align: left;
	p {
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 18px;
		color: @colordarkblue;
	}
}

.question {
	display: inline-block;
	font-family: circe;
	font-weight: 300;
	font-size: 17px;
	line-height: 1.3;
	color: @colordarkblue;
	vertical-align: middle;
	.mobile( {
		display: block;
		padding: 0 24px;
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 24px;
	}
	);
}

.question-wrap {
	margin-bottom: 20px;
	vertical-align: top;
	.cell {
		padding: 0;
		&:last-child {
			padding-left: 8px;
		}
	}
	.icon-question {
		vertical-align: top;
		margin-bottom: 0;
	}
	.icon-quest-text {
		display: inline;
		margin-left: 0;
		letter-spacing: normal;
	}
}

.icon-question {
	width: 22px;
	height: 22px;
	.border-radius(50%);
	border: 1px solid rgba(77, 135, 169, 0);
	background-color: rgba(77, 135, 169, 0.7);
	font-family: Brutal!important;
	font-weight: bold!important;
	font-size: 19px!important;
	line-height: 24px!important;
	color: #fff!important;
	text-align: center;
	vertical-align: middle;
	.transition(0.2s);
	&:hover {
		border: 1px solid @colorlightblue;
		;
		background-color: #fff;
		color: @colorlightblue!important;
		line-height: 20px!important;
	}
	&.icon-question_hover:hover {
		&:after {
			display: block;
		}
		.popup-question-hover {
			display: block;
		}
	}
}

.icon-question_full {
	border: 1px solid rgba(77, 135, 169, 0.7);
	background-color: rgba(77, 135, 169, 0);
	color: rgba(77, 135, 169, 0.7)!important;
	margin-bottom: 0!important;
}

.icon-question_hover {
	position: relative;
	&:after {
		content: "";
		display: none;
		position: absolute;
		left: -3px;
		top: 21px;
		z-index: 0;
		width: 0;
		height: 0;
		border-left: 26px solid transparent;
		border-right: 26px solid transparent;
		border-bottom: 24px solid @colorgray1;
		margin-left: -13px;
	}
}

.formation-pensions__blocks {
	margin-top: 40px;
	.fontreset();
	text-align: center;
	.tablet( {
		overflow: hidden;
	}
	);
	.mobile( {
		overflow: hidden;
		margin-top: 21px;
	}
	);
}

.formation-pensions__block1 {
	position: relative;
	display: inline-block;
	width: 33.333%;
	max-width: 320px;
	letter-spacing: normal;
	vertical-align: top;
	&:after {
		content: "\e90a";
		position: absolute;
		right: -16px;
		top: 120px;
		font-family: "icomoon";
		font-size: 25px;
		color: @coloradd;
	}
	.formation-pensions__circle {
		position: relative;
		z-index: 1;
		width: 240px;
		height: 240px;
		padding-top: 45px;
		margin: 0 auto 20px;
		.border-radius(50%);
		border: 28px solid @colorgray3;
		background-color: #fff;
		text-align: center;
	}
	.formation-pensions__percent {
		color: @colordarkblue;
	}
	.desktop( {
		&:after {
			top: 96px;
		}
		.formation-pensions__circle {
			width: 190px;
			height: 190px;
			padding-top: 24px;
			margin: 0 auto 15px;
			border-width: 22px;
		}
	}
	);
	.tablet( {
		&:after {
			top: 96px;
		}
		.formation-pensions__circle {
			width: 190px;
			height: 190px;
			padding-top: 24px;
			margin: 0 auto 15px;
			border-width: 22px;
		}
	}
	);
	.mobile( {
		display: block;
		width: 250px;
		padding-bottom: 46px;
		margin: 0 auto;
		&:after {
			right: 50%;
			top: auto;
			bottom: 0;
			margin-bottom: 27px;
			margin-right: -14px;
			.transform(rotate(90deg));
		}
		.formation-pensions__circle {
			width: 190px;
			height: 190px;
			padding-top: 24px;
			margin: 0 auto 15px;
			border-width: 22px;
		}
	}
	);
}

.formation-pensions__arc {
	position: absolute;
	left: -26px;
	top: -28px;
	width: 118px;
	height: 104px;
	.bg_img("../images/arc.png",
	no-repeat,
	118px 104px,
	0 0);
	.desktop( {
		left: -20px;
		top: -22px;
		width: 93px;
		height: 83px;
		.background-size(93px auto);
	}
	);
	.tablet( {
		left: -20px;
		top: -22px;
		width: 93px;
		height: 83px;
		.background-size(93px auto);
	}
	);
	.mobile( {
		left: -20px;
		top: -22px;
		width: 93px;
		height: 83px;
		.background-size(93px auto);
	}
	);
}

.formation-pensions__shadow {
	position: absolute;
	z-index: 0;
	left: 70px;
	top: 30px;
	width: 385px;
	height: 385px;
	.bg_img("../images/circle-shadow.png",
	no-repeat,
	contain,
	0 0);
	.desktop( {
		width: 243px;
		height: 243px;
	}
	);
	.tablet( {
		width: 243px;
		height: 243px;
	}
	);
	.mobile( {
		left: 60px;
		width: 307px;
		height: 307px;
	}
	);
}

.formation-pensions__block2 {
	position: relative;
	display: inline-block;
	width: 33.333%;
	max-width: 320px;
	letter-spacing: normal;
	vertical-align: top;
	&:nth-child(2) {
		&:after {
			content: "\e90b";
			position: absolute;
			right: -14px;
			top: 120px;
			font-family: "icomoon";
			font-size: 29px;
			color: @coloradd;
		}
	}
	.formation-pensions__circle {
		position: relative;
		z-index: 1;
		width: 240px;
		height: 240px;
		padding-top: 69px;
		margin: 0 auto 22px;
		.border-radius(50%);
		border: 2px solid @colorgray3;
		background-color: #fff;
		text-align: center;
	}
	.desktop( {
		&:nth-child(2) {
			&:after {
				top: 96px;
			}
		}
		.formation-pensions__circle {
			width: 190px;
			height: 190px;
			padding-top: 44px;
			margin: 0 auto 15px;
		}
	}
	);
	.tablet( {
		&:nth-child(2) {
			&:after {
				top: 96px;
			}
		}
		.formation-pensions__circle {
			width: 190px;
			height: 190px;
			padding-top: 44px;
			margin: 0 auto 15px;
		}
	}
	);
	.mobile( {
		display: block;
		width: 250px;
		margin: 0 auto;
		&:nth-child(2) {
			padding-bottom: 46px;
			&:after {
				top: auto;
				right: 50%;
				bottom: 25px;
				margin-right: -14px;
			}
		}
		.formation-pensions__circle {
			width: 190px;
			height: 190px;
			padding-top: 44px;
			margin: 0 auto 15px;
		}
	}
	);
}

.formation-pensions__percent {
	position: relative;
	z-index: 1;
	margin-bottom: -4px;
	font-family: circe;
	font-weight: 700;
	font-size: 70px;
	line-height: 1;
	color: @colorsite;
	.desktop( {
		margin-bottom: 0;
		font-size: 60px;
	}
	);
	.tablet( {
		margin-bottom: 0;
		font-size: 60px;
	}
	);
	.mobile( {
		margin-bottom: 0;
		font-size: 60px;
	}
	);
}

.formation-pensions__hint {
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	margin: 0 15px;
	color: @colordarkblue;
	.desktop( {
		font-size: 11px;
	}
	);
	.tablet( {
		font-size: 11px;
	}
	);
	.mobile( {
		font-size: 11px;
	}
	);
}

.formation-y {
	display: none;
}

.formation-pensions__text {
	position: relative;
	z-index: 1;
	font-family: circe;
	font-weight: 300;
	font-size: 17px;
	line-height: 1.3;
	color: @colordarkblue;
	strong {
		font-family: Arial;
		font-weight: 700;
	}
	.formation-pensions__hint {
		margin-top: 5px;
	}
	.desktop( {
		font-size: 16px;
		line-height: 20px;
	}
	);
	.tablet( {
		font-size: 16px;
		line-height: 20px;
	}
	);
	.mobile( {
		font-size: 16px;
		line-height: 20px;
	}
	);
}

.formation-pensions_bb {
	position: relative;
	z-index: 1;
	padding: 40px 270px 33px 40px;
	margin: 28px 0 18px;
	background-color: @coloradd;
	letter-spacing: normal;
	text-align: left;
	p {
		font-family: circe;
		font-weight: 300;
		font-size: 17px;
		line-height: 1.3;
		color: #fff;
	}
	.button {
		position: absolute;
		right: 40px;
		top: 50%;
		margin-top: -25px;
	}
	.icon-plus {
		position: absolute;
		left: 650px;
		top: -40px;
		width: 56px;
		height: 56px;
		border: 3px solid #fff;
		.border-radius(50%);
		background-color: @colorsite;
		font-size: 30px;
		line-height: 50px;
		color: #fff;
		text-align: center;
	}
	.desktop( {
		padding: 35px 225px 33px 24px;
		margin-top: 34px;
		p {
			font-size: 16px;
			line-height: 21px;
		}
		.button {
			right: 20px;
		}
		.icon-plus {
			left: auto;
			right: 224px;
		}
	}
	);
	.tablet( {
		padding: 35px 225px 33px 24px;
		margin-top: 34px;
		p {
			font-size: 16px;
			line-height: 21px;
		}
		.button {
			right: 20px;
		}
		.icon-plus {
			left: auto;
			right: 224px;
		}
	}
	);
	.mobile( {
		padding: 27px 13px 30px;
		margin-top: 26px;
		p {
			margin-bottom: 25px;
			font-size: 14px;
			line-height: 18px;
		}
		.button {
			position: static;
			display: block;
			margin: 0 auto;
		}
		.icon-plus {
			left: auto;
			right: 20px;
			top: -30px;
		}
	}
	);
}

.formation-pensions_bb-title {
	margin-bottom: 15px;
	font-family: circe;
	font-weight: 600;
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	.desktop( {
		margin-bottom: 12px;
		font-size: 21px;
		line-height: 30px;
	}
	);
	.tablet( {
		margin-bottom: 12px;
		font-size: 21px;
		line-height: 30px;
	}
	);
	.mobile( {
		margin-bottom: 7px;
		font-size: 14px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- two-switch ----------------------------------- 

.two-switch {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 50px;
	margin: 0 15px;
	.border-radius(25px);
	background-color: @colorgray1;
	.fontreset();
	vertical-align: middle;
	// &.move {
	// 	.two-switch__bg {left: 50%;}
	// }
	&.two-switch_block {
		display: block;
		margin: 0 auto;
	}
}

.two-switch_complaints {
	display: block;
	width: 100%;
	height: auto;
	min-height: 50px;
	margin: 0 auto 35px auto;
}

.two-switch__item {
	display: inline-block;
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 50%;
	height: 100%;
	font-family: circe;
	font-weight: 300;
	font-size: 17px;
	line-height: 50px;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	color: @colordarkblue;
	cursor: pointer;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	&.active {
		color: #fff;
		cursor: default;
	}
	&:nth-child(2).active {
		&~.two-switch__bg {
			left: 50%;
		}
	}
	.short-text {
		display: none;
	}
	.mobile( {
		font-size: 16px;
		.full-text {
			display: none;
		}
		.short-text {
			display: inline-block;
		}
	}
	);
}

.two-switch_complaints .two-switch__item {
	padding: 10px;
	font-size: 16px;
	line-height: 30px;
}

.two-switch__bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 50%;
	height: 100%;
	.border-radius(25px);
	background-color: @coloradd;
	.transition(all 0.3s ease-in);
}


 ----------------------------------- cols-2 ----------------------------------- 

.cols-2 {
	.clearfix();
}

.col-1 {
	float: left;
	width: 48%;
}

.col-2 {
	float: right;
	width: 48%;
}


 ----------------------------------- cols-3 ----------------------------------- 

.cols-3 {
	.clearfix();
	.col-1,
	.col-2,
	.col-3 {
		float: left;
		width: 33.333%;
	}
}


 ----------------------------------- pension-calculator ----------------------------------- 

.pension-calculator {
	.center-block {
		padding-bottom: 55px;
		margin-bottom: 81px;
		border-bottom: 1px solid @colorgray3;
	}
	&.yes {
		// .button_orange {
		// 	float: right;
		// 	margin: -107px 67px 0 0;
		// }
		.pension-calculator__line {
			&:last-child {
				margin-top: 42px;
			}
			&.salary-block {
				display: block;
			}
		}
		// .pension-blocks {
		// height: 386px;
		// 	height: 385px;
		// 	margin-bottom: 0;
		// }
		// .pension-block {
		// 	&.base {
		// 		&:first-child {display: none;}
		// 		&:nth-child(2) {
		// 			right: auto;
		// 			left: 50%;
		// 			.transform(translateX(-50%));
		// 			.desc {display: none;}
		// 		}
		// 	}
		// }
		// .pension-block__wrap {
		// 	right: auto;
		// 	left: 50%;
		// 	.transform(translateX(-50%));
		// }
		// .cols-2 {margin-bottom: 28px;}
	}
	.h1 {
		margin: 61px 0 25px;
	}
	.two-switch {
		&.do {
			width: 100%;
		}
		&.sex {
			width: 260px;
		}
		&.ipp {
			width: 100%;
		}
	}
	.h1 {
		text-align: center;
	}
	h3 {
		margin-top: 0;
		font-family: circe;
	}
	.for-short-label {
		display: none;
		font-family: circe;
		font-weight: 300;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		text-align: center;
	}
	.cols-2 {
		margin: 50px 0 60px;
		.col-1 {
			position: relative;
			width: 50%;
			padding: 0 40px 0 0;
			.tablet( {
				width: 100%;
			}
			);
			.mobile( {
				width: 100%;
			}
			);
		}
		.col-2 {
			position: relative;
			width: 50%;
			padding: 40px;
			background-color: @colorgray1;
			text-align: center;
			&.col-fixed {
				position: fixed;
				margin-left: 600px;
				width: 600px;
				top: 80px;
				@media(max-width: 1280px) {
					margin-left: 50%;
					width: auto;
					left: 0px;
					right: 40px;
				}
				.tablet( {
					position: static;
					margin-left: 0;
					width: 100%;
				}
				);
				.mobile( {
					position: static;
					margin-left: 0;
					width: 100%;
				}
				);
			}
			&.col-absolute {
				position: absolute;
				top: auto;
				right: 0;
				bottom: 0;
				.tablet( {
					position: static;
					margin-left: 0;
					width: 100%;
				}
				);
				.mobile( {
					position: static;
					margin-left: 0;
					width: 100%;
				}
				);
			}
			.tablet( {
				width: 100%;
			}
			);
			.mobile( {
				width: 100%;
			}
			);
		}
	}
	.agreement {
		display: inline-block;
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		;
		line-height: 1;
		color: @colordarkblue;
		cursor: pointer;
		&:before {
			top: -3px!important;
		}
	}
	input[type="text"] {
		float: right;
		width: 145px;
		height: 50px;
		margin-top: 24px;
		margin-left: 19px;
		border: 1px solid @colorgray3;
		font-family: circe;
		font-weight: 300;
		line-height: 48px;
		color: @colordarkblue;
		text-align: center;
	}
	.button_orange {
		display: block;
		width: 390px;
		margin: 0 auto;
		font-size: 17px;
		margin-bottom: 56px;
	}
	.hint {
		margin-bottom: 20px;
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 21px;
		color: @colordarkblue;
		&:before {
			content: "";
			display: block;
			height: 0;
			clear: both;
		}
	}
	.desktop( {
		.center-block {
			padding-bottom: 0;
			border-bottom: 0;
		}
		.cols-2 {
			.col-2 {
				padding: 20px 20px 40px;
			}
		}
	}
	);
	.tablet( {
		padding: 0;
		&.yes {
			.button_orange {
				float: none;
				margin: 0 auto 35px;
			}
		}
		.center-block {
			padding-bottom: 0;
			margin-bottom: 40px;
			border-bottom: 0;
		}
		.h1 {
			margin: -6px 0 33px;
		}
		.cols-2 {
			margin: 40px 0;
			.col-1,
			.col-2 {
				float: none;
				width: 100%;
				padding: 0 24px;
			}
			.col-1 {
				padding: 0;
				.pension-calculator_param {
					display: inline-block;
				}
				&>.pension-calculator__line {
					&:first-child {
						text-align: left;
					}
				}
			}
			.col-2 {
				padding: 35px 80px;
			}
		}
		#retirement_savings {
			margin-top: 46px;
		}
		.main-hint {
			margin: 0;
		}
		.agreement {
			display: inline-block;
		}
		.button_orange {
			margin-bottom: 37px;
		}
	}
	);
	.tablet-min( {
		.two-switch {
			&.do {
				width: 100%;
				.two-switch__item {
					font-size: 18px;
				}
			}
		}
		.cols-2 {
			.col-2 {
				padding: 35px 50px;
			}
		}
	}
	);
	.mobile( {
		padding: 0;
		border-bottom: 0;
		&.yes {
			.button_orange {
				float: none;
				margin: 0 10px 27px;
			}
		}
		.center-block {
			padding: 0;
			margin-bottom: 30px;
			border-bottom: 0;
		}
		.h1 {
			padding: 0 20px;
			margin: -12px 0 18px;
		}
		h3 {
			font-size: 17px;
			line-height: 21px;
		}
		.for-short-label {
			display: block;
			padding: 0 20px;
			margin-bottom: 12px;
		}
		.two-switch {
			&.do {
				width: 200px;
			}
			&.sex {
				width: 240px;
				margin-right: 0;
			}
		}
		.cols-2 {
			margin-top: 20px;
			margin-bottom: 33px;
			.col-1,
			.col-2 {
				float: none;
				width: 100%;
				padding: 0 24px;
			}
			.col-1 {
				padding: 0 20px;
				&>.pension-calculator__line {
					&:first-child {
						text-align: left;
					}
				}
			}
			.col-2 {
				padding: 30px 10px;
			}
		}
		.pension-calculator__line {
			margin-bottom: 30px;
		}
		.main-hint {
			margin: 0;
		}
		input[type="text"] {
			float: none;
			display: inline-block;
			width: 100%;
			max-width: 100%;
			padding: 0 10px;
			margin: 10px 0 0 0;
			font-size: 16px;
			vertical-align: middle
		}
		.agreement {
			display: inline-block;
			font-size: 16px;
			line-height: 21px;
			letter-spacing: normal;
			text-align: left!important;
		}
		.button_orange {
			width: auto;
			padding: 0 10px;
			margin: 0 10px 27px;
			font-size: 14px;
		}
		.hint {
			padding: 0 20px;
			margin-bottom: 13px;
			line-height: 18px;
		}
		.main-hint {
			margin: 0 20px;
		}
	}
	);
}

.main-hint {
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 21px;
	color: @colorgray;
	letter-spacing: normal;
	text-align: left;
	span {
		font-style: normal;
		font-size: 21px;
		color: @colordarkblue;
	}
	.desktop( {
		padding: 0 20px 33px;
		border-bottom: 1px solid @colorgray3;
	}
	);
	.tablet( {
		padding-bottom: 33px;
		margin: 0 24px;
		border-bottom: 1px solid @colorgray3;
	}
	);
	.mobile( {
		padding-bottom: 23px;
		margin: 0 13px;
		border-bottom: 1px solid @colorgray3;
	}
	);
}

.main-hint_color {
	color: @colordarkblue;
	padding-bottom: 20px;
}

.main-hint_calc {
	position: absolute;
	left: 0;
	bottom: 34px;
	width: 100%;
	padding: 0 40px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 21px;
	color: @colorgray;
	letter-spacing: normal;
	text-align: left;
	span {
		font-style: normal;
		font-size: 21px;
		color: @colordarkblue;
	}
	.transition(all 0.5s linear);
	.desktop( {
		bottom: 15px;
		padding: 0 20px;
	}
	);
	.tablet( {
		padding: 0 80px;
	}
	);
	.tablet-min( {
		padding: 0 50px;
	}
	);
	.mobile( {
		bottom: 27px;
		padding: 0 10px;
	}
	);
}

.hint-calc-line {
	position: absolute;
	left: 0;
	bottom: 64px;
	width: 100%;
	padding: 0 40px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	color: @colorgray;
	letter-spacing: normal;
	text-align: left;
	.transition(all 0.5s linear);
	.desktop( {
		bottom: 45px;
		padding: 0 20px;
	}
	);
	.tablet( {
		padding: 0 80px;
	}
	);
	.tablet-min( {
		padding: 0 50px;
	}
	);
	.mobile( {
		bottom: 57px;
		padding: 0 10px;
	}
	);
}

.hint-calc-line-ipp {
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100%;
	padding: 0px 0px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	color: @colorgray;
	letter-spacing: normal;
	text-align: left;
	display: none;
	.desktop( {
		bottom: 45px;
		padding: 0 20px;
	}
	);
	.tablet( {
		padding: 0 80px;
	}
	);
	.tablet-min( {
		padding: 0 50px;
	}
	);
	.mobile( {
		bottom: 57px;
		padding: 0 10px;
	}
	);
}

.no-visible {
	opacity: 0;
}

.pension-calculator__line {
	.clearfix();
	margin-bottom: 31px;
	&:last-child {
		//margin: 57px 0 0;
	}
	&.salary-block {
		display: block;
	}
	.two-switch {
		margin: 0 6px;
	}
	.mobile( {
		.fontreset();
		text-align: justify;
		.justify();
	}
	)
}

.ipp-quest {
	text-align: left;
}

.icon-question,
.icon-quest-text {
	margin-bottom: 20px;
}

.pension-calculator_param {
	display: inline-block;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	vertical-align: middle;
	.mobile( {
		max-width: 56%;
		font-size: 16px;
		line-height: 21px;
		letter-spacing: normal;
		text-align: left;
		&+br {
			display: none;
		}
	}
	);
}

.irs {
	height: 0;
}

.irs-with-grid {
	float: left;
	width: 295px;
	height: 43px;
	margin-top: 37px;
	.irs-min,
	.irs-max {
		display: none;
	}
	.tablet( {
		width: 70%;
	}
	);
	.mobile( {
		float: none;
		display: inline-block;
		width: 100%;
		margin-top: 23px;
		letter-spacing: normal;
	}
	);
}

.irs-line {
	top: -2px;
	border: none;
	span {
		height: 8px;
		.border-radius(4px);
		background-color: @colorgray3;
	}
}

.irs-bar-edge,
.irs-bar {
	top: -2px;
	height: 8px;
	border: none;
	background: @colorsite;
}

.irs-bar-edge {
	width: 15px;
}

.irs-slider {
	top: -13px;
	width: 30px;
	height: 30px;
	border: 4px solid @colorsite;
	.box-shadow(3px 3px 0 0 rgba(93,
	96,
	107,
	0.3));
	background: #fff;
}

.irs-grid-pol {
	display: none;
}

.irs-grid-text {
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
}

.irs-single {
	display: none;
}

.pension-calculator__scale {
	.fontreset();
	text-align: justify;
	.justify();
	li {
		display: inline-block;
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 1;
		color: @colorgray;
		letter-spacing: normal;
	}
}

.ui-slider {
	position: relative;
	height: 8px;
	margin-bottom: 20px;
	.border-radius(4px);
	background-color: @colorgray3;
}

.ui-slider-range {
	height: 8px;
	.border-radius(4px);
	background-color: @colorsite;
}

.ui-slider-handle {
	position: absolute;
	width: 30px;
	height: 30px;
	margin-top: -19px;
	margin-left: -15px;
	border: 4px solid @colorsite;
	.border-radius(50%);
	.box-shadow(3px 3px 0 0 rgba(93,
	96,
	107,
	0.3));
	background-color: #fff;
	cursor: pointer;
	&:focus {
		outline: none;
	}
}

.automatic-calc {
	float: right;
	padding-bottom: 2px;
	margin-top: 22px;
	.bg_img("../images/dotted.png",
	repeat-x,
	3px 1px,
	0 100%);
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @coloradd;
	cursor: pointer;
	.tablet( {
		&+input+div {
			padding-top: 22px;
		}
	}
	);
	.mobile( {
		letter-spacing: normal;
		&+input+div {
			padding-top: 22px;
		}
	}
	);
}

.icon-quest-text {
	display: inline-block;
	margin-left: 8px;
	.bg_img("../images/dotted.png",
	repeat-x,
	3px 1px,
	0 100%);
	font-family: Arial!important;
	font-style: italic!important;
	font-size: 16px!important;
	line-height: 21px!important;
	color: @coloradd!important;
	vertical-align: middle;
	.mobile( {
		font-size: 14px!important;
		line-height: 21px!important;
	}
	);
}

.fancybox-close {
	width: 17px!important;
	height: 17px!important;
	text-align: center;
	right: 27px!important;
	top: 15px!important;
	&:before {
		font-family: "icomoon";
		content: "\e908";
		color: @colordark;
	}
	background-image: none!important;
}

.fancybox-skin {
	padding: 0;
	.box-shadow(none)!important;
	.border-radius(0)!important;
}

.quest__popup-wrap {
	display: none;
}

.quest__popup {
	padding: 66px 45px 80px 50px;
	overflow: auto;
	p {
		margin-bottom: 21px;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:last-child {
			margin-bottom: 0;
		}
		&.orange {
			font-size: 21px;
			line-height: 27px;
			color: @colorsite;
		}
	}
	.icon-question {
		margin: 5px 13px 0 0;
		vertical-align: top;
	}
	.mobile( {
		padding: 40px 20px 80px 20px;
		p {
			font-size: 14px;
			line-height: 18px;
			&.orange {
				font-size: 16px;
				line-height: 21px;
			}
		}
	}
	);
}

.quest-popup__h1 {
	position: relative;
	padding-left: 39px;
	margin-bottom: 21px;
	font-family: circe!important;
	font-size: 30px;
	line-height: 36px!important;
	color: @colordarkblue;
	vertical-align: top;
	&:before {
		content: "?";
		position: absolute;
		left: -1px;
		top: 6px;
		width: 22px;
		height: 22px;
		.border-radius(50%);
		background-color: @colorlightblue;
		font-family: "Brutal";
		font-weight: bold;
		font-size: 19px;
		line-height: 22px;
		color: #fff;
		text-align: center;
	}
	.mobile( {
		font-size: 24px;
		line-height: 30px!important;
	}
	);
}

.pension-blocks {
	position: relative;
	// height: 273px;
	height: 355px;
	// margin-bottom: 65px;
	margin-bottom: 29px;
	.mobile( {
		height: 340px!important;
	}
	);
}

.pension-block__wrap {
	position: absolute;
	// bottom: 85px;
	bottom: 211px;
	right: 0;
	width: 45%;
	height: 100px;
	.desktop( {
		bottom: 188px;
		width: 48%;
	}
	);
	.mobile( {
		bottom: 205px;
		width: 48%;
		height: 160px;
	}
	);
}

.pension-block {
	width: 100%;
	color: #fff;
	text-align: center;
	.transition(all 0.5s linear);
	&.base {
		position: absolute;
		bottom: 91px;
		width: 45%;
		// height: 85px;
		height: 120px;
		background-color: @colordarkblue3;
		&.reset-size {
			height: 0;
			opacity: 0;
			.cell {
				padding: 0;
				.transition(all 0.5s linear);
			}
		}
		&.reset-font {
			.sum,
			.comment,
			.desc {
				font-size: 0;
				opacity: 0;
			}
		}
		&:first-child {
			left: 0;
			.desc {
				width: 100%;
			}
		}
		&:nth-child(2) {
			right: 0;
			.desc {
				width: 100%;
			}
		}
	}
	&.add {
		position: absolute;
		bottom: 0;
		height: 100%;
		background-color: @colorsite;
		&.reset-size {
			height: 0;
			opacity: 0;
			.cell {
				padding: 0;
				.transition(all 0.5s linear);
			}
		}
		&.reset-font {
			.sum,
			.comment {
				font-size: 0;
				opacity: 0;
			}
		}
	}
	.sum {
		span {
			font-family: circe;
			font-weight: 700;
			font-size: 36px;
		}
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		line-height: 1;
		.transition(all 0.5s linear);
	}
	.comment {
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 18px;
		.transition(all 0.5s linear);
	}
	.desc {
		position: absolute;
		top: 135px;
		left: 0;
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 1;
		color: @colordarkblue;
		opacity: 0.7;
		.transition(all 0.5s linear);
	}
	.cell {
		padding: 10px;
		vertical-align: middle;
		.transition(all 0.5s linear);
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.all-sum {
		position: absolute;
		left: 0;
		top: -60px;
		width: 100%;
		span {
			font-family: circe;
			font-weight: 700;
			font-size: 36px;
			line-height: 1;
			color: @colordarkblue;
		}
		font-weight: 300;
		font-size: 21px;
		line-height: 1;
		color: @colordarkblue;
	}
	.all-sum__title {
		position: absolute;
		left: 0;
		top: -30px;
		width: 100%;
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 25px;
		color: @colordarkblue;
	}
	.desktop( {
		&.base {
			bottom: 68px;
			width: 48%;
			&:nth-child(1) .desc {
				width: 100%
			}
			&:nth-child(2) .desc {
				left: auto;
				right: 0;
				width: 100%;
			}
		}
		.sum {
			margin-bottom: 5px;
			font-size: 18px;
			span {
				font-size: 24px;
			}
		}
		.comment {
			font-size: 13px;
			line-height: 14px;
		}
		.all-sum {
			top: -50px;
			font-size: 18px;
			span {
				font-size: 24px;
			}
		}
	}
	);
	.mobile( {
		&.base {
			bottom: 113px;
			width: 48%;
			height: 92px;
		}
		.sum {
			margin-bottom: 5px;
			font-size: 16px;
			span {
				font-size: 24px;
			}
		}
		&.add {
			height: 70%;
		}
		.comment {
			font-size: 13px;
			line-height: 14px;
		}
		.all-sum {
			top: -60px;
			font-size: 18px;
			span {
				font-size: 24px;
			}
		}
		.all-sum__title {
			font-size: 13px;
			line-height: 14px;
		}
		&.base {
			&:first-child {
				.desc {
					width: 100%;
				}
			}
			&:nth-child(2) {
				.desc {
					left: auto;
					right: 0;
					width: 100%;
				}
			}
		}
		.cell {
			padding: 14px 10px 10px;
		}
		.desc {
			top: 105px;
			line-height: 18px;
		}
	}
	);
}


 ----------------------------------- img-text-tile ----------------------------------- 

.img-text-tile {
	margin-bottom: 80px;
	.tablet( {
		margin-bottom: 40px;
	}
	);
	.mobile( {
		.center-block {
			padding: 0;
		}
	}
	);
}

.img-text-tile__item {
	overflow: hidden;
	position: relative;
	min-height: 340px;
	margin-bottom: 60px;
	&:nth-child(2n-1) {
		padding-left: 635px;
		.img-text-tile__img {
			left: 0;
		}
	}
	&:nth-child(2n) {
		padding-right: 635px;
		.img-text-tile__img {
			right: 0;
		}
	}
	&:last-child {
		margin-bottom: 0;
	}
	.desktop( {
		&:nth-child(2n-1) {
			padding-left: 53%;
		}
		&:nth-child(2n) {
			padding-right: 53%;
		}
	}
	);
	.tablet( {
		min-height: auto;
		margin-bottom: 39px;
		&:nth-child(2n-1) {
			padding-left: 0;
		}
		&:nth-child(2n) {
			padding-right: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
	.mobile( {
		min-height: auto;
		margin-bottom: 24px;
		&:nth-child(2n-1) {
			padding-left: 0;
		}
		&:nth-child(2n) {
			padding-right: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
}

.img-text-tile__img {
	position: absolute;
	top: 0;
	width: 50%;
	height: 340px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center top);
	.tablet( {
		position: static;
		width: auto;
		height: 410px;
	}
	);
	.mobile( {
		position: static;
		width: auto;
		height: 230px;
	}
	);
}

.img-text-tile__title {
	margin-top: -5px;
	margin-bottom: 26px;
	font-family: circe;
	font-size: 36px;
	line-height: 41px;
	color: @colordarkblue;
	font-size: 30px;
	line-height: 36px;
	.tablet( {
		margin-bottom: 16px;
	}
	);
	.mobile( {
		padding: 0 20px;
		font-size: 24px;
		line-height: 30px;
		text-align: center;
	}
	);
}

.img-text-tile__desc-wrap {
	.tablet( {
		margin-bottom: 24px;
	}
	);
	.mobile( {
		overflow: hidden;
		padding: 0 20px;
	}
	);
}

.img-text-tile__desc {
	margin-bottom: 37px;
	p {
		line-height: 24px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.tablet( {
		margin-bottom: 30px;
	}
	);
	.mobile( {
		margin-bottom: 24px;
		p {
			font-size: 14px;
			line-height: 21px;
		}
	}
	);
}


 ----------------------------------- sup-det-desc ----------------------------------- 

.sup-det-desc {
	padding-bottom: 65px;
	&.push-bottom {
		margin-top: 40px;
		padding-bottom: 0;
	}
	p {
		margin-bottom: 15px;
		line-height: 24px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.cols-2 {
		margin-bottom: 28px;
	}
	ul,
	ol {
		margin: 30px 0 30px 20px;
		&.push-right {
			margin-left: 40px;
		}
		li {
			margin-bottom: 10px;
			padding-left: 30px;
			position: relative;
		}
	}
	ol ol,
	ul ul,
	ul ol,
	ol ul {
		margin: 10px 0 0 20px;
	}
	ol {
		counter-reset: li-counter;
		list-style-type: none;
		&>li:before {
			content: counter(li-counter) '.';
			counter-increment: li-counter;
			font-weight: 400;
			left: 0;
			position: absolute;
			text-align: left;
			top: 0;
			width: 20px;
		}
	}
	ul.mylist {
		&>li:before {
			background: #4d87a9;
			border-radius: 50%;
			content: '';
			height: 6px;
			left: 2px;
			position: absolute;
			top: 9px;
			width: 6px;
		}
		ul>li:before,
		ol &>li:before {
			background: white;
			border: 1px solid #4d87a9;
		}
	}
	ul {
		&>li {
			&:before {
				content: "";
				position: absolute;
				left: 0;
				top: 9px;
				width: 6px;
				height: 6px;
				.border-radius(50%);
				background-color: #4d87a9;
			}
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.col-1 {
		.mobile( {
			width: 100%;
			float: none;
		}
		);
	}
	.col-2 {
		.mobile( {
			width: 100%;
			float: none;
		}
		);
	}
}

.sup-det-desc__title {
	margin-bottom: 30px;
	font-family: circe;
	font-size: 40px;
	line-height: 44px;
	color: @colordarkblue;
}

.sup-det-desc_questions {
	padding: 32px 30px 6px;
	background-color: @colorgray2;
}


 ----------------------------------- file-link ----------------------------------- 

.file-link {
	display: inline-block;
	margin-bottom: 20px;
	vertical-align: middle;
	&:before {
		content: "";
		display: inline-block;
		width: 31px;
		height: 34px;
		margin-right: 10px;
		vertical-align: middle;
	}
	&.pdf {
		&:before {
			.bg_img("../images/pdf.png",
			no-repeat,
			contain,
			center center);
		}
	}
	&.office-word {
		&:before {
			.bg_img("../images/word.png",
			no-repeat,
			contain,
			center center);
		}
	}
	&.office-excel {
		&:before {
			.bg_img("../images/excel.png",
			no-repeat,
			contain,
			center center);
		}
	}
	&.image {
		&:before {
			.bg_img("../images/img-file.png",
			no-repeat,
			contain,
			center center);
		}
	}
}


 ----------------------------------- docs-list ----------------------------------- 

.support-docs-page {
	.title-page {
		margin-bottom: 0;
	}
	h1 {
		margin: 33px 0 26px;
	}
	.h1 {
		margin: 33px 0 26px;
	}
	.center-block {
		position: relative;
	}
	.tablet( {
		h1 {
			text-align: left;
		}
		.h1 {
			text-align: left;
		}
	}
	);
	.mobile( {
		h1 {
			padding: 0;
			margin-top: 16px;
			text-align: left;
		}
		.h1 {
			padding: 0;
			margin-top: 16px;
			text-align: left;
		}
	}
	);
}

.docs-list {
	&:last-child {
		margin-bottom: 100px;
	}
	.tablet( {
		&:last-child {
			margin-bottom: 60px;
		}
	}
	);
	.mobile( {
		&:last-child {
			margin-bottom: 40px;
		}
	}
	);
}

.docs-list__item {
	padding: 38px 38px 18px;
	margin-bottom: 10px;
	border: 1px solid @colorgray3;
	&:last-child {
		margin-bottom: 0;
	}
	.file-link {
		margin-right: 39px;
		&:last-child {
			margin-right: 0;
		}
	}
	.tablet( {
		padding-top: 40px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 15px;
		border: none;
	}
	);
}

.docs-list__title {
	margin-bottom: 25px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 24px;
	.mobile( {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- title-and-text ----------------------------------- 

.title-and-text {
	margin-bottom: 50px;
	h1 {
		margin-top: 20px;
	}
	.h1 {
		margin-top: 20px;
	}
	p {
		margin-bottom: 15px;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:last-child {
			margin-bottom: 0;
		}
	}
	ul {
		ul {
			margin: 0;
			padding: 0;
		}
		margin: 5px 0 20px;
		&:last-child {
			margin-bottom: 0;
		}
		&.push-right {
			margin-left: 40px;
		}
		li {
			position: relative;
			padding-left: 15px;
			margin-bottom: 0px;
			font-size: 16px;
			line-height: 24px;
			color: @colordarkblue;
			&:before {
				content: "";
				position: absolute;
				left: 0;
				top: 9px;
				width: 6px;
				height: 6px;
				.border-radius(50%);
				background-color: #4d87a9;
			}
			li {
				margin-left: 5px;
				&:before {
					background-color: #b1b1b1;
				}
			}
		}
	}
	.tablet( {
		margin-bottom: 35px;
	}
	);
	.mobile( {
		margin-bottom: 30px;
		p {
			margin-bottom: 10px;
			font-size: 14px;
			line-height: 21px;
			&:last-child {
				margin-bottom: 0;
			}
		}
		h1 {
			padding: 0;
			text-align: left;
		}
		.h1 {
			padding: 0;
			text-align: left;
		}
	}
	);
}

.left-brdr-block {
	padding: 60px 40px;
	&.gray {
		background-color: @colorgray1;
	}
	&.white-border {
		.center-block-min {
			border-color: #fff;
		}
	}
	.center-block-min {
		padding-left: 20px;
		border-left: 2px solid @colorsite;
	}
	&.push-bottom {
		margin-bottom: 60px;
	}
	p {
		margin-bottom: 20px;
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		line-height: 25px;
		color: @colordarkblue;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.tablet( {
		padding: 35px 24px;
		&.push-bottom {
			margin-bottom: 37px;
		}
	}
	);
	.mobile( {
		padding: 30px 20px;
		&.push-bottom {
			margin-bottom: 25px;
		}
		p {
			margin-bottom: 10px;
			font-size: 18px;
			line-height: 21px;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	);
}


 ----------------------------------- circle-shadow__circle ----------------------------------- 

.top-results {
	overflow: hidden;
	padding: 66px 40px 60px;
	text-align: center;
	.fontreset();
	.tablet( {
		padding: 45px 20px 40px;
	}
	);
	.mobile( {
		padding: 30px 20px;
		.col-1,
		.col-2 {
			float: none;
			width: 100%;
		}
		.col-2 {
			.left-brdr-part:last-child {
				border-bottom: none;
				padding-bottom: 0;
				margin-bottom: 0;
			}
		}
	}
	);
}

.circle-shadow-wrap {
	display: inline-block;
	position: relative;
	.transition(0.3s);
	&.no-anim {
		opacity: 0;
	}
	.mobile( {
		display: block;
		width: 250px;
		margin: 0 auto;
	}
	);
}

.circle-shadow__circle {
	position: relative;
	z-index: 1;
	width: 240px;
	height: 240px;
	padding-top: 69px;
	margin: 0 auto 22px;
	.border-radius(50%);
	border: 2px solid @colorgray3;
	background-color: #fff;
	letter-spacing: normal;
	text-align: center;
	.tablet( {
		margin: 0 auto 40px;
	}
	);
	.mobile( {
		width: 190px;
		height: 190px;
		padding-top: 44px;
		margin: 0 auto 40px;
	}
	);
}

.circle-shadow__title {
	position: relative;
	z-index: 1;
	margin-bottom: -4px;
	font-family: circe;
	font-weight: 700;
	font-size: 70px;
	line-height: 1;
	color: @colorsite;
	.transition(0.3s);
	&.no-anim {
		opacity: 0;
		font-size: 0;
	}
	.mobile( {
		margin-bottom: 5px;
		font-size: 60px;
	}
	);
}

.circle-shadow__text {
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
	color: @colordarkblue;
	.transition(0.3s);
	&.no-anim {
		opacity: 0;
		font-size: 0;
	}
	.mobile( {
		font-size: 12px;
	}
	);
}

.circle-shadow__shadow {
	position: absolute;
	z-index: 0;
	left: 29px;
	top: 30px;
	width: 385px;
	height: 385px;
	.bg_img("../images/circle-shadow.png",
	no-repeat,
	contain,
	0 0);
	.mobile( {
		left: 60px;
		width: 307px;
		height: 307px;
	}
	);
}


 ----------------------------------- left-brdr-part ----------------------------------- 

.left-brdr-part {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 50%;
	min-height: 130px;
	padding: 0 21px;
	border-left: 2px solid @colorsite;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	.transition(0.3s);
	&.no-anim {
		opacity: 0;
		.transform(translateY(100px));
	}
	.mobile( {
		display: block;
		width: 100%;
		min-height: auto;
		padding: 0 0 20px;
		margin-bottom: 20px;
		border-left: none;
		border-bottom: 2px solid @colorsite;
	}
	);
}

.left-brdr-part__title {
	margin-bottom: 9px;
	font-family: circe;
	font-weight: 600;
	font-size: 45px;
	line-height: 1;
	color: @colordarkblue;
	.desktop( {
		margin-bottom: 1px;
		font-size: 40px;
	}
	);
	.tablet( {
		margin-bottom: 1px;
		font-size: 40px;
	}
	);
	.mobile( {
		margin-bottom: 1px;
		font-size: 40px;
	}
	);
}

.left-brdr-part__text {
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 25px;
	color: @colordarkblue;
	.desktop( {
		font-size: 16px;
		line-height: 21px;
	}
	);
	.tablet( {
		font-size: 16px;
		line-height: 21px;
	}
	);
	.mobile( {
		font-size: 16px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- blue-bg-text ----------------------------------- 

.blue-bg-text {
	padding: 57px 40px 62px;
	background-color: @coloradd;
	&.left-brdr-block {
		.center-block {
			border-left-color: #fff;
		}
	}
	&.no-img {
		.center-block-min {
			padding-left: 37px;
		}
	}
	.center-block-min {
		position: relative;
		padding-left: 110px;
	}
	img {
		position: absolute;
		left: 0;
		bottom: 50%;
		.transform(translate(0,
		50%));
	}
	.blue-bg-text__title {
		margin-bottom: 20px;
		font-family: circe;
		font-weight: 700;
		font-size: 19px;
		line-height: 24px;
		color: #fff;
		text-transform: uppercase;
	}
	.blue-bg-text__max-title {
		font-family: circe;
		font-weight: 700;
		font-size: 30px;
		line-height: 1;
		color: #fff;
		text-transform: uppercase;
	}
	.blue-bg-text__text {
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: #fff;
	}
	.blue-bg-text__max-text {
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		line-height: 27px;
		color: #fff;
	}
	.tablet( {
		padding: 38px 24px 30px;
	}
	);
	.mobile( {
		padding: 38px 20px 30px;
		img {
			display: none;
		}
		.center-block-min {
			padding-left: 0;
		}
		.blue-bg-text__title {
			font-size: 18px;
			line-height: 24px;
		}
		.blue-bg-text__max-title {
			font-size: 21px;
			line-height: 24px;
		}
		.blue-bg-text__text {
			font-size: 14px;
			line-height: 21px;
		}
		.blue-bg-text__max-text {
			font-size: 16px;
			line-height: 21px;
		}
		&.no-img {
			.center-block-min {
				padding-left: 20px;
			}
		}
	}
	);
}


 ----------------------------------- history-list ----------------------------------- 

.history-block {
	padding: 0 40px;
	.tablet( {
		padding: 0;
	}
	);
	.mobile( {
		padding: 0 20px;
	}
	);
}

.history-block__inner {
	max-width: 1200px;
	margin: 0 auto;
	.tablet( {
		padding: 0 24px;
	}
	);
}

.history-list {
	position: relative;
	&:before {
		content: "";
		position: absolute;
		left: 220px;
		top: 0;
		height: 100%;
		border-right: 2px solid @colorgray3;
	}
	.tablet( {
		&:before {
			left: 167px;
		}
	}
	);
	.mobile( {
		&:before {
			left: 10px;
		}
	}
	);
}

.history-list__item {
	overflow: hidden;
	position: relative;
	padding-bottom: 70px;
	padding-left: 264px;
	.transition(0.3s);
	&:last-child {
		padding-bottom: 0;
	}
	&.no-anim {
		//position: absolute;
		//padding-bottom: 0;
		//opacity: 0;
		//.transform(translateY(100px));
	}
	.tablet( {
		padding-bottom: 50px;
		padding-left: 207px;
	}
	);
	.mobile( {
		padding: 40px 0 0 40px;
		margin-bottom: 20px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
}

.history-list__date {
	position: absolute;
	left: 0;
	top: -2px;
	width: 221px;
	padding-right: 40px;
	font-family: circe;
	font-weight: 700;
	font-size: 32px;
	line-height: 1;
	color: @colorsite;
	text-align: right;
	&:after {
		content: "";
		position: absolute;
		right: -10px;
		top: 2px;
		width: 20px;
		height: 20px;
		.box-sizing(border-box);
		.border-radius(50%);
		border: 2px solid @colorsite;
		background-color: #fff;
	}
	.tablet( {
		top: -1px;
		width: 167px;
		font-size: 26px;
		text-align: left;
	}
	);
	.mobile( {
		top: -1px;
		width: 100%;
		padding: 0 0 0 40px;
		font-size: 26px;
		text-align: center;
		&:after {
			right: auto;
			left: 0;
			top: 1px;
		}
	}
	);
}

.history-list_text {
	margin-top: -5px;
	p {
		margin-bottom: 15px;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.mobile( {
		p {
			margin-bottom: 10px;
			font-size: 14px;
			line-height: 21px;
		}
	}
	);
}


 ----------------------------------- brdr-bottom ----------------------------------- 

.brdr-bottom {
	//padding-bottom: 80px;
	//border-bottom: 1px solid @colorgray3;
	.tablet( {
		//padding-bottom: 40px;
	}
	);
	.mobile( {
		//padding-bottom: 40px;
	}
	);
}


 ----------------------------------- img-tile ----------------------------------- 

.img-tile {
	.clearfix();
	margin-bottom: 60px;
	width: 100%;
	.tablet( {
		margin-bottom: 26px;
	}
	);
}

.img-tile_item {
	float: left;
	width: 280px;
	height: 290px;
	margin-right: 26px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	&:nth-child(4n) {
		margin-right: 0;
	}
	.tablet( {
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
		&:nth-child(2n) {
			float: right;
		}
	}
	);
	.mobile( {
		float: none;
		width: 100%;
		height: 260px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	);
}


 ----------------------------------- partners-block ----------------------------------- 

.partners-list {
	.fontreset();
	margin-top: -25px;
}

.partners-block__item {
	display: inline-block;
	width: 33.333%;
	letter-spacing: normal;
	vertical-align: top;
	.transition(all 0.3s linear);
	&.show-desc {
		.triangle {
			display: block!important;
		}
	}
	&:nth-child(3n-1) {
		.partners-block__desc-wrap {
			left: -100%;
		}
	}
	&:nth-child(3n) {
		.partners-block__desc-wrap {
			left: -200%;
		}
	}
	&.no-anim {
		opacity: 0;
		.transform(translateY(100px));
	}
	.mobile( {
		display: block;
		width: 100%;
		&:nth-child(3n-1) {
			.partners-block__desc-wrap {
				left: 0;
			}
		}
		&:nth-child(3n) {
			.partners-block__desc-wrap {
				left: 0;
			}
		}
	}
	);
}

.partners-block__img {
	position: relative;
	width: 60%;
	height: 90px;
	margin: 0 auto 30px;
	.bg_img("../images/blank.png",
	no-repeat,
	contain,
	center center);
	cursor: pointer;
	.triangle {
		display: none;
		position: absolute;
		left: 50%;
		bottom: -30px;
		z-index: 0;
		width: 0;
		height: 0;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 13px solid @colorsite;
		margin-left: -14px;
	}
	.mobile( {
		margin: 0 auto 0;
		.triangle {
			bottom: 0;
		}
	}
	);
}

.partners-block__desc-wrap {
	position: relative;
	z-index: 1;
	display: none;
	width: 300%;
	background-color: @colorgray1;
	.icon-close {
		position: absolute;
		right: 18px;
		top: 25px;
		z-index: 1;
		font-size: 16px;
		color: @colordark;
		cursor: pointer;
	}
	.mobile( {
		width: 100%;
	}
	);
}

.partners-block__desc {
	position: relative;
	padding: 63px 80px 76px;
	&:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 8px;
		background-color: @colorsite;
	}
	p {
		font-size: 16px;
		line-height: 24px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.tablet( {
		padding: 48px 24px 30px;
	}
	);
	.mobile( {
		padding: 30px 10px 20px;
		p {
			font-size: 14px;
			line-height: 21px;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	);
}

.partners-block__title {
	margin-bottom: 14px;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		font-size: 18px;
		line-height: 21px;
	}
	);
	.mobile( {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- add-reviews-block ----------------------------------- 

.reviews-block {
	&>.button {
		display: block;
		margin: 0 auto;
	}
	h1+.button {
		margin-bottom: 60px;
	}
	.h1+.button {
		margin-bottom: 60px;
	}
	.tablet( {
		h1+.button {
			margin-bottom: 40px;
		}
		.h1+.button {
			margin-bottom: 40px;
		}
	}
	);
	.mobile( {
		h1+.button {
			margin-bottom: 30px;
		}
		.h1+.button {
			margin-bottom: 30px;
		}
	}
	);
}

.add-reviews-block {
	padding: 50px 40px 70px;
	background-color: @colorgray1;
	.center-block-min {
		position: relative;
		.clearfix();
	}
	.icon-close {
		position: absolute;
		right: 15px;
		top: -35px;
		cursor: pointer;
	}
	.tablet( {
		padding: 40px 24px;
	}
	);
	.mobile( {
		padding: 30px 20px;
	}
	);
}

.add-reviews-block__title {
	margin-bottom: 48px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 26px;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 18px;
		font-size: 18px;
		line-height: 21px;
	}
	);
	.mobile( {
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 21px;
	}
	);
}

.reviews-evaluation-block {
	float: left;
	width: 49%;
	padding-top: 10px;
	.fontreset();
	.tablet( {
		width: 49%;
	}
	);
	.mobile( {
		width: 100%;
	}
	);
}

.reviews-message-block {
	float: right;
	width: 49%;
	.clearfix();
	.icon-vk,
	.icon-fb,
	.icon-tw,
	.icon-mail {
		margin-right: 10px;
		vertical-align: middle;
		&:before {
			display: inline-block;
			width: 40px;
			height: 40px;
			.border-radius(50%);
			background-color: @coloradd;
			line-height: 40px;
			color: #fff;
			text-align: center;
			.transition(0.3s);
		}
		&:hover {
			&:before {
				background-color: @colorgray3;
			}
		}
	}
	.icon-vk {
		font-size: 12px;
	}
	.icon-fb {
		font-size: 21px;
	}
	.icon-tw {
		font-size: 15px;
	}
	.icon-mail {
		margin-right: 0;
		font-size: 13px;
	}
	input[type="text"] {
		margin-top: 16px;
		&.error-text {
			font-size: 21px;
			line-height: 50px;
		}
	}
	textarea {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: 127px;
		min-height: 127px;
		margin: 16px 0 0;
		line-height: 21px;
		&.error-text {
			font-size: 21px;
			line-height: 21px;
		}
	}
	.button {
		float: right;
		margin-top: 14px;
		&:focus {
			outline: none
		}
	}
	.input-wrap {
		line-height: 0;
	}
	.error-text {
		font-size: 12px;
		line-height: 14px;
	}
	.tablet( {
		width: 49%;
		input[type="text"] {
			margin-top: 20px;
		}
		textarea {
			height: 88px;
			min-height: 88px;
			padding: 16px 22px;
		}
		.button {
			margin-top: 35px;
		}
	}
	);
	.mobile( {
		width: 100%;
		margin-top: 30px;
		input[type="text"] {
			margin-top: 0;
			font-size: 16px;
		}
		textarea {
			height: 88px;
			min-height: 88px;
			padding: 16px 22px;
			font-size: 16px;
		}
		.button {
			float: none;
			display: block;
			margin: 20px auto 0;
		}
	}
	);
}

.reviews-evaluation__rate-name {
	display: inline-block;
	width: 215px;
	margin-right: 13px;
	margin-bottom: 24px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	letter-spacing: normal;
	&.push-down {
		margin-top: 20px;
	}
	.tablet( {
		width: 165px;
		margin-bottom: 0;
		font-size: 16px;
		line-height: 21px;
	}
	);
	.mobile( {
		display: block;
		width: 100%;
		margin-bottom: 0;
		font-size: 16px;
		line-height: 21px;
		&.push-down {
			margin-top: 10px;
		}
	}
	);
}

.radio-1-wrap {
	display: inline-block;
	margin-bottom: 24px;
	letter-spacing: normal;
	label {
		cursor: pointer;
		&:before {
			content: "";
			display: inline-block;
			width: 15px;
			height: 15px;
			margin-right: 12px;
			.bg_img("../images/star-white.png",
			no-repeat,
			contain,
			center center);
		}
	}
	input[type="radio"]:checked+label:before,
	label.active:before {
		.bg_img("../images/star-orange-full.png",
		no-repeat,
		contain,
		center center);
	}
	.tablet( {
		margin-bottom: 20px;
	}
	);
	.mobile( {
		margin-bottom: 15px;
	}
	);
}

.reviews-evaluation__rating {
	display: inline-block;
	width: 122px;
	height: 15px;
	.bg_img("../images/stars-sprite2.png",
	no-repeat,
	282px 30px,
	0 0);
	&.rate-0 {
		background-position: -133px -15px;
	}
	&.rate-05 {
		background-position: -133px 0;
	}
	&.rate-1 {
		background-position: -107px -15px;
	}
	&.rate-15 {
		background-position: -107px 0;
	}
	&.rate-2 {
		background-position: -80px -15px;
	}
	&.rate-25 {
		background-position: -80px 0;
	}
	&.rate-3 {
		background-position: -53px -15px;
	}
	&.rate-35 {
		background-position: -53px 0;
	}
	&.rate-4 {
		background-position: -27px -15px;
	}
	&.rate-45 {
		background-position: -27px 0;
	}
	&.rate-5 {
		background-position: 0 0;
	}
}

.reviews-message-block__text {
	display: inline-block;
	margin-right: 25px;
	font-family: circe;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	.tablet( {
		font-size: 16px;
		line-height: 21px;
		vertical-align: middle;
	}
	);
}


 ----------------------------------- reviews-list ----------------------------------- 

.reviews-list {
	position: relative;
	margin-bottom: 60px;
	text-align: center;
	.show-more {
		position: absolute;
		left: 50%;
		bottom: 24px;
		display: inline-block;
		margin-left: -51px;
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @coloradd;
		.bg_img("../images/dotted.png",
		repeat-x,
		3px 1px,
		0 100%);
	}
	.tablet( {
		margin-bottom: 50px;
		.show-more {
			bottom: -13px;
		}
	}
	);
	.mobile( {
		margin-bottom: 40px;
		.show-more {
			bottom: -13px;
		}
	}
	);
}

.reviews-list__item {
	display: block;
	padding: 62px 40px 72px;
	text-align: left;
	&:nth-child(2n-1) {
		background-color: #fff;
	}
	&:nth-child(2n) {
		background-color: @colorgray1;
	}
	.center-block {
		position: relative;
	}
	.desktop( {
		.center-block {
			padding: 0;
		}
	}
	);
	.tablet( {
		padding: 40px 0;
	}
	);
	.mobile( {
		padding: 30px 0;
	}
	);
}

.reviews-list__rating {
	position: absolute;
	right: 0;
	top: 0;
	width: 163px;
	height: 20px;
	.bg_img("../images/stars-sprite.png",
	no-repeat,
	351px 40px,
	0 0);
	&.rate-0 {
		background-position: -167px -20px;
	}
	&.rate-05 {
		background-position: -167px 0;
	}
	&.rate-1 {
		background-position: -133px -20px;
	}
	&.rate-15 {
		background-position: -133px 0;
	}
	&.rate-2 {
		background-position: -100px -20px;
	}
	&.rate-25 {
		background-position: -100px 0;
	}
	&.rate-3 {
		background-position: -67px -20px;
	}
	&.rate-35 {
		background-position: -67px 0;
	}
	&.rate-4 {
		background-position: -33px -20px;
	}
	&.rate-45 {
		background-position: -33px 0;
	}
	&.rate-5 {
		background-position: 0 0;
	}
	.tablet( {
		right: 12px;
	}
	);
	.mobile( {
		width: 122px;
		height: 15px;
		.bg_img("../images/stars-sprite.png",
		no-repeat,
		263px 30px,
		0 0);
		&.rate-0 {
			background-position: -125px -15px;
		}
		&.rate-05 {
			background-position: -125px 0;
		}
		&.rate-1 {
			background-position: -100px -15px;
		}
		&.rate-15 {
			background-position: -100px 0;
		}
		&.rate-2 {
			background-position: -75px -15px;
		}
		&.rate-25 {
			background-position: -75px 0;
		}
		&.rate-3 {
			background-position: -50px -15px;
		}
		&.rate-35 {
			background-position: -50px 0;
		}
		&.rate-4 {
			background-position: -25px -15px;
		}
		&.rate-45 {
			background-position: -25px 0;
		}
		&.rate-5 {
			background-position: 0 0;
		}
	}
	);
}

.reviews-list__date {
	margin-bottom: 17px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
	.mobile( {
		margin-bottom: 10px;
	}
	);
}

.reviews-list__title {
	margin-bottom: 11px;
	font-family: circe;
	font-weight: 600;
	font-size: 33px;
	line-height: 36px;
	color: @coloradd;
	.tablet( {
		font-size: 30px;
		line-height: 36px;
	}
	);
	.mobile( {
		font-size: 27px;
		line-height: 30px;
	}
	);
}

.reviews-list__name {
	margin-bottom: 39px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: @colordarkgray;
	.tablet( {
		margin-bottom: 25px;
	}
	);
	.mobile( {
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 18px;
	}
	);
}

.reviews-list__desc {
	margin-bottom: 43px;
	p {
		margin-bottom: 15px;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.tablet( {
		margin-bottom: 28px;
		line-height: 25px;
		p {
			line-height: 25px;
		}
	}
	);
	.mobile( {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 21px;
		p {
			font-size: 14px;
			line-height: 21px;
		}
	}
	);
}

.estimates-block {
	position: relative;
	.reviews-slider__rating {
		display: inline-block;
	}
	.tablet( {
		.clearfix();
	}
	);
	.mobile( {
		.reviews-slider__rating {
			position: static;
		}
	}
	);
}

.estimates-block__text {
	display: inline-block;
	margin-right: 21px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	.tablet( {
		width: 170px;
		margin-right: 5px;
		font-size: 16px;
	}
	);
	.mobile( {
		display: block;
		width: auto;
		margin-right: 0;
		font-size: 16px;
	}
	);
}

.estimates-block-item {
	display: inline-block;
	margin-right: 44px;
	&:last-child {
		margin-right: 0;
	}
	.tablet( {
		width: 49%;
		margin-right: 0;
		margin-bottom: 14px;
		&:nth-child(2n-1) {
			float: left;
		}
		&:nth-child(2n-) {
			float: right;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
	.mobile( {
		display: block;
		width: auto;
		margin-right: 0;
		margin-bottom: 14px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
}

.total-comments {
	position: absolute;
	right: 50px;
	bottom: 0;
	.desktop( {
		right: 0px;
		bottom: -20px;
	}
	);
	.tablet( {
		right: auto;
		left: 49%;
	}
	);
	.mobile( {
		right: 20px;
	}
	);
}

.comment-num {
	font-family: circe;
	font-weight: bold;
	font-size: 17px;
	line-height: 1;
	color: @colorsite;
	vertical-align: middle;
	&:before {
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 5px;
		.bg_img("../images/comment.png",
		no-repeat,
		contain,
		center center);
		vertical-align: middle;
	}
}


 ----------------------------------- accordion ----------------------------------- 

.accordion {
	&.push-top {
		margin-bottom: 100px;
	}
	&.two-params {
		.accordion-item__titl {
			padding-right: 290px;
		}
	}
	.tablet( {
		&.push-top {
			margin-bottom: 40px;
		}
	}
	);
	.mobile( {
		&.push-top {
			margin-bottom: 30px;
		}
	}
	);
}

.accordion-item {
	margin-bottom: 19px;
	&:last-child {
		margin-bottom: 0;
	}
}

.accordion-item__title {
	position: relative;
	padding: 23px 80px 23px 40px;
	background-color: @colorgray1;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	cursor: pointer;
	.transition(0.1s);
	.icon-arr-b {
		position: absolute;
		right: 40px;
		top: 50%;
		margin-top: -7px;
		font-size: 13px;
		.transition(0.3s);
	}
	&.open {
		background-color: @colorsite;
		color: #fff;
		.icon-arr-b {
			.transform(rotate(-180deg));
		}
		.accordion-item__param {
			color: #fff;
		}
	}
	.tablet( {
		padding: 23px 60px 23px 20px;
		.icon-arr-b {
			right: 20px;
		}
	}
	);
	.mobile( {
		padding: 13px 50px 13px 10px;
		font-size: 16px;
		.icon-arr-b {
			right: 10px;
			margin-top: -4px;
			font-size: 10px;
		}
	}
	);
}

.accordion-item__param {
	position: absolute;
	right: 120px;
	top: 50%;
	margin-top: -12px;
	font-family: circe;
	font-weight: normal;
	font-size: 21px;
	line-height: 24px;
	color: @coloradd;
	.transition(0.3s);
	.tablet( {
		right: 75px;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.accordion-item__desc {
	padding: 40px 40px 46px;
	li {
		padding-left: 0!important;
	}
	li:before {
		display: none;
	}
	li:last-child {
		a {
			margin-bottom: 0;
		}
	}
	.tablet( {
		padding: 40px 20px 46px;
	}
	);
	.mobile( {
		padding: 20px 10px 26px;
		a {
			font-size: 16px;
			line-height: 21px;
		}
		.file-link {
			position: relative;
			padding-left: 41px;
			font-size: 14px;
			&:before {
				position: absolute;
				left: 0;
				top: 0;
			}
		}
	}
	);
}

.accordion-item__desc-wrap {
	display: none;
}


 ----------------------------------- simple-table ----------------------------------- 

.simple-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	th {
		height: 70px;
		padding: 5px 30px;
		border-right: 1px solid #fff;
		background-color: @colorgray1;
		font-family: circe;
		font-weight: bold;
		font-size: 17px;
		line-height: 21px;
		color: @colordarkblue;
		&:first-child {
			border-left: 1px solid @colorgray1;
		}
		&:last-child {
			border-right-color: @colorgray1;
		}
		span {
			font-family: Arial;
		}
	}
	td {
		height: 79px;
		padding: 5px 20px;
		border: 1px solid @colorgray1;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:last-child {
			border-right-color: @colorgray1;
		}
	}
}


 ----------------------------------- custom select ----------------------------------- 

.select-wrap {
	display: inline-block;
	position: relative;
	width: 380px;
	background-color: #fff;
	font-size: 0;
	line-height: 0;
	&.open {
		.icon-arr-b {
			.transform(rotate(-180deg));
		}
	}
	.icon-arr-b {
		position: absolute;
		right: 24px;
		top: 50%;
		z-index: 1;
		margin-top: -3px;
		font-size: 9px;
		color: @coloradd;
		.transition(0.3s);
	}
}

.select-val {
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 100%;
	height: 50px;
	padding: 0 61px 0 22px;
	border: 2px solid @coloradd;
	background-color: transparent;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 50px;
	color: @coloradd;
	cursor: pointer;
	&.empty {
		width: 100%;
		height: 50px;
		color: @colorgray;
	}
	.tablet( {
		font-size: 16px;
	}
	);
	.mobile( {
		font-size: 16px;
	}
	);
}

.select-menu {
	overflow: auto;
	display: none;
	position: absolute;
	left: 0;
	top: 48px;
	z-index: 10;
	width: 100%;
	max-height: 205px;
	.box-sizing(border-box);
	border: 2px solid @coloradd;
	border-top: none;
	background-color: #fff;
	li {
		padding: 10px 61px 10px 22px;
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		line-height: 1;
		color: @coloradd;
		cursor: pointer;
		&[data-value='placeholder-val'] {
			display: none;
		}
		&:hover {
			background-color: @colorsite;
			color: #fff;
			a {
				color: #fff;
			}
		}
	}
	.tablet( {
		li {
			font-size: 16px;
		}
	}
	);
	.mobile( {
		li {
			font-size: 16px;
		}
	}
	);
}


 ----------------------------------- simple-title-banner ----------------------------------- 

.simple-title-banner__img {
	height: 340px;
	.bg_img("../images/blank.png",
	no-repeat,
	contain,
	center top);
	.tablet( {
		min-height: 250px;
		height: auto;
	}
	);
	.mobile( {
		min-height: 200px;
		height: auto;
	}
	);
}


 ----------------------------------- vacancy-block ----------------------------------- 

.vacancy-block__search-form {
	.fontreset();
	text-align: justify;
	.justify();
	width: 100%;
	margin-bottom: 50px;
	.input-search-wrap {
		position: relative;
		display: inline-block;
		width: 63%;
		letter-spacing: normal;
	}
	input {
		width: 100%;
	}
	.select-wrap {
		display: inline-block;
		width: 35%;
		letter-spacing: normal;
		vertical-align: top;
	}
	button {
		position: absolute;
		right: 0;
		top: 0;
		width: 66px;
		height: 50px;
		background-color: transparent;
		font-family: "icomoon";
		font-size: 21px;
		line-height: 50px;
		color: @coloradd;
	}
	.tablet( {
		margin-bottom: 40px;
	}
	);
	.mobile( {
		margin-bottom: 30px;
		.input-search-wrap {
			width: 100%;
			margin-bottom: 10px;
		}
		.select-wrap {
			width: 100%;
		}
	}
	);
}


 ----------------------------------- .vacancy-page ----------------------------------- 

.vacancy-page {
	position: relative;
	.desktop( {
		margin: 0 40px;
	}
	);
	.tablet( {
		margin: 0 24px;
	}
	);
	.tablet-min( {
		margin: 0 10px;
	}
	);
	.mobile( {
		margin: 0 10px;
	}
	);
}

.vacancy__salary {
	font-family: circe;
	font-size: 21px;
	line-height: 1;
	font-weight: 300;
	color: @colorgray;
	margin-top: -30px;
	margin-bottom: 30px;
	display: block;
}

.vacancy__city {
	margin-bottom: 40px;
	font-family: circe;
	font-weight: 300;
	font-size: 19px;
	line-height: 1;
	color: @colorgray;
}


 ----------------------------------- .simple-ul ----------------------------------- 

.simple-ul-title {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: @colordarkblue;
}

.quest__popup ul,
.simple-ul {
	ul {
		margin: 0;
		padding: 0;
	}
	margin: 5px 0 20px;
	&:last-child {
		margin-bottom: 0;
	}
	&.push-right {
		margin-left: 40px;
	}
	li {
		position: relative;
		padding-left: 15px;
		margin-bottom: 0px;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:before {
			content: "";
			position: absolute;
			left: 0;
			top: 9px;
			width: 6px;
			height: 6px;
			.border-radius(50%);
			background-color: #4d87a9;
		}
		li {
			margin-left: 5px;
			&:before {
				background-color: #b1b1b1;
			}
			li {
				&:before {
					background-color: #000;
					width: 4px;
					height: 4px;
				}
			}
		}
	}
}

.quest__popup ol,
.simple-ol {
	margin: 5px 0 20px;
	&:last-child {
		margin-bottom: 0;
	}
	&.push-right {
		margin-left: 40px;
	}
	counter-reset: list;
	&>li {
		position: relative;
		padding-left: 30px!important;
		margin-bottom: 6px;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:before {
			display: inline-block!important;
			counter-increment: list;
			content: counter(list) ".";
			position: absolute;
			left: 0;
			top: 0px;
			color: #4d87a9;
			font-weight: bold;
		}
		&>.simple-ol {
			counter-reset: list2;
			&>li {
				padding-left: 30px;
				&:before {
					counter-increment: list2;
					content: counter(list) "." counter(list2) ".";
				}
				&>.simple-ol {
					counter-reset: list3;
					&>li {
						padding-left: 45px;
						&:before {
							counter-increment: list3;
							content: counter(list) "." counter(list2) "." counter(list3) ".";
						}
					}
				}
			}
		}
	}
}


 ----------------------------------- vacancy-list ----------------------------------- 

.vacancy-list {}

.vacancy-list__item {
	.fontreset();
	text-align: justify;
	.justify();
	margin-bottom: 30px;
	&:last-child {
		margin-bottom: 0;
	}
}

.vacancy-list__name-wrap {
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: top;
	.mobile( {
		display: block;
		width: auto;
		margin-bottom: 5px;
	}
	);
}

.vacancy-list__name {
	letter-spacing: normal;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 24px;
	color: @coloradd;
	vertical-align: top;
}

.vacancy-list__city {
	display: inline-block;
	width: 15%;
	letter-spacing: normal;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 24px;
	color: @colordarkblue;
	text-align: center;
	vertical-align: top;
	.tablet( {
		padding: 0 10px;
	}
	);
	.mobile( {
		display: block;
		width: auto;
		font-size: 16px;
		line-height: 21px;
		text-align: left;
	}
	);
}

.vacancy-list__salary {
	display: inline-block;
	width: 35%;
	letter-spacing: normal;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 24px;
	color: @colordarkblue;
	text-align: right;
	vertical-align: top;
	.mobile( {
		display: block;
		width: auto;
		margin-top: 5px;
		font-size: 16px;
		line-height: 21px;
		text-align: left;
	}
	);
}


 ----------------------------------- subscription-block ----------------------------------- 

.subscription-block {
	padding: 60px 0;
	background-color: @coloradd;
	.center-block {
		.fontreset();
		text-align: justify;
		.justify();
	}
	label {
		display: inline-block;
		width: 36%;
		margin: 0 10px 0 40px;
		letter-spacing: normal;
		font-family: circe;
		font-weight: 700;
		font-size: 19px;
		line-height: 1;
		color: #fff;
		text-transform: uppercase;
		text-align: left;
		vertical-align: middle;
	}
	input {
		width: 39%;
		letter-spacing: normal;
		vertical-align: middle;
	}
	.button {
		margin-left: 20px;
		letter-spacing: normal;
		vertical-align: middle;
	}
	.desktop( {
		padding: 40px 0;
		form {
			.clearfix();
		}
		label {
			display: block;
			width: auto;
			margin-bottom: 20px;
			text-align: center;
		}
		input {
			float: left;
			width: 70%;
			margin: 0;
		}
		.button {
			float: right;
			width: 29%;
			margin: 0;
		}
	}
	);
	.tablet( {
		padding: 40px 0;
		form {
			.clearfix();
		}
		label {
			display: block;
			width: auto;
			margin-bottom: 20px;
			text-align: center;
		}
		input {
			float: left;
			width: 70%;
			margin: 0;
		}
		.button {
			float: right;
			width: 29%;
			margin: 0;
		}
	}
	);
	.mobile( {
		padding: 20px 0;
		form {
			.clearfix();
		}
		label {
			display: block;
			width: auto;
			margin: 0 0 20px;
			text-align: center;
		}
		input {
			width: 100%;
			margin: 0 0 10px;
		}
		.button {
			width: 100%;
			margin: 0;
		}
	}
	);
}


 ----------------------------------- important-list ----------------------------------- 

.important-list {
	margin-bottom: 100px;
	&.push-bottom {
		margin-top: 80px;
	}
	.show-more-wrap {
		position: relative;
		text-align: center;
	}
	.pagination {
		float: left;
	}
	.show-more {
		display: inline-block;
		margin-top: 10px;
		.bg_img("../images/dotted.png",
		repeat-x,
		3px 1px,
		left bottom);
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @coloradd;
		cursor: pointer;
	}
	.soc-icons {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.tablet( {
		&.push-bottom {
			margin-top: 40px;
		}
		.soc-icons {
			position: static;
			margin-top: 10px;
		}
	}
	);
	.mobile( {
		margin-bottom: 30px;
		&.push-bottom {
			margin-top: 30px;
		}
		.soc-icons {
			position: static;
			margin-top: 10px;
		}
	}
	);
}

.important-list__item {
	overflow: hidden;
	position: relative;
	min-height: 100px;
	padding-left: 0;
	padding-bottom: 40px;
	margin-bottom: 60px;
	&:last-child {
		margin-bottom: 0;
	}
	.tablet( {
		min-height: 200px;
		padding-left: 285px;
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 30px;
	}
	);
	&.has-image {
		padding-left: 430px;
		min-height: 300px;
	}
}

.important-list__item.has-image .soc-icons {
	left: 430px;
}

.soc-icons {
	a {
		display: inline-block;
		margin-right: 27px;
		font-family: circe;
		font-weight: 600;
		font-size: 21px;
		line-height: 24px;
		color: @colorsite;
		vertical-align: middle;
		&:before {
			display: inline-block;
			width: 33px;
			height: 33px;
			margin-right: 8px;
			.border-radius(50%);
			font-family: "icomoon";
			background-color: @colorgray3;
			line-height: 33px;
			color: #fff;
			text-align: center;
			vertical-align: middle;
		}
		&:last-child {
			margin-right: 0;
		}
	}
	.icon-fb {
		&:before {
			font-size: 18px;
		}
	}
	.icon-vk {
		&:before {
			font-size: 9px;
		}
	}
	.icon-tw {
		&:before {
			font-size: 13px;
		}
	}
	.icon-comment {
		&:before {
			font-size: 4px;
			background-color: transparent!important;
			.background-size(31px 31px)!important;
			.border-radius(0)!important;
		}
	}
	.mobile( {
		a {
			margin-right: 10px;
			&:before {
				width: 27px;
				height: 27px;
				line-height: 27px;
			}
		}
		.icon-fb {
			&:before {
				font-size: 14px;
			}
		}
		.icon-vk {
			&:before {
				font-size: 8px;
			}
		}
		.icon-tw {
			&:before {
				font-size: 12px;
			}
		}
	}
	);
	&.soc-icons_rel {
		margin-top: 40px;
		text-align: right;
	}
}

.important-list__img {
	width: 400px;
	height: 300px;
	position: absolute;
	left: 0;
	top: 0;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	.tablet( {
		width: 270px;
		height: 200px;
	}
	);
	.mobile( {
		position: static;
		width: 100%;
		height: 150px;
		margin-bottom: 10px;
	}
	);
	display: none;
}

.important-list__item.has-image .important-list__img {
	display: block;
}

.important-list__title {
	display: inline-block;
	margin: -5px 0 29px;
	font-family: circe;
	font-weight: 600;
	font-size: 33px;
	line-height: 36px;
	color: @coloradd;
	transition: .3s;
	.tablet( {
		margin: -2px 0 15px;
		font-size: 24px;
		line-height: 30px;
	}
	);
	.mobile( {
		margin: 0 0 10px;
		font-size: 21px;
		line-height: 25px;
	}
	);
	&:hover {
		color: #f15d22;
	}
}

.important-list__desc {
	margin-bottom: 15px;
	p {
		line-height: 24px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.mobile( {
		margin-bottom: 10px;
		p {
			font-size: 14px;
			line-height: 18px;
		}
		&+a {
			font-size: 14px;
		}
	}
	);
}


 ----------------------------------- pagination ----------------------------------- 

.icon-long-arr-l {
	.transform(scale(-1,
	1));
}

.pagination {
	position: absolute;
	left: 0;
	top: 0;
	.fontreset();
	li {
		display: inline-block;
		margin-right: 10px;
		&:first-child,
		&:last-child {
			a {
				&:hover {
					background-color: transparent;
					color: @colorsite;
				}
			}
		}
	}
	a {
		display: inline-block;
		width: 33px;
		height: 33px;
		.border-radius(50%);
		background-color: transparent;
		font-family: circe;
		font-weight: 600;
		font-size: 21px;
		line-height: 37px;
		color: @colorgray3;
		text-align: center;
		letter-spacing: normal;
		.transition(0.3s);
		&:hover,
		&.active {
			background-color: @colorsite;
			color: #fff;
		}
		&.active:hover {
			background-color: @colorsite!important;
			color: #fff!important;
		}
		&.active {
			cursor: default;
		}
	}
	.icon-long-arr-r,
	.icon-long-arr-l {
		margin-top: -4px;
		font-size: 18px;
		vertical-align: middle;
		color: @colorsite;
	}
}

img.full-width {
	width: 100%;
	margin: 40px 0 50px;
}


 ----------------------------------- comments-block ----------------------------------- 

.comments-block {
	padding: 60px 0;
	margin-bottom: 77px;
	border: 1px solid @colorgray3;
	.button {
		width: 250px;
		margin-top: 40px;
		margin-left: 60px;
	}
	.tablet( {
		padding: 40px 0;
		margin-bottom: 30px;
		.button {
			margin-left: 40px;
		}
	}
	);
	.mobile( {
		border: none;
		padding: 0;
		margin-bottom: 30px;
		.button {
			margin-left: 0;
		}
	}
	);
}

.comments-block__top-line {
	position: relative;
	padding: 0 60px;
	.show-more {
		position: absolute;
		right: 60px;
		top: 0;
	}
	.tablet( {
		padding: 0 40px;
	}
	);
	.mobile( {
		padding: 0;
	}
	);
}

.comments-block__title {
	padding-bottom: 32px;
	border-bottom: 1px solid @colorgray3;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
}

.comments-block__item {
	padding: 40px 60px 34px;
	&:nth-child(2n) {
		background-color: @colorgray1;
	}
}

.comments-block__img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 15px;
	margin-bottom: 15px;
	.border-radius(50%);
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
}

.comments-block__name {
	margin-bottom: 12px;
	font-family: Arial;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: @colordarkgray;
}

.comments-block__date {
	margin-bottom: 27px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
}

.comments-block__desc {
	margin-top: -2px;
	p {
		&:last-child {
			margin-bottom: 0;
		}
	}
}


 ----------------------------------- prev-next-links ----------------------------------- 

.prev-next-links {
	margin-bottom: 70px;
	text-align: justify;
	.fontreset();
	.clearfix();
	.prev,
	.next {
		position: relative;
		display: inline-block;
		width: 40%;
		font-family: circe;
		font-weight: 600;
		font-size: 21px;
		line-height: 26px;
		color: @coloradd;
		letter-spacing: normal;
		vertical-align: top;
	}
	.prev {
		float: left;
		padding-left: 25px;
		text-align: left;
		&:before {
			content: "\e905";
			position: absolute;
			left: 0;
			top: 0;
			font-family: "icomoon";
			font-size: 8px;
			.transform(rotate(90deg));
		}
	}
	.next {
		float: right;
		padding-right: 25px;
		text-align: right;
		&:before {
			content: "\e905";
			position: absolute;
			right: 0;
			top: 0;
			font-family: "icomoon";
			font-size: 8px;
			.transform(rotate(-90deg));
		}
	}
	.tablet( {
		margin-bottom: 60px;
	}
	);
	.mobile( {
		margin-bottom: 60px;
		.prev,
		.next {
			float: none;
			display: block;
			width: 100%;
			font-size: 18px;
			line-height: 21px;
		}
		.next {
			margin-top: 10px;
			text-align: right;
		}
	}
	);
}


 ----------------------------------- close-comment ----------------------------------- 

.close-comment {
	margin: 40px 0 -23px;
	text-align: right;
	.icon-close {
		font-size: 15px;
		color: @colordark;
	}
}

.close-comment_1 {
	height: 0;
	margin: 20px 0 -23px;
	.icon-close {
		position: relative;
	}
}


 ----------------------------------- media-page ----------------------------------- 

.media-page {
	&>.col-1 {
		width: 63%;
	}
	&>.col-2 {
		width: 35%;
	}
	@media (max-width: 979px) {
		&>.col-1 {
			float: none;
			width: auto;
			margin: 0 10px;
		}
		&>.col-2 {
			float: none;
			width: auto;
		}
	}
}


 ----------------------------------- news-list ----------------------------------- 

.news-list {
	padding: 30px 23px 30px 30px;
	margin-bottom: 20px;
	border: 1px solid @colorgray3;
	.tablet( {
		padding: 20px;
	}
	);
	.tablet-min( {
		.show-all {
			float: left!important;
			margin-bottom: 15px;
		}
		.button-and-link .button {
			width: 100%;
		}
	}
	);
	.mobile( {
		padding: 0 0 30px;
		margin-bottom: 29px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		.show-all {
			float: left!important;
			margin-bottom: 15px;
			font-size: 14px;
		}
		.button {
			padding: 0 10px!important;
		}
		.button-and-link {
			margin-top: -20px;
			.button {
				width: 100%;
			}
		}
	}
	);
}

.news-list__title {
	margin-bottom: 23px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 14px;
		font-size: 18px;
	}
	);
	.mobile( {
		margin-bottom: 20px;
		font-size: 14px;
	}
	);
}

.news-list__item {
	position: relative;
	padding-right: 120px;
	margin-bottom: 26px;
	&:last-child {
		margin-bottom: 0;
	}
	.icon-mail {
		position: absolute;
		right: 32px;
		top: 32px;
		font-size: 13px;
		color: @colorgray3;
	}
	.pdf {
		position: absolute;
		right: 1px;
		top: 27px;
		width: 20px;
		height: 23px;
		.bg_img("../images/pdf1.png",
		no-repeat,
		contain,
		center center);
	}
	.tablet( {
		padding-right: 65px;
		.icon-mail {
			right: 30px;
			top: 47px;
		}
		.pdf {
			right: -1px;
			top: 42px;
		}
	}
	);
	.mobile( {
		padding-right: 70px;
		margin-bottom: 28px;
		.icon-mail {
			right: 30px;
			top: -4px;
		}
		.pdf {
			right: 0;
			top: -9px;
		}
	}
	);
}

.news-list__date {
	margin-bottom: 16px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
	.tablet( {
		margin-bottom: 13px;
	}
	);
	.mobile( {
		margin-bottom: 10px;
		font-size: 12px;
	}
	);
}

.news-list__desc {
	a {
		color: @colordarkblue;
		&:hover {
			color: @coloradd;
		}
	}
	p {
		font-size: 16px;
	}
	.tablet( {
		p {
			line-height: 19px;
		}
	}
	);
	.mobile( {
		p {
			font-size: 14px;
			line-height: 17px;
		}
	}
	);
}

.button-and-link {
	.clearfix();
	.button {
		float: left;
		width: auto;
		padding: 0 30px;
	}
	.icon-mail {
		margin-right: 13px;
		font-size: 13px;
		vertical-align: middle;
	}
	.show-all {
		float: right;
		margin-top: 14px;
		&:after {
			display: inline-block;
			margin-left: 10px;
			content: "\e905";
			font-family: "icomoon";
			font-size: 8px;
			color: @coloradd;
			vertical-align: middle;
			.transform(rotate(-90deg));
		}
	}
	.tablet( {
		.button {
			padding: 0 15px;
			font-size: 14px;
		}
	}
	);
}


 ----------------------------------- in-press-list ----------------------------------- 

.in-press-list {
	padding: 29px 0;
	margin-bottom: 20px;
	border: 1px solid @colorgray3;
	.button-and-link {
		padding: 0 29px;
	}
	.button {
		.short-text {
			display: none;
		}
	}
	.desktop( {
		.button {
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
	}
	);
	.tablet( {
		padding: 20px;
		.button-and-link {
			padding: 0;
			margin-top: -16px;
		}
		.show-all {
			float: left;
			margin-bottom: 15px;
		}
	}
	);
	.tablet-min( {
		.button {
			width: 100%;
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
	}
	);
	.mobile( {
		padding: 0 0 30px;
		margin-bottom: 29px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		.button-and-link {
			padding: 0;
			margin-top: -20px;
		}
		.show-all {
			float: left;
			margin-bottom: 15px;
			font-size: 14px;
		}
		.button {
			width: 100%;
			padding: 0 10px!important;
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
	}
	);
}

.in-press-list__title {
	padding: 0 30px;
	margin-bottom: 25px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		padding: 0;
		margin-bottom: 14px;
		font-size: 18px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 20px;
		font-size: 14px;
	}
	);
}

.in-press-list__item {
	width: 100%;
	margin-bottom: 29px;
	.cell {
		padding: 0;
		vertical-align: middle;
		&:first-child {
			padding-right: 40px;
		}
		&:last-child {
			width: 160px;
			padding-right: 25px;
			text-align: right;
			.fontreset();
		}
	}
	&:last-child {
		margin-bottom: 0;
	}
	p:last-child {
		margin-bottom: 0;
	}
	.icon-mail {
		font-size: 13px;
		color: @colorgray3;
		vertical-align: middle;
	}
	.pdf {
		display: inline-block;
		width: 20px;
		height: 23px;
		margin-left: 14px;
		.bg_img("../images/pdf1.png",
		no-repeat,
		contain,
		center center);
		vertical-align: middle;
	}
	.tablet( {
		position: relative;
		display: block;
		padding-left: 110px;
		margin-bottom: 25px;
		.cell {
			display: block;
			&:first-child {
				padding-right: 0;
			}
			&:last-child {
				position: absolute;
				right: -1px;
				top: -7px;
				padding-right: 0;
			}
		}
		p {
			line-height: 19px;
		}
	}
	);
	.mobile( {
		position: relative;
		display: block;
		padding-left: 98px;
		.cell {
			display: block;
			&:first-child {
				padding-right: 0;
			}
			&:last-child {
				position: absolute;
				right: 0;
				top: -8px;
				width: auto;
				padding-right: 0;
			}
		}
	}
	);
}

.in-press-list__img {
	width: 150px;
	.bg_img("../images/blank.png",
	no-repeat,
	55% auto,
	30px center);
	.tablet( {
		position: absolute;
		left: 0;
		top: 0;
		width: 85px;
		height: 100%;
		.bg_img("../images/blank.png",
		no-repeat,
		100% auto,
		center center);
	}
	);
	.mobile( {
		position: absolute;
		left: 0;
		top: 0;
		width: 85px;
		height: 100%;
		.bg_img("../images/blank.png",
		no-repeat,
		100% auto,
		center center);
	}
	);
}

.in-press-list__date {
	margin-bottom: 15px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
	.tablet( {
		margin-bottom: 13px;
	}
	);
	.mobile( {
		margin-bottom: 9px;
		font-size: 12px;
	}
	);
}

.in-press-list__desc {
	a {
		color: @colordarkblue;
		&:hover {
			color: @coloradd;
		}
	}
	.mobile( {
		p {
			font-size: 14px;
			line-height: 18px;
		}
	}
	);
}


 ----------------------------------- events-list ----------------------------------- 

.events-list-wrap {
	padding: 29px;
	margin-bottom: 20px;
	border: 1px solid @colorgray3;
	.tablet( {
		padding: 20px;
	}
	);
	.tablet-min( {
		.show-all {
			float: left!important;
			margin-bottom: 15px;
		}
		.button-and-link .button {
			width: 100%;
		}
	}
	);
	.mobile( {
		padding: 0 0 30px;
		margin-bottom: 29px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		.button-and-link {
			padding: 0;
			margin-top: -20px;
		}
		.show-all {
			float: left;
			margin-bottom: 15px;
			font-size: 14px;
		}
		.button {
			width: 100%;
			padding: 0 10px!important;
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
	}
	);
}

.events-list__title {
	margin-bottom: 26px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 20px;
		font-size: 18px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 20px;
		font-size: 14px;
	}
	);
}

.events-list {
	position: relative;
	padding: 0 65px;
	margin-bottom: 35px;
	.slick-list {
		overflow: hidden;
	}
	.icon-arr-r,
	.icon-arr-l {
		position: absolute;
		top: 155px;
		font-size: 60px;
		color: @colordarkblue;
		cursor: pointer;
	}
	.icon-arr-r {
		right: 0;
	}
	.icon-arr-l {
		left: 0;
	}
}

.events-list__item {
	display: inline-block;
	&:focus {
		outline: none;
	}
}

.events-list__img {
	height: 385px;
	margin-bottom: 15px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
}

.events-list__date {
	margin-bottom: 15px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
}

.events-list__desc {
	position: relative;
	padding-right: 70px;
	p {
		line-height: 24px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.icon-mail {
		position: absolute;
		right: 29px;
		top: 6px;
		font-size: 13px;
		color: @colorgray3;
	}
	.pdf {
		position: absolute;
		right: 0px;
		top: 0;
		width: 20px;
		height: 23px;
		.bg_img("../images/pdf1.png",
		no-repeat,
		contain,
		center center);
	}
}


 ----------------------------------- speakers-list ----------------------------------- 

.speakers-list {
	padding: 27px;
	margin-bottom: 20px;
	border: 1px solid @colorgray3;
	.button {
		.short-text {
			display: none;
		}
	}
	.desktop( {
		.button {
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
	}
	);
	.tablet( {
		padding: 20px;
		.show-all {
			float: left;
			margin-bottom: 15px;
		}
		.button-and-link {
			margin-top: -8px;
		}
	}
	);
	.tablet-min( {
		.button {
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
		.button-and-link .button {
			width: 100%;
		}
	}
	);
	.mobile( {
		padding: 0 0 30px;
		margin-bottom: 29px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		.button-and-link {
			padding: 0;
		}
		.show-all {
			float: left;
			margin-bottom: 15px;
			font-size: 14px;
		}
		.button {
			width: 100%;
			padding: 0 10px!important;
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
	}
	);
}

.speakers-list__title {
	margin-bottom: 25px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 20px;
		font-size: 18px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 28px;
		font-size: 14px;
	}
	);
}

.speakers-list__item {
	width: 100%;
	margin-bottom: 40px;
	.cell {
		padding: 0;
		vertical-align: middle;
		&:last-child {
			width: 130px;
			.fontreset();
			text-align: right;
		}
	}
	.icon-in {
		&:before {
			display: inline-block;
			width: 33px;
			height: 33px;
			.border-radius(50%);
			background-color: @colorgray3;
			font-size: 15px;
			line-height: 33px;
			color: #fff;
			letter-spacing: normal;
			text-align: center;
		}
	}
	.tablet( {
		margin-bottom: 20px;
		.cell:last-child {
			width: 33px;
		}
	}
	);
	.mobile( {
		position: relative;
		display: block;
		min-height: 140px;
		margin-bottom: 22px;
		.cell {
			display: block;
		}
	}
	);
}

.speakers-list__img {
	width: 135px;
	height: 140px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	.mobile( {
		float: left;
		width: 135px;
		height: 140px;
		margin-right: 15px;
	}
	);
}

.speakers-list__desc {
	padding-left: 22px!important;
	.tablet( {
		padding-right: 20px!important;
		padding-left: 18px!important;
	}
	);
	.mobile( {
		padding-left: 0;
	}
	);
}

.speakers-list__name {
	display: inline-block;
	margin-bottom: 5px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @coloradd;
	text-transform: uppercase;
	.tablet( {
		font-size: 18px;
		line-height: 24px;
	}
	);
	.mobile( {
		display: block;
		padding-right: 30px;
		margin-top: -4px;
		margin-bottom: 7px;
		font-size: 14px;
		line-height: 18px;
	}
	);
	&:hover {
		color: @colorsite;
	}
}

.speakers-list__pos {
	margin-bottom: 18px;
	font-family: circe;
	font-weight: 300;
	font-size: 16px;
	line-height: 25px;
	color: @colordarkblue;
	.tablet( {
		font-size: 14px;
		line-height: 21px;
	}
	);
	.mobile( {
		margin-bottom: 32px;
		font-size: 12px;
		line-height: 18px;
	}
	);
}

.speakers-list__history {
	.mobile( {
		font-size: 14px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- contact-for-press ----------------------------------- 

.contact-for-press {
	padding: 30px;
	margin-bottom: 20px;
	background-color: @colorgray1;
	.button_orange {
		display: block;
		width: 170px!important;
		margin: 0 auto 20px;
	}
	.button {
		display: block;
		width: 100%;
		.short-text {
			display: none;
		}
	}
	.tablet( {
		padding: 20px;
		.button {
			display: block;
			width: 100%;
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
		.button_orange {
			width: 100%!important;
			margin-bottom: 15px;
		}
	}
	);
	.mobile( {
		padding: 0 0 30px;
		margin: 0 10px 29px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		background-color: transparent;
		.button {
			display: block;
			width: 210px;
			margin-left: auto;
			margin-right: auto;
			.full-text {
				display: none;
			}
			.short-text {
				display: inline-block;
			}
		}
		.button_orange {
			width: 210px!important;
			margin-bottom: 15px;
		}
	}
	);
}

.contact-for-press__title {
	margin-bottom: 24px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 12px;
		font-size: 18px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 29px;
		font-size: 14px;
	}
	);
}

.contact-for-press__desc {
	position: relative;
	//padding-left: 155px;
	margin-bottom: 24px;
	.icon-fb {
		vertical-align: middle;
		&:before {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin-top: -14px;
			margin-left: 1px;
			.border-radius(50%);
			background-color: @colorblue;
			font-size: 11px;
			line-height: 20px;
			color: #fff;
			text-align: center;
			vertical-align: middle;
		}
	}
	.desktop( {
		.clearfix();
		padding-left: 0;
		margin-bottom: 15px;
		.icon-fb {
			position: absolute;
			right: -1px;
			top: 14px;
		}
	}
	);
	.tablet( {
		.clearfix();
		padding-left: 0;
		margin-bottom: 15px;
		.icon-fb {
			position: absolute;
			right: 0;
			top: 5px;
		}
	}
	);
	.mobile( {
		.clearfix();
		padding-left: 0;
		margin-bottom: 15px;
		.icon-fb {
			position: absolute;
			right: 0;
			top: 13px;
			&:before {
				width: 27px;
				height: 27px;
				font-size: 12px;
				line-height: 27px;
			}
		}
	}
	);
}

.contact-for-press__img {
	position: absolute;
	left: 0;
	top: 2px;
	width: 135px;
	height: 140px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	.desktop( {
		position: static;
		float: left;
		width: 90px;
		height: 94px;
		margin-right: 8px;
		margin-bottom: 20px;
	}
	);
	.tablet( {
		position: static;
		float: left;
		width: 90px;
		height: 94px;
		margin: 3px 8px 20px 0;
	}
	);
	.mobile( {
		position: static;
		float: left;
		width: 135px;
		height: 140px;
		margin-right: 16px;
		margin-bottom: 20px;
	}
	);
}

.contact-for-press__name {
	display: inline-block;
	margin-top: -6px;
	font-family: circe;
	font-weight: 700;
	font-size: 17px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	vertical-align: middle;
	.desktop( {
		display: block;
		padding-right: 25px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 18px;
	}
	);
	.tablet( {
		display: block;
		padding-right: 25px;
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 18px;
	}
	);
	.mobile( {
		display: block;
		padding-right: 25px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 18px;
	}
	);
}

.contact-for-press_pos {
	margin: 2px 0 10px;
	font-family: circe;
	font-weight: 300;
	font-size: 13px;
	line-height: 19px;
	color: @colordarkblue;
	.tablet( {
		font-size: 12px;
		line-height: 14px;
	}
	);
	.mobile( {
		line-height: 14px;
	}
	);
}

.contact-for-press__line {
	margin-bottom: 5px;
	font-family: circe;
	font-weight: 300;
	color: @colordarkblue;
	&:last-child {
		margin-bottom: 0;
	}
	.icon-phone {
		margin-right: 10px;
		font-size: 14px;
		color: @colorblue;
	}
	.icon-skype {
		margin-right: 10px;
		font-size: 15px;
		color: @colorblue;
	}
	.icon-mail {
		margin-right: 10px;
		font-size: 10px;
		color: @colorblue;
	}
	.desktop( {
		&:before {
			content: "";
			display: block;
			height: 0;
			clear: both;
		}
	}
	);
	.tablet( {
		&:before {
			content: "";
			display: block;
			height: 0;
			clear: both;
		}
	}
	);
	.mobile( {
		margin-bottom: 0;
		a {
			font-size: 14px;
			line-height: 21px;
		}
	}
	);
}


 ----------------------------------- materials-list ----------------------------------- 

.materials-list {
	padding: 30px 30px 23px;
	margin-bottom: 20px;
	background-color: @colorgray1;
	ul {
		list-style: none;
	}
	.tablet( {
		padding: 20px;
	}
	);
	.mobile( {
		padding: 0 0 23px;
		margin: 0 10px 31px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		background-color: transparent;
	}
	);
}

.materials-list__title {
	margin-bottom: 18px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 21px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 20px;
		font-size: 14px;
	}
	);
}

.materials-list__item {
	margin-bottom: 12px;
	&:last-child {
		margin-bottom: 0;
	}
	a {
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @coloradd;
	}
	span {
		font-weight: 600;
	}
	.mobile( {
		a {
			font-size: 14px;
			line-height: 21px;
		}
	}
	);
}


 ----------------------------------- photo-video-list-wrap ----------------------------------- 

.photo-video-list-wrap {
	padding: 30px;
	margin-bottom: 20px;
	border: 1px solid @colorgray3;
	.bottom-links {
		margin-top: 39px;
		text-align: justify;
		.fontreset();
		.justify();
		a {
			display: inline-block;
			width: 45%;
			letter-spacing: normal;
			vertical-align: bottom;
			&:first-child {
				font-style: italic;
				font-size: 13px;
				line-height: 18px;
				text-align: left;
			}
			&:last-child {
				width: 140px;
				font-size: 16px;
				line-height: 24px;
				text-align: right;
				&:after {
					content: "\e905";
					display: inline-block;
					margin-left: 7px;
					font-family: "icomoon";
					font-size: 8px;
					vertical-align: middle;
					.transform(rotate(-90deg));
				}
			}
		}
	}
	.tablet( {
		padding: 20px 20px 70px;
		.bottom-links {
			margin-top: 18px;
			text-align: left;
			a {
				width: auto;
				&:first-child {
					margin-bottom: -80px;
				}
			}
		}
	}
	);
	.mobile( {
		padding: 0 0 71px;
		margin-bottom: 30px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		.bottom-links {
			padding: 0 10px;
			margin-top: 20px;
			text-align: left;
			a {
				width: auto;
				&:first-child {
					margin-bottom: -64px;
					line-height: 16px;
				}
				&:last-child {
					width: auto;
					font-size: 14px;
					line-height: 18px;
				}
			}
		}
	}
	);
}

.photo-video-list__title {
	margin-bottom: 24px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 15px;
		font-size: 18px;
	}
	);
	.mobile( {
		padding: 0 10px;
		margin-bottom: 26px;
		font-size: 14px;
	}
	);
}

.photo-video-list {
	.clearfix();
}

.photo-video-list__item {
	float: left;
	width: 48%;
	margin-bottom: 32px;
	&:last-child {
		margin-bottom: 0;
	}
	&:nth-child(2n) {
		float: right;
	}
	.tablet( {
		float: none;
		width: 100%;
		margin-bottom: 23px;
		&:nth-child(2n-1) {
			margin-right: 0;
		}
		&:nth-last-child(2) {
			margin-bottom: 20px;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
	.mobile( {
		float: none;
		width: 100%;
		margin-bottom: 24px;
		&:last-child {
			margin-bottom: 0;
		}
		&:nth-child(2n) {
			float: none;
		}
	}
	);
}

.photo-video-list__img {
	height: 113px;
	margin-bottom: 10px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	.tablet( {
		height: 140px;
	}
	);
	.mobile( {
		height: 220px;
		margin-bottom: 13px;
	}
	);
}

.photo-video-list__desc {
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
	.mobile( {
		padding: 0 10px;
		font-size: 14px;
		line-height: 21px;
	}
	);
}


 ----------------------------------- newspapers-list ----------------------------------- 

.newspapers-list {
	padding: 28px 28px 59px;
	border: 1px solid @colorgray3;
	.tablet( {
		padding: 20px;
	}
	);
	.mobile( {
		padding: 0 0 30px;
		margin: 0 10px 20px;
		border: none;
		border-bottom: 1px solid @colorgray3;
		background-color: transparent;
	}
	);
}

.newspapers-list__title {
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	margin-bottom: 30px;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 15px;
		font-size: 18px;
	}
	);
	.mobile( {
		padding: 0;
		margin-bottom: 20px;
		font-size: 14px;
	}
	);
}

.newspapers-list__desc {
	.clearfix();
}

.newspapers-list__img {
	float: left;
	width: 45%;
	height: 40px;
	margin-top: 76px;
	.bg_img("../images/blank.png",
	no-repeat,
	contain,
	center center);
	&:nth-child(2n-1) {
		margin-right: 35px;
	}
	&:first-child {
		margin-top: 0;
	}
	&:nth-child(2) {
		margin-top: 0;
	}
	.tablet( {
		float: none;
		width: 76%;
		height: 45px;
		margin: 43px auto 0;
		&:nth-child(2n-1) {
			margin-right: auto;
		}
		&:first-child {
			margin-top: 0;
		}
		&:nth-child(2) {
			margin-top: 43px;
		}
	}
	);
	.mobile( {
		float: none;
		width: 50%;
		height: 45px;
		margin: 30px auto 0;
		&:nth-child(2n-1) {
			margin-right: auto;
		}
		&:first-child {
			margin-top: 0;
		}
		&:nth-child(2) {
			margin-top: 30px;
		}
	}
	);
}


 ----------------------------------- search-date ----------------------------------- 

.search-date {
	margin-top: -93px;
	text-align: right;
	a {
		.bg_img("../images/dotted.png",
		repeat-x,
		3px 1px,
		0 100%);
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		vertical-align: middle;
		&.active {
			background-image: none;
			font-weight: 600;
			color: @colordarkblue;
			cursor: default;
		}
	}
	.separate {
		display: inline-block;
		margin: 0 5px;
		font-size: 17px;
		color: @colorgray3;
		vertical-align: middle;
	}
	.tablet( {
		margin-top: -58px;
	}
	);
	.mobile( {
		margin-top: -5px;
		text-align: center;
		a {
			font-size: 14px;
			line-height: 1;
		}
	}
	);
}


 ----------------------------------- news-photo-list ----------------------------------- 

.news-photo-list {
	.fontreset();
	margin-top: 60px;
	margin-right: -40px;
	.show-more-wrap {
		position: relative;
		margin-bottom: 100px;
		letter-spacing: normal;
		text-align: center;
	}
	.pagination {
		float: left;
	}
	.show-more {
		display: inline-block;
		margin-top: 10px;
		.bg_img("../images/dotted.png",
		repeat-x,
		3px 1px,
		left bottom);
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @coloradd;
		cursor: pointer;
	}
	.tablet( {
		margin-top: 40px;
		margin-right: 0;
		text-align: justify;
		.justify();
		.show-more-wrap {
			display: inline-block;
			width: 100%;
		}
	}
	);
	.mobile( {
		margin-top: 28px;
		margin-right: 0;
	}
	);
}

.news-photo-list__item {
	display: inline-block;
	width: 373px;
	margin-right: 40px;
	margin-bottom: 55px;
	letter-spacing: normal;
	vertical-align: top;
	.tablet( {
		width: 49%;
		margin-right: 0;
		margin-bottom: 35px;
		text-align: left;
		vertical-align: top;
	}
	);
	.mobile( {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 24px;
	}
	);
}

.news-photo-list__img {
	display: block;
	margin-bottom: 12px;
	min-height: 300px;
	background-size: cover;
}

.news-photo-list__im {
	display: block;
	max-width: 100%;
}

.news-photo-list__data {
	overflow: hidden;
	.clearfix();
	margin-bottom: 13px;
	+.pdf {
		float: right;
		width: 20px;
		height: 23px;
		.bg_img("../images/pdf1.png",
		no-repeat,
		contain,
		center center);
	}
	.icon-mail {
		float: right;
		margin-top: 5px;
		margin-right: 10px;
		font-size: 13px;
		color: @colorgray3;
	}
	.tablet( {
		margin-bottom: 10px;
	}
	);
}

.news-photo-list__date {
	float: left;
	margin-top: 6px;
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 1;
	color: @colorgray;
}

.news-photo-list__title {
	font-family: circe;
	font-weight: 600;
	font-size: 21px;
	line-height: 24px;
	.mobile( {
		font-size: 16px;
		line-height: 21px;
	}
	);
}

.calendar-icon-wrap {
	margin-top: -93px;
	text-align: right;
	.calendar-date-text {
		display: inline-block;
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @colordarkblue;
		vertical-align: middle;
	}
	.icon-calendar {
		margin-left: 15px;
		font-size: 28px;
		color: @colorblue2;
		vertical-align: middle;
	}
	.tablet( {
		margin-top: -58px;
	}
	);
	.mobile( {
		margin-top: 0;
	}
	);
}


 ----------------------------------- Zebra_DatePicker ----------------------------------- 

button.Zebra_DatePicker_Icon_Inside_Right {
	margin: 0;
}

button.Zebra_DatePicker_Icon {
	width: 29px;
	height: 28px;
}

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover {
	.border-radius(0);
}

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
	.box-sizing(border-box)!important;
}

.Zebra_DatePicker .dp_daypicker {
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 20px 3px;
	.mobile( {
		border-spacing: 12px 3px;
	}
	);
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th {
	width: 30px;
	height: 30px;
	padding: 0;
	line-height: 1;
}

.Zebra_DatePicker {
	border: 2px solid @colorblue2;
	background-color: #fff;
}

.Zebra_DatePicker .dp_header {
	background-color: @colorblue2;
	td {
		height: 40px;
		padding: 0;
		border: none;
		&:hover {
			border: none;
			background-color: @colorblue;
			color: #fff!important;
		}
	}
	.mobile( {
		width: 100%!important;
	}
	);
}

.Zebra_DatePicker .dp_footer {
	display: none!important;
}

.Zebra_DatePicker .dp_daypicker th {
	font-family: Arial;
	font-weight: normal;
	font-size: 16px;
	color: @colorgray;
}

.Zebra_DatePicker .dp_daypicker td {
	font-family: Arial;
	font-weight: normal;
	font-size: 16px;
	color: @colordarkblue;
	.mobile( {
		font-size: 14px;
	}
	);
}

.Zebra_DatePicker td.dp_not_in_month {
	background-color: #fff;
	color: #fff;
	&:hover {
		border-color: #fff!important;
		background-color: #fff!important;
		color: #fff!important;
	}
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
	border: none;
	background-color: #fff;
}

.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
	&.dp_current,
	&:hover,
	&.dp_selected {
		border: none!important;
	}
}

.Zebra_DatePicker .dp_header .dp_caption {
	font-family: Arial;
	font-weight: 600;
	font-size: 16px;
}

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
	width: 40px;
	.fontreset();
	vertical-align: middle;
}

.Zebra_DatePicker .dp_header .icon-arr-l1,
.Zebra_DatePicker .dp_header .icon-arr-r1 {
	font-size: 9px;
	color: #fff;
}

.Zebra_DatePicker .dp_header .icon-arr-l1 {
	margin-top: -6px;
	margin-left: -4px;
}

.Zebra_DatePicker .dp_header .icon-arr-r1 {
	margin-right: -4px;
}

.Zebra_DatePicker td.dp_current,
.Zebra_DatePicker td:hover,
.Zebra_DatePicker td.dp_selected {
	border: 2px solid @colorblue2;
	font-weight: 600;
	color: @colorblue2!important;
}

button.Zebra_DatePicker_Icon {
	background: none;
	&:focus {
		outline: none;
	}
}

.interval-link-wrap {
	padding-top: 15px;
	margin: 0 25px 15px;
	border-top: 1px solid @colorgray3;
	a,
	span {
		display: inline-block;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @coloradd;
	}
}


 ----------------------------------- Zebra_DatePicker ----------------------------------- 

.speakers-list-modif {
	position: relative;
	margin-bottom: 100px;
	.fontreset();
	text-align: justify;
	.justify();
	.show-more-wrap {
		position: relative;
		text-align: center;
	}
	.pagination {
		float: left;
	}
	.show-more {
		display: inline-block;
		margin-top: 10px;
		.bg_img("../images/dotted.png",
		repeat-x,
		3px 1px,
		left bottom);
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @coloradd;
		letter-spacing: normal;
		cursor: pointer;
	}
	&.alone {
		margin-top: 80px;
		margin-bottom: 0;
		.speakers-list-modif__item {
			display: block;
			width: 100%;
			padding-left: 52%;
			margin-bottom: 0;
		}
		.speakers-list-modif__img {
			width: 50%;
		}
	}
	.icon-close {
		position: absolute;
		right: -78px;
		top: -16px;
		font-size: 15px;
		color: @colordark;
	}
	.tablet( {
		&.alone {
			margin-top: 40px;
			.speakers-list-modif__item {
				padding-top: 1px;
			}
			.speakers-list-modif__pos {
				margin-bottom: 17px;
			}
			.speakers-list-modif__quote {
				margin-top: 15px;
			}
		}
	}
	);
	.mobile( {
		&.alone {
			margin-top: 30px;
			.speakers-list-modif__item {
				padding: 0;
			}
			.speakers-list-modif__img {
				width: 100%;
			}
		}
	}
	);
}

.speakers-list-modif__item {
	position: relative;
	display: inline-block;
	width: 50%;
	min-height: 290px;
	padding: 25px 30px 0 300px;
	margin-bottom: 60px;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	.tablet( {
		width: 100%;
		min-height: 280px;
		padding: 25px 0 0 52%;
		margin-bottom: 20px;
	}
	);
	.mobile( {
		width: 100%;
		min-height: auto;
		padding: 0;
		margin-bottom: 20px;
	}
	);
}

.performance-history {
	.tablet( {
		h3 {
			margin-bottom: 5px;
		}
	}
	);
	.mobile( {
		h3 {
			margin-bottom: 20px;
		}
	}
	);
}

.speakers-list-modif__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 290px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	.tablet( {
		width: 49%;
		height: 280px;
	}
	);
	.mobile( {
		position: static;
		width: 100%;
	}
	);
}

.speakers-list-modif__name {
	margin-bottom: 5px;
	font-family: circe;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-top: 20px;
		font-size: 24px;
		line-height: 27px;
	}
	);
	.mobile( {
		margin-top: 20px;
		font-size: 24px;
		line-height: 27px;
	}
	);
}

.speakers-list-modif__pos {
	margin-bottom: 32px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 25px;
	color: @colordarkblue;
	.tablet( {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 21px;
	}
	);
	.mobile( {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 21px;
	}
	);
}

.speakers-list-modif__history {
	display: inline-block;
	margin-bottom: 16px;
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
	.mobile( {
		font-size: 14px;
	}
	);
}

.speakers-list-modif__info {
	display: none;
	position: absolute;
	left: -50px;
	top: 50px;
	z-index: 1;
	.clearfix();
	width: 350px;
	min-height: 105px;
	border: 1px solid #ccc;
	padding: 19px 135px 15px 10px;
	background-color: #fff;
	font-family: circe;
}

.speakers-list-modif__info-title {
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 22px;
	line-height: 1;
	color: #016aa4;
}

.speakers-list-modif__info-desc {
	margin-bottom: 11px;
	font-size: 12px;
	line-height: 15px;
	color: #7d644e;
}

.speakers-list-modif__button {
	display: inline-block;
	height: 23px;
	padding: 0 10px;
	.border-radius(3px);
	border: 1px solid #afcbd9;
	background-color: #d8ebf1;
	font-size: 12px;
	line-height: 23px;
	color: #1f5b7f;
}

.speakers-list-modif__info-img {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 85px;
	height: 85px;
	border: 2px solid #e9e3e7;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
}

.speakers-list-modif__transparent {
	position: absolute;
	left: 0;
	top: -20px;
	width: 165px;
	height: 20px;
}

.speakers-list-modif__link-in {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	font-family: Arial;
	font-size: 16px;
	line-height: 1;
	vertical-align: middle;
	.mobile( {
		margin-left: 0;
		font-size: 14px;
		line-height: 24px;
	}
	);
}

.speakers-list-modif__quote {
	position: relative;
	padding-left: 50px;
	margin-top: 40px;
	font-family: Arial;
	font-style: italic;
	font-size: 14px;
	line-height: 21px;
	&:before {
		content: "\00ab";
		position: absolute;
		left: 0px;
		top: -27px;
		font-style: normal;
		font-weight: bold;
		font-size: 59px;
		line-height: 80px;
		color: @colorsite;
	}
	.mobile( {
		margin-top: 20px;
	}
	);
}


 ----------------------------------- Zebra_DatePicker ----------------------------------- 

.perf-history-list {
	margin-top: -13px;
	margin-bottom: 32px;
	width: 100%;
	.cell {
		padding: 0 0 30px;
		vertical-align: top;
		&:first-child {
			width: 235px;
			padding-top: 19px;
			padding-right: 15px;
		}
		&:nth-child(2) {
			padding-top: 18px;
			padding-right: 15px;
		}
		&:last-child {
			width: 250px;
			text-align: right;
		}
	}
	.pdf-link {
		display: inline-block;
		margin-bottom: 8px;
		vertical-align: middle;
		&:before {
			content: "";
			display: inline-block;
			width: 31px;
			height: 34px;
			margin-right: 12px;
			.bg_img("../images/pdf.png",
			no-repeat,
			contain,
			center center);
			vertical-align: middle;
		}
	}
	.icon-video {
		margin-bottom: 10px;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @coloradd;
		&:before {
			margin-right: 12px;
			font-family: "icomoon";
			font-size: 22px;
			color: @colorsite;
			vertical-align: middle;
		}
	}
	.tablet( {
		margin-bottom: 10px;
		.cell {
			padding-bottom: 24px;
			&:first-child {
				width: 220px;
			}
			&:last-child {
				padding: 22px 0 0;
			}
		}
	}
	);
	.mobile( {
		display: block;
		margin-top: 0;
		.row {
			display: block;
			margin-bottom: 20px;
		}
		.cell {
			display: block;
			padding: 0;
			&:first-child {
				width: auto;
				padding: 0;
				margin-bottom: 10px;
			}
			&:nth-child(2) {
				padding: 0;
			}
			&:last-child {
				width: auto;
				text-align: left;
			}
		}
		.pdf-link,
		.icon-video {
			font-size: 14px;
		}
	}
	);
}

.perf-history-list__date {
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: @colorsite;
	.tablet( {
		font-size: 18px;
	}
	);
	.mobile( {
		font-size: 16px;
	}
	);
}

.perf-history-list__subject {
	margin-bottom: 1px;
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
	color: @colordarkblue;
}

.perf-history-list__name {
	font-family: Arial;
	font-style: italic;
	font-size: 13px;
	line-height: 24px;
	color: @colorgray;
	.tablet( {
		margin-top: 7px;
		line-height: 14px;
	}
	);
	.mobile( {
		margin: 0 0 15px;
		line-height: 14px;
	}
	);
}


 ----------------------------------- contacts-data ----------------------------------- 

.contacts-data {
	padding-bottom: 75px;
	border-bottom: 1px solid @colorgray3;
	p {
		margin-bottom: 20px;
		font-family: circe;
		font-weight: 300;
		font-size: 21px;
		line-height: 25px;
		color: @colordarkblue;
		&:last-child {
			margin-bottom: 0;
		}
		strong {
			font-weight: 600;
		}
	}
	.tablet( {
		padding-bottom: 30px;
		p {
			margin-bottom: 20px;
			font-size: 21px;
		}
	}
	);
	.mobile( {
		padding-bottom: 30px;
		p {
			margin-bottom: 15px;
			font-size: 18px;
		}
	}
	);
}


 ----------------------------------- contacts-filter-form ----------------------------------- 

.contacts-filter-form {
	width: 100%;
	margin-bottom: 60px;
	margin-left: -10px;
	margin-right: -10px;
	.cell {
		padding: 0 10px;
		vertical-align: top;
		width: 20%;
		.transition(0.5s);
		&.no-anim {
			opacity: 0;
		}
		&:first-child {
			padding-right: 40px;
			.icon-map-point {
				color: @colorsite;
			}
		}
		&:nth-child(2) {
			padding-right: 40px;
			.icon-map-point {
				color: @coloradd;
			}
		}
		&:nth-child(3) {
			padding-right: 40px;
			.tablet( {
				width: 50%;
				clear: both;
			}
			);
			.mobile( {
				width: 100%;
				clear: both;
			}
			);
			.icon-map-point {
				color: #5AB6E7;
			}
		}
	}
	.icon-map-point {
		margin-right: 5px;
		font-size: 19px;
		&:before {
			display: inline-block;
			margin-top: -6px;
			vertical-align: middle;
		}
	}
	label {
		font-family: circe;
		font-weight: 300;
		font-size: 18px;
		line-height: 26px;
		display: block;
		color: @colordarkblue;
		&:before {
			top: -2px!important;
		}
	}
	.hint {
		margin-top: 8px;
		margin-left: 48px;
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 18px;
		color: @colorgray;
	}
	.select-wrap {
		width: 90%;
	}
	.select-menu {
		overflow-y: auto;
		max-height: 250px;
	}
	.tablet( {
		display: block;
		margin-bottom: 33px;
		.cell {
			display: block;
			.clearfix();
			&:first-child {
				float: left;
				width: 50%;
				margin-bottom: 33px;
			}
			&:nth-child(2) {
				float: right;
				width: 50%;
			}
			&.cell-search {
				margin-top: 30px;
				width: 100%;
				& input {
					width: 90%;
					margin-bottom: 30px;
				}
			}
			&:last-child {
				width: 100%;
			}
		}
	}
	);
	.mobile( {
		display: block;
		margin-bottom: 33px;
		.cell {
			display: block;
			margin-bottom: 20px;
			.clearfix();
			&:first-child {
				width: 100%;
				padding-right: 0;
			}
			&:nth-child(2) {
				width: 100%;
				padding-right: 0;
			}
			&.cell-search {
				width: 100%;
				& input {
					width: 90%;
					margin-bottom: 10px;
				}
			}
			&:last-child {
				width: 100%;
				margin-bottom: 0;
			}
		}
		label {
			display: inline-block;
			font-size: 18px;
		}
	}
	);
}


 ----------------------------------- contacts-map ----------------------------------- 

.contacts-map {
	height: 500px;
	margin-top: 40px;
}


 ----------------------------------- requisites ----------------------------------- 

.requisites {
	margin-bottom: 60px;
	&:last-child {
		margin-bottom: 100px;
	}
	p {
		margin-bottom: 35px;
		font-family: circe;
		font-size: 21px;
		line-height: 24px;
		color: @colordarkblue;
		strong {
			font-weight: 600;
		}
	}
	.tablet( {
		margin-bottom: 40px;
		&:last-child {
			margin-bottom: 60px;
		}
		p {
			line-height: 18px;
			strong {
				font-size: 18px;
				line-height: 1;
			}
		}
	}
	);
	.mobile( {
		margin-bottom: 30px;
		&:last-child {
			margin-bottom: 40px;
		}
		p {
			line-height: 16px;
			strong {
				font-size: 16px;
				line-height: 1;
			}
		}
	}
	);
}

.requisites__item {
	width: 100%;
	.cell {
		width: 50%;
		height: 81px;
		padding: 15px 30px;
		vertical-align: middle;
	}
	&:first-child {
		.cell {
			border-top: 1px solid @colorgray3;
		}
	}
	&:last-child {
		.requisites_left-block {
			border-bottom: 1px solid @colorgray3;
		}
	}
	.tablet( {
		.cell {
			padding: 5px 20px;
		}
	}
	);
	.mobile( {
		display: block;
		.cell {
			display: block;
			width: 100%;
			height: auto;
			padding: 5px 10px;
			font-size: 14px;
			line-height: 18px;
		}
		&:first-child {
			.cell {
				border-top: none
			}
		}
		&:last-child {
			.requisites_left-block {
				border-bottom: none;
			}
		}
	}
	);
}

.requisites_left-block {
	background-color: @colorgray3;
	font-family: Arial;
	font-weight: 600;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.requisites_right-block {
	font-family: Arial;
	color: @colordarkblue;
	border-right: 1px solid @colorgray3;
	border-bottom: 1px solid @colorgray3;
	.mobile( {
		border: none;
	}
	);
}

.requisites__table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	&.more-cols {
		td {
			width: auto;
		}
	}
	tr {
		&:first-child {
			td {
				border-right: 1px solid #fff;
				background-color: @colorgray3;
				;
				font-weight: 600;
				color: #fff;
				&:last-child {
					border-right: 1px solid @colorgray3;
				}
			}
		}
		&:not(:first-child) {
			td {
				border-right: 1px solid @colorgray3;
				border-bottom: 1px solid @colorgray3;
				border-left: 1px solid @colorgray3;
			}
		}
	}
	td {
		width: 50%;
		height: 81px;
		padding: 15px 20px;
		font-family: Arial;
		vertical-align: middle;
	}
	.tablet( {
		td {
			padding: 5px 20px;
		}
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.requisites__mobile-table-wrap {
	display: none;
	.mobile( {
		display: block;
	}
	);
}

.requisites__mobile-table {
	display: block;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	border: 2px solid #000;
	border-bottom: none;
	&:last-child {
		border-bottom: 2px solid #000;
	}
	tr {
		display: block;
	}
	tbody {
		display: block;
	}
	td {
		display: block;
		padding: 5px 10px;
		font-family: Arial;
		font-size: 14px;
		line-height: 18px;
		color: @colordarkblue;
		&:nth-child(2n-1) {
			background-color: @colorgray3;
			;
			font-weight: 600;
			color: #fff;
		}
		&:nth-child(2n) {
			border-bottom: 1px solid @colorgray3;
		}
		&:last-child {
			border-bottom: none;
		}
	}
}


 ----------------------------------- slider-count-people ----------------------------------- 

.slider-count-people__wrap {
	input {
		display: none;
	}
	.ui-slider {
		width: 475px;
		height: 2px;
		margin: 28px auto 11px;
		.border-radius(0);
		background-color: transparent;
	}
	.ui-slider-range {
		height: 2px;
	}
	.ui-slider-handle {
		top: 9px;
		z-index: 1;
		width: 20px;
		height: 20px;
		border: none;
		background-color: @coloradd;
		.box-shadow(none);
	}
}

.count-people__scale {
	position: relative;
	margin-bottom: 0;
	text-align: justify;
	.justify();
	&:before {
		content: "";
		position: absolute;
		left: 0;
		top: -13px;
		width: 100%;
		height: 2px;
		background-color: @colorgray3;
	}
	li {
		position: relative;
		display: inline-block;
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @colordarkblue;
		&:before {
			content: "";
			position: absolute;
			left: 50%;
			top: -20px;
			width: 2px;
			height: 10px;
			margin-left: -1px;
			background-color: @colorgray3;
		}
		&:nth-child(2) {
			margin-left: 20px;
		}
		&:nth-child(4) {
			margin-right: 15px;
		}
	}
}


 ----------------------------------- mentors-list ----------------------------------- 

.mentors-list {
	.clearfix();
	padding-bottom: 80px;
	border-bottom: 1px solid @colorgray3;
	.tablet( {
		padding-bottom: 30px;
	}
	);
	.mobile( {
		padding-bottom: 30px;
	}
	);
}

.mentors-list__item-wrap {
	float: left;
	width: 50%;
	&:nth-child(2n-1) {
		padding-right: 45px;
	}
	margin-top: 60px;
	&:first-child,
	&:nth-child(2) {
		margin-top: 0;
	}
	.tablet( {
		float: none;
		width: 100%;
		margin-top: 29px;
		&:nth-child(2n-1) {
			padding-right: 0;
		}
		&:nth-child(2) {
			margin-top: 29px;
		}
	}
	);
	.mobile( {
		float: none;
		width: 100%;
		margin-top: 29px;
		&:nth-child(2n-1) {
			padding-right: 0;
		}
		&:nth-child(2) {
			margin-top: 29px;
		}
	}
	);
}

.mentors-list__region {
	margin-bottom: 25px;
	font-family: circe;
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: @colorblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 19px;
	}
	);
	.mobile( {
		margin-bottom: 10px;
		font-size: 18px;
	}
	);
}

.mentors-list__item {
	position: relative;
	min-height: 290px;
	padding-top: 30px;
	padding-left: 300px;
	.tablet( {
		padding-left: 52%;
	}
	);
	.mobile( {
		padding-top: 0;
		padding-left: 0;
	}
	);
}

.mentors-list__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 290px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	.tablet( {
		width: 50%;
		height: 280px;
	}
	);
	.mobile( {
		position: static;
		width: 100%;
		height: 280px;
	}
	);
}

.mentors-list__name {
	margin-bottom: 14px;
	font-family: circe;
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	color: @colordarkblue;
	text-transform: uppercase;
	.tablet( {
		margin-bottom: 10px;
	}
	);
	.mobile( {
		margin: 20px 0 15px;
		font-size: 24px;
		line-height: 27px;
	}
	);
}

.mentors-list__pos {
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 25px;
	color: @colordarkblue;
	.mobile( {
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 21px;
	}
	);
}

.mentors-list__phone {
	margin-bottom: 7px;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	&:before {
		content: "\e911";
		display: inline-block;
		margin-right: 18px;
		margin-bottom: 7px;
		font-family: "icomoon";
		font-size: 20px;
		color: @colorblue;
		vertical-align: middle;
	}
	.mobile( {
		margin-bottom: 5px;
		font-size: 18px;
		line-height: 21px;
	}
	);
}

.mentors-list__mail {
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1;
	color: @colordarkblue;
	&:before {
		content: "\e90c";
		display: inline-block;
		margin-right: 15px;
		font-family: "icomoon";
		font-size: 15px;
		color: @colorblue;
		vertical-align: middle;
	}
	.mobile( {
		margin-bottom: 5px;
		font-size: 18px;
		line-height: 21px;
	}
	);
}

.mentors-list__contacts {
	position: absolute;
	left: 300px;
	bottom: 26px;
	.tablet( {
		left: 52%;
		bottom: 35px;
	}
	);
	.mobile( {
		position: static;
	}
	);
}


 ----------------------------------- search-page-form ----------------------------------- 

.search-page-form {
	padding: 70px 0 38px;
	margin-bottom: 40px;
	background-color: @colorgray2;
	.title-page {
		margin: 0 0 22px;
	}
	.input-search-wrap {
		position: relative;
		padding-right: 220px;
	}
	.button {
		position: absolute;
		right: 0;
		top: 0;
	}
	input {
		width: 100%;
		padding-right: 60px;
	}
	.icon-search {
		position: absolute;
		right: 240px;
		top: 15px;
		font-size: 21px;
		color: @coloradd;
	}
	.tablet( {
		padding: 30px 0 43px;
		margin-bottom: 35px;
	}
	);
	.mobile( {
		padding: 20px 0 33px;
		margin-bottom: 25px;
		.input-search-wrap {
			padding: 0;
		}
		input {
			margin-bottom: 10px;
		}
		.button {
			position: static;
			display: block;
			width: 100%;
		}
		.icon-search {
			right: 20px;
		}
	}
	);
}


 ----------------------------------- search-result-list ----------------------------------- 

.search-result-list {
	margin-bottom: 100px;
	.show-more-wrap {
		position: relative;
		text-align: center;
	}
	.pagination {
		float: left;
	}
	.show-more {
		display: inline-block;
		margin-top: 10px;
		.bg_img("../images/dotted.png",
		repeat-x,
		3px 1px,
		left bottom);
		font-family: Arial;
		font-size: 16px;
		line-height: 1;
		color: @coloradd;
		cursor: pointer;
	}
	.soc-icons {
		position: absolute;
		left: 430px;
		bottom: 0;
	}
	.tablet( {
		margin-bottom: 60px;
	}
	);
	.mobile( {
		margin-bottom: 40px;
	}
	);
}

.search-result-list__all {
	margin-bottom: 22px;
	font-family: Arial;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: @colordarkblue;
	span {
		color: @colorsite;
	}
	.tablet( {
		margin-bottom: 33px;
	}
	);
	.mobile( {
		margin-bottom: 23px;
	}
	);
}

.search-result-list__item {
	position: relative;
	padding: 0 0 33px 51px;
	border-bottom: 1px solid @colorgray3;
	margin-bottom: 34px;
	.mobile( {
		padding: 0 0 25px 25px;
		margin-bottom: 25px;
	}
	);
}

.search-result-list__num {
	position: absolute;
	left: 0;
	top: 4px;
	font-family: Arial;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: @colorsite;
}

.search-result-list__desc {
	p {
		margin-bottom: 10px;
		font-family: Arial;
		font-size: 16px;
		line-height: 24px;
		color: @colordarkblue;
		&:last-child {
			margin-bottom: 0;
		}
	}
	.mobile( {
		font-size: 14px;
		line-height: 18px;
	}
	);
}


 ----------------------------------- page-404 ----------------------------------- 

.page-404 {
	padding-top: 86px;
	border-top: 1px solid @colorgray2;
	.input-search-wrap {
		position: relative;
		padding-right: 220px;
	}
	.button {
		position: absolute;
		right: 0;
		top: 0;
	}
	input {
		width: 100%;
		padding-right: 60px;
	}
	.icon-search {
		position: absolute;
		right: 240px;
		top: 15px;
		font-size: 21px;
		color: @coloradd;
	}
	.mobile( {
		padding-top: 40px;
		.input-search-wrap {
			padding: 0;
		}
		input {
			margin-bottom: 10px;
		}
		.button {
			position: static;
			display: block;
			width: 100%;
		}
		.icon-search {
			right: 20px;
		}
	}
	);
}

.page-404-inner {
	width: 790px;
	padding: 0 24px;
	margin: 0 auto 100px;
	.table {
		width: 100%;
		margin-bottom: 22px;
	}
	.cell {
		padding: 0;
		vertical-align: middle;
		&:first-child {
			width: 280px;
			font-family: circe;
			font-weight: 700;
			font-size: 160px;
			line-height: 1;
			color: @coloradd;
		}
		&:last-child {
			padding-left: 50px;
			p {
				margin-bottom: 15px;
				font-family: circe;
				font-weight: 300;
				font-size: 21px;
				line-height: 26px;
				color: @colordarkblue;
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
	.tablet( {
		width: auto;
		.table {
			margin-bottom: 25px;
		}
		.cell {
			&:first-child {
				line-height: 137px;
				vertical-align: middle;
			}
			&:last-child {
				p {
					font-size: 18px;
					line-height: 26px;
				}
			}
		}
	}
	);
	.mobile( {
		width: auto;
		.table {
			display: block;
		}
		.cell {
			display: block;
			&:first-child {
				width: auto;
				font-size: 100px;
				line-height: 1;
				vertical-align: middle;
			}
			&:last-child {
				padding-left: 0;
				p {
					font-size: 16px;
					line-height: 21px;
				}
			}
		}
	}
	);
}


 ----------------------------------- page-500 ----------------------------------- 

.page-500 {
	padding-top: 86px;
	border-top: 1px solid @colorgray2;
	.input-search-wrap {
		position: relative;
		padding-right: 220px;
	}
	.button {
		position: absolute;
		right: 0;
		top: 0;
	}
	input {
		width: 100%;
		padding-right: 60px;
	}
	.icon-search {
		position: absolute;
		right: 240px;
		top: 15px;
		font-size: 21px;
		color: @coloradd;
	}
	.mobile( {
		padding-top: 40px;
		.input-search-wrap {
			padding: 0;
		}
		input {
			margin-bottom: 10px;
		}
		.button {
			position: static;
			display: block;
			width: 100%;
		}
		.icon-search {
			right: 20px;
		}
	}
	);
}

.page-500-inner {
	width: 1140px;
	padding: 0 24px;
	margin: 0 auto 100px;
	.table {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		//width: 100%;
		margin-bottom: 22px;
	}
	.cell {
		padding: 0;
		vertical-align: middle;
		&:first-child {
			width: 80%;
			font-family: circe;
			font-weight: 700;
			font-size: 160px;
			line-height: 1;
			color: @coloradd;
		}
		&:last-child {
			padding-left: 50px;
			p {
				margin-bottom: 15px;
				font-family: circe;
				font-weight: 300;
				font-size: 21px;
				line-height: 26px;
				color: @colordarkblue;
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
	.tablet( {
		width: auto;
		.table {
			margin-bottom: 25px;
		}
		.cell {
			&:first-child {
				line-height: 137px;
				vertical-align: middle;
			}
			&:last-child {
				p {
					font-size: 18px;
					line-height: 26px;
				}
			}
		}
	}
	);
	.mobile( {
		width: auto;
		.table {
			display: block;
		}
		.cell {
			display: block;
			&:first-child {
				width: auto;
				font-size: 100px;
				line-height: 1;
				vertical-align: middle;
			}
			&:last-child {
				padding-left: 0;
				p {
					font-size: 16px;
					line-height: 21px;
				}
			}
		}
	}
	);
}


 ----------------------------------- sbaloon__place-name ----------------------------------- 

.bubble-outer:after {
	position: absolute;
	left: -31px;
	top: 50%;
	z-index: 0;
	width: 0;
	height: 0;
	margin-top: -10px;
	border-left: 22px solid transparent;
	border-right: 24px solid transparent;
	border-bottom: 24px solid #fff;
	.transform(rotate(-90deg));
	content: "";
}


 ----------------------------------- sbaloon__place-name ----------------------------------- 

.baloon {
	position: relative;
	padding: 28px 20px 20px 28px;
	overflow: hidden;
	
	.triangle {
		position: absolute;
		left: -31px;
		top: 50%;
		z-index: 0;
		width: 0;
		height: 0;
		margin-top: -10px;
		border-left: 22px solid transparent;
		border-right: 24px solid transparent;
		border-bottom: 24px solid #fff;
		.transform(rotate(-90deg));
	}
	
	.tablet( {
		display: inline-block!important;
	}
	);
	.tablet-min( {
		margin-left: 10px;
	}
	);
	.mobile( {
		display: inline-block!important;
		margin-top: -12px;
		margin-left: 24px;
		.transform(translate(0,
		0));
		vertical-align: middle;
	}
	);
}

.baloon__place-name {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid @coloradd;
	font-family: Arial;
	font-weight: 600;
	font-size: 21px;
	line-height: 24px;
	color: @colordarkblue;
}

.baloon__desc-name {
	margin-bottom: 0;
	font-family: Arial;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: @colordarkblue;
}

.baloon__desc {
	margin-bottom: 15px;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	color: @colordarkblue;
	&:last-child {
		margin-bottom: 0;
	}
}


 ----------------------------------- cofinanceToggleBlock ----------------------------------- 

._cofinanceToggleBlock {
	margin-top: 31px;
}


 ----------------------------------- IN-widget ----------------------------------- 

.speakers-list__item .li-connect-widget .li-connect-mark,
.speakers-list-modif__item .li-connect-widget .li-connect-mark {
	background: none!important;
	font-family: "icomoon"!important;
	display: inline-block!important;
	width: auto!important;
	height: auto!important;
	line-height: 1!important;
	&:before {
		content: "\e910";
		display: inline-block;
		width: 33px;
		height: 33px;
		.border-radius(50%);
		background-color: @colorgray3;
		font-size: 15px;
		line-height: 33px;
		color: #fff;
		letter-spacing: normal;
		text-align: center;
		.transition(0.3s);
	}
	&:hover:before {
		background-color: @colorblue;
	}
	.mobile( {
		position: absolute;
		right: 0;
		top: 0;
		&:before {
			width: 27px;
			height: 27px;
			font-size: 12px;
			line-height: 27px;
		}
	}
	);
}


 ----------------------------------- side__butter ----------------------------------- 

.side__butter {
	position: relative;
	display: none!important;
	.transform(translate(0,
	-50%));
	width: 30px;
	height: 30px;
	margin-left: 41px;
	margin-top: 23px;
	cursor: pointer;
	span {
		position: absolute;
		left: 0;
		width: 30px;
		height: 4px;
		background-color: @colordark;
		.transition(0.3s);
	}
	&.active {
		.side__line-1 {
			top: 13px;
			.transform(rotate(45deg));
		}
		.side__line-2 {
			opacity: 0;
		}
		.side__line-3 {
			top: 13px;
			.transform(rotate(-45deg));
		}
	}
	.tablet( {
		display: inline-block!important;
		margin-left: 41px;
	}
	);
	.tablet-min( {
		margin-left: 30px;
	}
	);
	.mobile( {
		display: inline-block!important;
		margin-top: 7px;
		margin-left: 6px;
		.transform(translate(0,
		0));
		vertical-align: middle;
	}
	);
}

.side__line-1 {
	top: 0;
}

.side__line-2 {
	top: 13px;
}

.side__line-3 {
	top: 26px;
}

.side__butter-mobile {
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 1;
	background: #fff;
	display: none;
	padding: 8px 8px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	.mobile( {
		display: block;
	}
	);
	& .side__butter {
		margin: 0;
		height: 24px;
		.active & {
			top: 11px;
		}
	}
	& .side__line-2 {
		top: 10px;
	}
	& .side__line-3 {
		top: 20px;
		.active & {
			top: 11px;
		}
	}
}


 ----------------------------------- fancybox-form ----------------------------------- 

.fancybox__p {
	max-width: 500px;
	padding: 0 40px;
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	&:last-child {
		margin-bottom: 0;
	}
}

.fancybox__form {
	max-width: 500px;
	input[type="text"],
	input[type="email"] {
		width: 100%;
		margin-bottom: 10px;
	}
	.button {
		display: block;
		margin: 0 auto;
	}
}

.fancybox-inner {
	overflow: auto;
	.input-wrap textarea {
		width: 100%!important;
		max-width: 100%;
	}
	.button {
		display: block;
		margin: 0 auto;
		&:focus {
			outline: none;
		}
	}
	[class^="icon-"],
	[class*=" icon-"] {
		margin-right: 10px;
		vertical-align: middle;
		&:before {
			display: inline-block;
			width: 40px;
			height: 40px;
			.border-radius(50%);
			background-color: @coloradd;
			line-height: 40px;
			color: #fff;
			text-align: center;
			.transition(0.3s);
		}
		&:hover {
			&:before {
				background-color: @colorgray3;
			}
		}
	}
	.icon-vk {
		font-size: 12px;
	}
	.icon-fb {
		font-size: 21px;
	}
	.icon-tw {
		font-size: 15px;
	}
	.icon-mail {
		margin-right: 0;
		font-size: 13px;
	}
	.fancybox-auth-icons-form {
		display: inline-block;
		margin-bottom: 10px;
	}
	.form-line:last-child {
		font-size: 0;
		margin-bottom: 0;
	}
}

.fancybox__h1 {
	padding: 0 30px;
	margin-bottom: 20px;
	font-family: circe;
	font-weight: 600;
	font-size: 30px;
	line-height: 1;
	color: @colordarkblue;
	text-align: center;
}


 ----------------------------------- news-detail ----------------------------------- 

.news-detail {
	.date {
		margin-bottom: 17px;
		font-family: Arial;
		font-style: italic;
		font-size: 13px;
		line-height: 1;
		color: @colorgray;
		.mobile( {
			margin-bottom: 10px;
		}
		);
	}
}


 ----------------------------------- subscription-block22 ----------------------------------- 

.subscription-block22 {
	.center-block {
		padding: 0;
	}
	input {
		width: 100%;
		margin-bottom: 20px;
	}
	button[type="submit"] {
		display: block;
		margin: 0 auto;
	}
	.message-text {
		margin-bottom: 10px;
		p {
			line-height: 1;
		}
		.notetext {
			font-size: 14px;
			line-height: 18px;
		}
	}
	.errortext {
		font-family: circe;
		font-size: 12px;
	}
}

.subscription-block22__title {
	padding: 0 30px;
	margin-bottom: 20px;
	font-family: circe;
	font-weight: 600;
	font-size: 30px;
	line-height: 36px;
	color: @colordarkblue;
	text-align: center;
}


 ----------------------------------- scroll-top ----------------------------------- 

.scroll-top {
	position: fixed;
	right: 20px;
	z-index: 10;
	display: none;
	width: 40px;
	height: 40px;
	background-color: @colorgray;
	color: #fff;
	text-align: center;
	.icon-arr-t {
		font-size: 10px;
		line-height: 40px;
	}
	cursor: pointer;
	.transition(background-color 0.2s);
	&.active {
		display: block;
	}
	&:hover {
		background-color: @colorsite;
		.scroll-top__alt {
			display: block;
		}
	}
}

.scroll-top__alt {
	display: none;
	position: absolute;
	left: 50%;
	top: 44px;
	.transform(translate(-50%,
	0));
	height: 21px;
	font-size: 14px;
	line-height: 21px;
	color: @colorsite;
	text-align: center;
}


 ----------------------------------- gallery-slider ----------------------------------- 

.gallery-p {
	margin-bottom: 35px;
	font-family: Arial;
	font-size: 21px;
	line-height: 30px;
	color: @colordarkblue;
	.tablet( {
		font-size: 18px;
	}
	);
	.mobile( {
		padding: 0 10px;
		font-size: 14px;
		line-height: 18px;
	}
	);
}


 ----------------------------------- bxslider ----------------------------------- 

.gallery-slider-page {
	.tablet( {
		padding: 0 40px;
	}
	);
	h1 {
		margin: 40px 0 10px;
	}
	.h1 {
		margin: 40px 0 10px;
	}
}

.gallery-slider-for {
	position: relative;
	.slick-list {
		overflow: hidden;
	}
	margin-bottom: 35px;
	.fontreset();
	.icon-arr-r,
	.icon-arr-l {
		display: none!important;
		position: absolute;
		bottom: -68px;
		margin-top: 0;
		font-size: 38px;
		color: @colordarkblue;
		cursor: pointer;
	}
	.tablet( {
		margin-bottom: 23px;
	}
	);
	.mobile( {
		display: block;
		margin-bottom: 98px;
		.icon-arr-r,
		.icon-arr-l {
			display: block!important;
		}
		.icon-arr-r {
			right: 10px;
		}
		.icon-arr-l {
			left: 10px;
		}
	}
	);
}

.gallery-slider-for__item {
	position: relative;
	display: inline-block;
	height: 460px;
	.bg_img("../images/blank.png",
	no-repeat,
	contain,
	center center);
	letter-spacing: normal;
	vertical-align: top;
	&:focus {
		outline: none;
	}
	.player {
		position: absolute;
		left: 50%;
		top: 0;
		width: auto;
		height: 100%;
		.transform(translateX(-50%));
	}
	.tablet( {
		height: 330px;
	}
	);
	.mobile( {
		height: 220px;
	}
	);
}

.gallery-slider-nav {
	position: relative;
	margin-bottom: 40px;
	.fontreset();
	.slick-list {
		overflow: hidden;
	}
	.slick-track {
		margin: 0 auto;
	}
	.icon-arr-r,
	.icon-arr-l {
		position: absolute;
		top: 50%;
		margin-top: -30px;
		font-size: 60px;
		color: @colordarkblue;
		cursor: pointer;
	}
	.icon-arr-r {
		right: -70px;
	}
	.icon-arr-l {
		left: -70px;
	}
	.desktop( {
		margin-bottom: 24px;
		.icon-arr-r,
		.icon-arr-l {
			margin-top: -19px;
			font-size: 38px;
		}
		.icon-arr-r {
			right: -20px;
		}
		.icon-arr-l {
			left: -20px;
		}
	}
	);
	.tablet( {
		margin-bottom: 24px;
		.icon-arr-r,
		.icon-arr-l {
			margin-top: -19px;
			font-size: 38px;
		}
		.icon-arr-r {
			right: -40px;
		}
		.icon-arr-l {
			left: -40px;
		}
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.gallery-slider-nav__item {
	display: inline-block;
	width: 195px;
	height: 130px;
	margin: 0 17px;
	.bg_img("../images/blank.png",
	no-repeat,
	cover,
	center center);
	letter-spacing: normal;
	vertical-align: top;
	&:focus {
		outline: none;
	}
	.tablet( {
		height: 95px;
	}
	);
}

.gallery-slider-links {
	margin-bottom: 35px;
	.link-download {
		margin-right: 45px;
		font-family: Arial;
		font-size: 16px;
		&:before {
			content: "";
			display: inline-block;
			width: 20px;
			height: 22px;
			margin-right: 15px;
			.bg_img("../images/pdf1.png",
			no-repeat,
			contain,
			center center);
			vertical-align: middle;
		}
	}
	.link-share {
		display: inline-block;
		padding: 5px 0;
		&:before {
			content: "";
			display: inline-block;
			width: 22px;
			height: 22px;
			margin-right: 15px;
			.bg_img("../images/share.png",
			no-repeat,
			contain,
			center center);
			vertical-align: middle;
		}
	}
	.tablet( {
		margin-bottom: 52px;
	}
	);
	.mobile( {
		padding: 0 10px;
		margin-bottom: 30px;
		.link-download {
			margin-right: 35px;
			font-size: 14px;
			&:before {
				margin-right: 10px;
			}
		}
		.link-share {
			font-size: 14px;
			&:before {
				margin-right: 10px;
			}
		}
	}
	);
}

.gallery-slider-ics {
	display: inline-block;
	margin-left: 60px;
	display: none;
}

//form result
#from_ajax_result p {
	font-family: circe, sans-serif;
	text-align: center;
	font-size: 36px;
	line-height: 40px;
	text-align: center;
	padding: 30px 0;
}

.footer-disclaimer {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: rgba(255, 255, 255, 0.2);
	padding-top: 20px;
}

.diagram-disclaimer {
	max-width: 1280px;
	padding: 40px;
	margin: 0 auto;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	color: #bbc4cb;
	text-align: left;
	.mobile( {
		padding: 0 20px 20px;
	}
	);
}

.empl-type {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
	color: #2c3443;
}


 button-count 

.button-count {
	font-family: arial, sans-serif;
	vertical-align: top;
	font-size: 12px;
	line-height: 46px;
}


 npf-checks 

.npf-checks {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	.clearfix();
	.tablet( {
		top: 0;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
		padding: 30px 0;
	}
	);
	.mobile( {
		top: 0;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
		padding: 30px 0;
	}
	);
}

.npf-checks__col:first-child {
	width: 55%;
	.tablet( {
		width: 100%;
	}
	);
	.mobile( {
		width: 100%;
	}
	);
}

.npf-checks__col {
	width: 45%;
	float: left;
	.tablet( {
		width: 100%;
		float: none;
	}
	);
	.mobile( {
		width: 100%;
		float: none;
	}
	);
}

.npf-checks__ch {
	padding: 25px 25px 25px 80px;
	color: #fff;
	font-size: 21px;
	line-height: 29px;
	font-family: circe, sans-serif;
	font-weight: 300;
	position: relative;
	.tablet( {
		padding: 10px 25px 10px 60px;
		font-size: 18px;
		line-height: 24px;
	}
	);
	.mobile( {
		padding: 10px 25px 10px 60px;
		font-size: 16px;
		line-height: 20px;
	}
	);
}

.npf-checks__ch:after {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/npf-check.png) no-repeat;
	position: absolute;
	left: 34px;
	top: 50%;
	margin-top: -13px;
	.tablet( {
		left: 24px;
	}
	);
	.mobile( {
		left: 24px;
	}
	);
}


 team-sep 

.team-sep {
	margin: 80px 0;
	height: 1px;
	background: #ced3d8;
}


 -----------------------------------  ----------------------------------- 

.banbl {
	min-height: 353px;
}

.banbl__inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 50px 20px 25px;
	.clearfix();
}

.banbl__h {
	margin-bottom: 55px;
	//color: #fff;
	font-size: 21px;
	line-height: 23px;
	text-transform: uppercase;
	text-align: center;
	font-family: circe, sans-serif;
	font-weight: bold;
}

.banbl__col {
	width: 50%;
	float: left;
	padding-right: 40px;
	.mobile( {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	);
}

.banbl__check {
	//color: #fff;
	font-size: 21px;
	line-height: 27px;
	font-family: circe, sans-serif;
	font-weight: 300;
	margin-bottom: 35px;
	padding-left: 40px;
	position: relative;
}

.banbl__check-ch {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	.mobile( {
		top: 0;
		margin-top: 0;
	}
	);
}

.banbl__btn {
	width: 200px;
	margin: 0 auto 28px;
}


 ----------------------------------- ipo-info ----------------------------------- 

.ipo-info {
	max-width: 1200px;
	margin: 0 auto;
}

.ipo-info__cols {
	max-width: 960px;
	margin: 0 auto 30px;
	text-align: justify;
	position: relative;
	.clearfix();
}

.ipo-info__cols:after {
	content: "";
	display: inline-block;
	height: 0;
	width: 100%;
}

.ipo-info__col {
	width: 240px;
	height: 240px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: left;
	padding-top: 40px;
}

.ipo-info__arr-1 {
	display: block;
	width: 33px;
	height: 25px;
	background: url(../images/npf/npf-arr.png) no-repeat;
	position: absolute;
	left: 30%;
	top: 106px;
	z-index: 5;
}

.ipo-info__arr-2 {
	display: block;
	width: 33px;
	height: 25px;
	background: url(../images/npf/npf-arr.png) no-repeat;
	position: absolute;
	right: 30%;
	top: 106px;
	z-index: 5;
}

.ipo-info__col:after {
	content: "";
	display: block;
	width: 420px;
	height: 420px;
	background: url(../images/npf/npf-circ.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.ipo-info__col:nth-child(1):after {
	background: url(../images/npf/npf-circ.png) no-repeat;
}

.ipo-info__col:nth-child(2):after {
	background: url(../images/npf/circ-2.png) no-repeat;
}

.ipo-info__col:nth-child(3):after {
	background: url(../images/npf/circ-3.png) no-repeat;
}

.ipo-info__in {
	position: relative;
	z-index: 2;
	text-align: center;
}

.ipo-info__count {
	font-size: 70px;
	line-height: 74px;
	font-weight: bold;
	color: #2c3443;
	font-family: circe, sans-serif;
}

.ipo-info__txt {
	display: block;
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
	color: #2c3443;
	max-width: 150px;
	margin: 0 auto;
}

.ipo-info__p {
	position: relative;
	z-index: 3;
	font-size: 16px;
	line-height: 24px;
}


 ----------------------------------- npf-pdf ----------------------------------- 

.npf-pdf {
	background: #4d87a9;
	padding: 68px 20px;
	text-align: center;
	display: block;
	margin: 50px 0;
}

.npf-pdf__in {
	display: inline-block;
	position: relative;
	font-size: 21px;
	line-height: 27px;
	text-transform: uppercase;
	font-family: circe, sans-serif;
	font-weight: bold;
	margin: 0 auto;
	color: #fff;
	padding-left: 85px;
}

.npf-pdf__img {
	position: absolute;
	left: 0;
	top: -20px;
}


 ----------------------------------- cls ----------------------------------- 

.cls {
	display: table;
	.mobile( {
		display: block;
	}
	);
}

.cls__col {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	border-left: 4px solid #4d87a9;
	padding: 0 80px 0 40px;
	.mobile( {
		display: block;
		width: 100%;
		padding: 0 0 0 20px;
		margin-bottom: 40px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	);
}

.cls__h {
	text-transform: uppercase;
	font-family: circe, sans-serif;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.cls__desc {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 20px;
}

.cls__p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	font-style: italic;
}


 ----------------------------------- h2 и h3 ----------------------------------- 

.h2 {
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 21px;
	line-height: 1.2;
	color: #2c3443;
}

.h3 {
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #2c3443;
}


 ----------------------------------- selectBox.menusel ----------------------------------- 

.menusel {
	display: block;
}

.selectBox.menusel {
	display: block;
	font-family: circe;
	font-weight: 600;
	font-size: 21px;
	line-height: 26px;
	color: #fff;
	width: 100%!important;
	outline: none;
	.mobile( {
		font-size: 18px;
		line-height: 21px;
	}
	);
	.selectBox-arrow {
		display: none;
	}
	a {
		color: #fff;
		text-decoration: none;
	}
	.selectBox-label {
		padding: 0 35px 0 20px;
		display: block;
		height: 74px;
	}
}

.menusel-selectBox-dropdown-menu {
	position: absolute;
	z-index: 99;
	background-color: #f5f6f8;
	li {
		padding: 17px 20px;
		border-left: 1px dotted @coloradd;
		border-right: 1px dotted @coloradd;
		border-bottom: 1px dotted @coloradd;
		background-color: @colorgray2;
		font-family: circe;
		font-weight: 300;
		font-size: 19px;
		line-height: 24px;
		color: @colordarkblue;
		cursor: pointer;
		max-height: 500px;
		overflow: auto;
		.transition(0.3s);
		&:hover {
			background-color: @colordarkgray2;
		}
		&.selectBox-selected {
			background: #4d87a9;
			color: #fff;
			a {
				color: #fff;
			}
		}
		&:first-child {
			border-top: 1px dotted @coloradd;
		}
		&:last-child {
			border-bottom: 1px dotted @coloradd;
		}
	}
}


 ----------------------------------- from_ajax_result_reviews ----------------------------------- 

#from_ajax_result_reviews .notetext {
	max-width: 480px;
	margin: 0 auto;
	display: block;
	padding: 20px 0;
	font-family: circe;
	font-weight: 600;
	font-size: 21px;
	line-height: 1.2;
	color: #4d87a9;
	text-align: center;
}


 ----------------------------------- chat-button ----------------------------------- 

.chat-button {
	position: fixed;
	right: 30px;
	top: 50%;
	z-index: 10;
	width: 65px;
	height: 65px;
	margin-top: -40px;
	.border-radius(50%);
	background-color: @colorblue;
	.bg_img("../images/chat-icon.png",
	no-repeat,
	34px auto,
	center 19px);
	cursor: pointer;
	.transition(.2s);
	&:hover {
		background-color: @colorblue2;
	}
	.mobile( {
		top: auto;
		bottom: 13px;
		right: 10px;
	}
	);
}

.orange-color {
	color: @colorsite;
}


 ----------------------------------- callback-button ----------------------------------- 

.callback-button {
	position: fixed;
	right: 30px;
	top: 50%;
	z-index: 10;
	width: 65px;
	height: 65px;
	margin-top: 40px;
	.border-radius(50%);
	background-color: @colorblue;
	.bg_img("../images/callback-icon.png",
	no-repeat,
	34px auto,
	center 15px);
	cursor: pointer;
	.transition(.2s);
	&:hover {
		background-color: @colorblue2;
	}
	.mobile( {
		right: 10px;
	}
	);
}

.orange-color {
	color: @colorsite;
}


 ----------------------------------- dohod ----------------------------------- 

.dohod {
	padding: 40px 0;
	.clearfix();
}

.dohod__col-1 {
	width: 50%;
	display: inline-block;
	padding-right: 40px;
	vertical-align: middle;
	.tablet( {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-bottom: 40px;
		display: block;
	}
	);
	.mobile( {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-bottom: 20px;
		display: block;
	}
	);
}

.dohod__col-2 {
	width: 47%;
	display: inline-block;
	vertical-align: middle;
	padding-top: 30px;
	.tablet( {
		width: 100%;
		float: none;
		display: block;
		padding-top: 0;
	}
	);
	.mobile( {
		width: 100%;
		float: none;
		padding-right: 0;
		display: block;
		padding-top: 0;
	}
	);
}

.dohod__img {
	display: block;
	width: 100%;
}


 ----------------------------------- hr ----------------------------------- 

.hr {
	border-bottom: 1px solid @colorgray3
}


 ----------------------------------- ipp ----------------------------------- 

.pension-calculator_ipp {
	.center-block {
		border-bottom: none;
	}
	&.yes .pension-calculator__line:last-child {
		margin-top: 0;
	}
	.pension-calculator_param {
		.mobile( {
			display: block;
			margin-bottom: 20px;
		}
		);
	}
	.calculator-type-ops {
		width: 50%;
		padding-right: 40px;
		.tablet( {
			width: 100%;
			padding-right: 0;
		}
		);
		.mobile( {
			width: 100%;
			padding-right: 0;
		}
		);
	}
}

.pension-blocks_ipp {
	height: 540px;
	.mobile( {
		height: 540px!important;
	}
	);
	&.pension-blocks_norange {
		height: 440px;
		.mobile( {
			height: 445px!important;
		}
		);
	}
}

.irs-single {
	display: none;
}

.col-2_ipp-wrap {
	height: 600px;
}

.col-2_ipp {
	position: relative;
	width: 50%;
	padding: 40px;
	background-color: #f5f6f7;
	text-align: center;
}

.pension-calculator__wrap {
	position: relative;
	min-height: 600px;
}

.pension-calculator .cols-2_ipp {
	position: relative;
	margin-bottom: 20px;
}

.ipp-block {
	padding: 40px 40px;
	border: 1px solid #e7e7e7;
	.clearfix();
	.mobile( {
		padding: 20px 20px;
	}
	);
}

.ipp-quest {
	padding: 30px 0;
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1.3;
	clear: both;
	letter-spacing: normal;
}

.ipp-middle {
	padding: 30px 0 20px;
}

.ipp-center-button {
	text-align: center;
	clear: both;
	padding-top: 40px;
	.button {
		width: 340px;
		margin-bottom: 0;
	}
}

.ipp-check {
	padding-top: 30px;
	clear: both;
}

.ipp-bottom {}

.ipp-bottom-add {}

.ipp-bottom-st {}

.ipp-blocks-bottom {
	text-align: center;
	clear: both;
	margin: -20px 0 30px;
}

.ipp-blocks-bottom__txt {
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 1.3;
	margin-bottom: 20px;
}

.ipp-blocks-bottom__price {
	font-family: "circe", sans-serif;
	font-weight: bold;
	color: #4d87a9;
	font-size: 30px;
	line-height: 34px;
	letter-spacing: 1px;
}

.ipp-blocks-bottom__light {
	font-size: 21px;
	line-height: 1.3;
	font-weight: 300;
}

.pension-block.ipp {
	position: absolute;
	bottom: 100%;
	background-color: @coloradd;
	height: 220px;
	.mobile( {
		bottom: 111px!important;
	}
	);
	.pension-blocks_norange & {
		bottom: -2px;
		.mobile( {
			bottom: 0px!important;
		}
		);
	}
}

.menu-bottom-btns {
	position: absolute;
	bottom: 0;
}

.complaints-note-wrap {
	margin-top: 50px;
	.clearfix();
}

.complaints-note {
	float: right;
	width: 30%;
	.mobile( {
		float: none;
		width: 100%;
	}
	);
}

.complaints-note__item {
	margin-bottom: 20px;
}

.complaints-letter {
	margin-top: 40px;
	margin-bottom: 80px;
	clear: both;
}

.complaints-letter__title {
	font-family: circe;
	font-weight: 300;
	font-size: 21px;
	line-height: 24px;
	color: #2c3443;
	text-align: center;
}

.complaints-letter__content {
	margin-top: 30px;
	& p {
		margin-bottom: 30px;
	}
	& ol {
		margin-bottom: 30px;
	}
	& .select-wrap {
		width: 350px;
		vertical-align: middle;
		margin: 10px 0;
		& .select-menu li {
			padding-right: 22px;
		}
	}
}

.complaints-note__namefield {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.complaints-note__prop {
	font-size: 16px;
	line-height: normal;
	word-break: break-all;
}

.complaints-select-line {
	.mobile( {
		display: block;
	}
	);
	& .select-wrap {
		.mobile( {
			width: auto;
		}
		);
	}
}

.income-block {
	margin-bottom: 40px;
}

.income-block__title {
	margin-bottom: 40px;
	font-family: 'circe', sans-serif;
	font-weight: 600;
	font-size: 36px;
	text-align: center;
	color: #2c3443;
	.mobile( {
		font-size: 30px;
	}
	);
}

.income-block__diagrams {
	text-align: center;
}

.income-block__graphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 452px;
	height: 376px;
}

.income-block__diagram--left {
	margin-right: 65px;
	.tablet-min( {
		margin-bottom: 40px;
	}
	);
	& .income-block__graphic {
		background-image: url('../images/income_graph_1.png');
	}
}

.income-block__diagram--right {
	margin-left: 65px;
	& .income-block__graphic {
		background-image: url('../images/income_graph_2.png');
	}
	& .income-block__value {
		color: #4d87a9;
	}
}

.income-block__diagram {
	position: relative;
	width: 295px;
	height: 295px;
	display: inline-block;
	vertical-align: top;
	.tablet-min( {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	);
	.mobile( {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	);
}

.income-block__diagram2 {
	position: relative;
	width: 485px;
	height: 300px;
	display: inline-block;
	vertical-align: top;
	.tablet-min( {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	);
	.mobile( {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	);
}

.income-block__diagram3 {
	position: relative;
	width: 303px;
	height: 300px;
	display: inline-block;
	vertical-align: top;
	.tablet-min( {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	);
	.mobile( {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	);
}

.income-block__inner {
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.income-block__value {
	margin-bottom: 5px;
	font-family: 'circe', sans-serif;
	font-weight: 700;
	font-size: 45px;
	color: #eb461b;
}

.income-block__descr {
	padding: 0 75px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-style: italic;
	line-height: 1.38;
	color: #212733;
}

.income-block__disclaimer {
	font-family: 'circe', sans-serif;
	font-size: 18px;
	font-size: 13px;
	font-style: italic;
	line-height: 21px;
}

.link-text-decoration {
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}

.payment-btn {
	.ops-top-promo & {
		bottom: 140px;
		.mobile( {
			margin-bottom: 20px;
		}
		);
	}
}

.feedback-popup__title {
	margin-bottom: 22px;
	font-family: 'circe';
	font-size: 27px;
	font-weight: 600;
	color: #2c3443;
}

.feedback-popup__label {
	font-family: 'circe', sans-serif;
	font-size: 17px;
	color: #2c3443;
}

.feedback-popup {
	padding-top: 75px;
	padding-right: 70px;
	padding-left: 58px;
	padding-bottom: 58px;
	position: relative;
	box-sizing: border-box;
	overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
	.mobile( {
		padding: 30px 36px 30px 20px;
	}
	);
}

.feedback-form--quesstions {
	margin-left: auto;
	margin-right: auto;
}

.feedback-popup__label {
	font-family: 'circe', sans-serif;
	font-size: 17px;
	color: #2c3443;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	.mobile( {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	);
}

.feedback-popup-wrap input[type="checkbox"]+label,
.feedback-popup-wrap input[type="radio"]+label {
	padding-left: 0;
	.mobile( {
		margin-bottom: 10px;
	}
	);
	&:before {
		margin-right: 28px;
		position: static;
		display: block;
		.mobile( {
			margin-right: 18px;
			-ms-flex-preferred-size: 30px;
			flex-basis: 30px;
			-webkit-box-flex: 0;
			-ms-flex-positive: 0;
			flex-grow: 0;
			-ms-flex-negative: 0;
			flex-shrink: 0;
		}
		);
	}
}

.feedback-popup__item .input-wrap {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	.mobile( {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	);
}

.feedback-popup__line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-preferred-size: 360px;
	flex-basis: 360px;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	.tablet( {
		-ms-flex-preferred-size: 260px;
		flex-basis: 260px;
	}
	);
	.mobile( {
		//        -webkit-box-orient: vertical;
		//        -webkit-box-direction: normal;
		//        -ms-flex-direction: column;
		//        flex-direction: column;
		//        -webkit-box-align: start;
		//        -ms-flex-align: start;
		//        align-items: flex-start;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	);
}

.feedback-popup__input[type='text'] {
	height: 40px;
}

.feedback-popup__input--short {
	
        -ms-flex-preferred-size: 360px;
        flex-basis: 360px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    
	.mobile( {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	);
}

.feedback-popup-wrap {
	input[type="radio"] {
		display: none;
		&+label {
			position: relative;
			padding-left: 0px;
			cursor: pointer;
			&:before {
				.box-sizing(border-box);
				content: "";
				position: static;
				left: 0;
				top: -7px;
				width: 30px;
				height: 30px;
				font-family: "Arial";
				font-size: 50px;
				line-height: 31px;
				color: #fff;
				text-align: center;
				border-radius: 50%;
				background-color: @coloradd;
			}
		}
		&:checked+label:before {
			content: "•";
		}
	}
	input[type="checkbox"] {
		display: none;
		&+label {
			position: relative;
			cursor: pointer;
			&:before {
				.box-sizing(border-box);
				content: "";
				width: 30px;
				height: 30px;
				border: 2px solid @coloradd;
				font-family: "icomoon";
				font-size: 10px;
				line-height: 26px;
				color: #fff;
				text-align: center;
			}
		}
		&:checked+label:before {
			content: "\e907";
			background-color: @coloradd;
		}
	}
}

.feedback-popup__submit {
	margin-top: 40px;
	border-color: #f15d22;
	background: #f15d22;
	color: #fff;
}

.feedback-popup__item {
	margin-bottom: 35px;
}

.feedback-popup-wrap {
	& .fancybox-close {
		width: 30px !important;
		height: 30px !important;
		right: 30px !important;
		top: 26px !important;
		.mobile( {
			width: 20px !important;
			height: 20px !important;
			right: 10px !important;
			top: 6px !important;
		}
		);
	}
	& .fancybox-close:before {
		content: "\e908";
		color: #f15d22;
		font-size: 30px;
		.mobile( {
			font-size: 20px;
		}
		);
	}
}

.feedback-saved__text {
	font-family: 'circe';
	font-size: 24px;
	font-weight: 600;
	color: #2c3443;
	vertical-align: middle;
	line-height: 100px;
	text-align: center;
	.mobile( {
		line-height: normal;
	}
	);
}

.feedback-saved {
	position: relative;
	box-sizing: border-box;
}

.feedback-saved-wrap {
	& .fancybox-close {
		width: 30px !important;
		height: 30px !important;
		right: 15px !important;
		top: 15px !important;
		.mobile( {
			width: 20px !important;
			height: 20px !important;
			right: 10px !important;
			top: 6px !important;
		}
		);
	}
	& .fancybox-close:before {
		content: "\e908";
		color: #f15d22;
		font-size: 30px;
		.mobile( {
			font-size: 20px;
		}
		);
	}
}

.main-btn-more {
	position: absolute;
	bottom: 72px;
	right: 200px;
	font-weight: 700;
	.desktop( {
		bottom: 37px;
		right: 70px;
	}
	);
	.tablet( {
		bottom: 42px;
		right: 70px;
	}
	);
	.mobile( {
		bottom: 42px;
		right: 50px;
	}
	);
}

.main-banner-link {
	display: block;
	width: 100%;
	height: 100%;
}

.route-back-btn {
	transform: rotate(180deg);
	display: inline-block;
	margin-right: 10px;
	&:before {
		content: "\e900";
		font-family: 'icomoon';
	}
}

.baloon__train {
	margin-right: 5px;
	margin-bottom: 5px;
	width: 13px;
	height: 20px;
	vertical-align: middle;
}

.baloon__bus {
	margin: 0 5px 5px 0;
	width: 13px;
	height: 16px;
	vertical-align: middle;
}

.about-benefits {
	padding: 0 50px;
	margin-left: -70px;
	font-size: 0;
	line-height: 0;
	.tablet-min( {
		margin-left: 0;
	}
	);
	.tablet( {
		margin-top: 50px;
	}
	);
	.mobile( {
		margin-top: 45px;
		padding: 0;
		margin-left: 0;
	}
	);
}

.about-benefits__item {
	margin-bottom: 70px;
	padding-left: 70px;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	.tablet-min( {
		width: 100%;
		padding-left: 0;
	}
	);
	.mobile( {
		width: 100%;
		padding-left: 0;
	}
	);
}

.about-benefits__icon-wrap {
	width: 65px;
	float: left;
	text-align: center;
}

.about-benefits__icon {
	margin-top: 15px;
}

.about-benefits__icon--heart {
	width: 61px;
	height: 56px;
}

.about-benefits__icon--wallet {
	width: 65px;
	height: 58px;
}

.about-benefits__icon--shield {
	width: 65px;
	height: 73px;
}

.about-benefits__icon--times {
	width: 65px;
	height: 65px;
}

.about-benefits__icon--cup {
	width: 65px;
	height: 61px;
}

.about-benefits__icon--pin {
	width: 48px;
	height: 65px;
}

.about-benefits__content {
	padding-left: 90px;
	width: 100%;
}

.about-benefits__title {
	.title-and-text & {
		font-family: 'circe', serif;
		font-weight: 600;
		color: #000;
		font-size: 22px;
	}
}

.about-benefits__text {
	.title-and-text & {
		font-family: 'circe', serif;
		font-size: 18px;
		color: #000;
	}
}

.about-benefits__list-item {
	.title-and-text ul & {
		padding: 0;
		font-family: 'circe', serif;
		font-size: 18px;
		color: #000;
		line-height: 26px;
	}
	&:before {
		display: none;
	}
}

.interview-popup {
	padding-top: 75px;
	padding-right: 64px;
	padding-left: 64px;
	padding-bottom: 58px;
	width: 620px;
	.mobile( {
		width: 100%;
		padding: 30px 32px 32px 20px;
	}
	);
}

.interview-popup__title {
	margin-bottom: 22px;
	font-family: 'circe';
	font-size: 27px;
	font-weight: 600;
	color: #2c3443;
	text-align: center;
}

.interview-popup-wrap {
	& .fancybox-close {
		width: 30px !important;
		height: 30px !important;
		right: 30px !important;
		top: 26px !important;
		.mobile( {
			width: 20px !important;
			height: 20px !important;
			right: 10px !important;
			top: 6px !important;
		}
		);
	}
	& .fancybox-close:before {
		content: "\e908";
		color: #f15d22;
		font-size: 30px;
		.mobile( {
			font-size: 20px;
		}
		);
	}
}

.js-question-form {
	display: none;
}

.interview-popup-wrapper {
	display: none;
}


 ----------------------------------- new-year-styles ----------------------------------- 

.header__logo {
	margin-left: 0;
	margin-top: 0;
	.header__logo-img {
		width: 100%;
	}
	.tablet( {
		//margin-left: -83px;
		//margin-top: -34px;
		//margin-bottom: 34px;
	}
	);
	.tablet-min( {
		//margin-top: -32px;
		//margin-bottom: 32px;
	}
	);
	.mobile( {
		width: 150px;
		//margin-left: -70px;
		//margin-top: -28px;
		//margin-bottom: -9px;
	}
	);
}


 ----------------------------------- // ----------------------------------- 


 ----------------------------------- enter-wrap ----------------------------------- 

.enter-wrap {
	margin-right: 0;
	position: relative;
	display: inline-block;
	z-index: 4;
	.mobile( {
		margin-right: 0;
	}
	);
}


 ----------------------------------- lc-enter ----------------------------------- 

.lc-enter {
	position: absolute;
	width: 422px;
	right: 0;
	top: 100%;
	background: #f5f6f7;
	box-shadow: 0 0 20px rgba(0, 0, 0, .3);
	text-align: left;
	padding: 50px 25px 45px 25px;
	display: none;
	z-index: 44;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: normal;
	.mobile( {
		width: 300px;
		padding: 40px 15px 25px 15px;
	}
	);
}

.lc-enter__h {
	margin: 0;
	text-align: left;
	font-size: 30px;
	line-height: 34px;
	color: #2c3443;
	font-family: @font;
	margin-bottom: 30px;
	text-align: center;
	.mobile( {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 24px;
	}
	);
}

.lc-enter__row {
	margin-bottom: 20px;
}

.lc-enter__row_center {
	text-align: center;
}

.lc-switch__label {
	font-size: 19px;
	line-height: 24px;
	color: #2c3443;
	font-weight: 300;
	margin-bottom: 5px;
	font-family: @font;
}

.lc-enter__butt {
	text-align: center;
	margin-bottom: 30px;
	padding-top: 5px;
}

.lc-enter__links {
	text-align: center;
}

.lc-enter__link {
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	margin: 0 15px;
	.transition(.2s);
}

.lc-enter__close {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 17px;
	right: 17px;
	color: #323e4f;
	&:hover {
		fill: @coloradd;
	}
}

.lc-enter__close-ic {
	display: block;
	width: 15px;
	height: 15px;
	fill: currentColor;
	.transition(.2s);
}


 ----------------------------------- lc-switch ----------------------------------- 

.lc-switch {
	background: #f5f6f7;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-radius: 25px;
	white-space: nowrap;
	.fontreset;
}

.lc-switch_enter {
	background: #fff;
	margin-bottom: 20px;
}

.lc-switch__but {
	cursor: pointer;
	font-size: 21px;
	line-height: 51px;
	letter-spacing: normal;
	height: 50px;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	font-weight: 300;
	font-family: @font;
	padding: 0 33px;
	position: relative;
	z-index: 2;
	.transition(.2s);
	&:hover {
		color: @coloradd;
	}
	&.active {
		color: #fff;
	}
	.lc-switch_enter & {
		padding: 0 25px;
		.mobile( {
			padding: 0 15px;
		}
		);
	}
	.mobile( {
		padding: 0 15px;
		height: 40px;
		font-size: 16px;
		line-height: 43px;
	}
	);
	.lc-switch_calc & {
		height: 40px;
		font-size: 18px;
		line-height: 41px;
		padding: 0 28px;
	}
	.lc-switch_calc-2 & {
		height: 40px;
		font-size: 18px;
		line-height: 41px;
		padding: 0 48px;
	}
}

.lc-switch__bg {
	display: block;
	height: 100%;
	border-radius: 25px;
	background: @colormain;
	position: absolute;
	top: 0;
	z-index: 0;
	.transition(.2s);
	.lc-switch_calc & {
		background: #f15d22;
		border-radius: 20px;
	}
	.lc-switch_calc-2 & {
		background: #f15d22;
		border-radius: 20px;
	}
}


 ----------------------------------- field ----------------------------------- 

.field {
	border: 2px solid @colormain;
	width: 100%;
	height: 50px;
	font-size: 21px;
	line-height: 24px;
	font-weight: 300;
	padding: 8px 20px;
	outline: none;
	background: #fff;
	color: #2c3443;
	font-family: arial, sans-serif!important;
	.placeholder( {
		color: #9da8b1;
		font-size: 21px!important;
	}
	);
	.mobile( {
		font-size: 16px;
	}
	);
	&.error {
		border-color: @coloradd;
	}
}

.field--password {
	padding-right: 65px;
}


 ----------------------------------- button ----------------------------------- 

.lc-button {
	height: 50px;
	background: #f15d22;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	padding: 0 30px;
	border: 2px solid #f15d22;
	font-family: @font;
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	letter-spacing: normal;
	white-space: nowrap;
	cursor: pointer;
	.transition(.2s);
	&:hover {
		background: #4d87a9;
		border-color: #4d87a9;
		color: #fff;
	}
}

.lc-button_newsgr {
	.mobile( {
		padding: 0 5px;
	}
	);
}

.lc-button_inv {
	background: @colormain;
	border-color: @colormain;
	&:hover {
		background: #f15d22;
		border-color: #f15d22;
		color: #fff;
	}
}

.lc-button_nofill {
	background: none;
	border-color: @colormain;
	color: @colormain;
	&:hover {
		color: #f15d22;
		border-color: #f15d22;
		background: none;
	}
}

.lc-button_nofill-white {
	background: none;
	border-color: #fff;
	color: #fff;
	&:hover {
		color: @colormain;
		background: #fff;
	}
}

.lc-button_w-100 {
	width: 100%;
}

.lc-button_typ-teas {
	width: 235px;
	font-size: 16px;
}

.lc-button_typ-header {
	width: 200px;
	padding: 0;
	margin-left: 20px;
}

.lc-button_typ-notif {
	width: 200px;
	padding: 0;
	margin-right: 20px;
	.mobile( {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	);
}

.lc-button_typ-edusave {
	width: 200px;
	padding: 0;
	margin-right: 10px;
	&:hover {
		color: #4d87a9;
		background: #fff;
	}
	.mobile( {
		width: 100%;
		margin: 0 0 10px 0;
	}
	);
}

.lc-button_typ-edunofill {
	width: 200px;
	padding: 0;
	background: none;
	border-color: #fff;
	color: #fff;
	&:hover {
		color: #4d87a9;
		background: #fff;
	}
	.mobile( {
		width: 100%;
	}
	);
}

.lc-button_type-cc-client {
	margin-left: 60px;
	@media (max-width: 1100px) {
		margin-left: 20px;
	}
	.mobile( {
		margin-left: 0;
		display: block;
		margin-top: 20px;
	}
	);
}

.lc-button_wicon {
	padding-left: 55px;
	position: relative;
	text-align: left;
}

.lc-button_type-rep {
	text-align: left;
	position: absolute;
	right: 40px;
	top: 50%;
	margin-top: -25px;
	.tablet( {
		position: relative;
		right: auto;
		top: 0;
		margin-top: 0;
	}
	);
	.mobile( {
		position: relative;
		right: auto;
		top: 0;
		margin-top: 0;
	}
	);
}

.lc-button_type-report-buttons {
	margin-right: 20px;
	.mobile( {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	);
}

.lc-button_type-repfilter {
	width: 200px;
	.tablet( {
		margin-top: 20px;
	}
	);
	.mobile( {
		width: 100%;
		margin-top: 20px;
	}
	);
}

.lc-button_start {
	width: 200px;
	margin-right: 20px;
	padding: 0;
	.tablet( {
		width: 185px;
		margin-right: 10px;
	}
	);
	.mobile( {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	);
}

.lc-button_enter {
	width: 200px;
	padding: 0;
}

.lc-button_repo {
	.tablet( {
		margin-top: 20px;
	}
	);
	.mobile( {
		width: 100%;
		margin-top: 20px;
	}
	);
}


 ----------------------------------- form ----------------------------------- 

.form__row {
	margin-bottom: 20px;
	position: relative;
	.clearfix();
}

.form__row_fam {
	margin-bottom: 50px;
}

.form__rows-wrap {
	padding-right: 300px;
	.tablet( {
		padding-right: 0;
	}
	);
	.mobile( {
		padding-right: 0;
	}
	);
}

.form__col-1 {
	width: 295px;
	float: left;
	margin-right: -295px;
	position: relative;
	min-height: 1px;
	padding-right: 20px;
	@media(max-width: 1160px) {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

.form__col-2 {
	padding-left: 295px;
	float: left;
	width: 100%;
	min-height: 1px;
	@media(max-width: 1160px) {
		padding-left: 0;
		float: none;
	}
}

.form__mess {
	font-size: 13px;
	line-height: 18px;
	color: #9da8b1;
	font-style: italic;
	letter-spacing: .25px;
}

.form__add {
	display: inline-block;
	position: absolute;
	width: 200px;
	left: 100%;
	top: 0;
	margin-left: 30px;
	@media(max-width: 1160px) {
		display: block;
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin-left: 0;
		margin-top: 10px;
	}
	.mobile( {
		display: block;
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin-left: 0;
		margin-top: 10px;
	}
	);
}

.form__addl {
	display: inline-block;
	font-family: @font;
	font-weight: 300;
	position: relative;
	.transition(.2s);
}

.form__plus {
	width: 24px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	&:before {
		content: "";
		display: block;
		width: 12px;
		height: 2px;
		background: @colormain;
		position: absolute;
		left: 0;
		top: 21px;
		.transition(.2s);
		.form__addl:hover & {
			background: @coloradd;
		}
	}
	&:after {
		content: "";
		display: block;
		height: 12px;
		width: 2px;
		background: @colormain;
		position: absolute;
		left: 5px;
		top: 16px;
		.transition(.2s);
		.form__addl:hover & {
			background: @coloradd;
		}
	}
	.mobile( {
		display: none;
	}
	);
}

.form__addtxt {
	display: inline-block;
	vertical-align: middle;
	width: 160px;
	font-size: 16px;
	line-height: 22px;
	.tablet( {
		width: auto;
		font-size: 16px;
		line-height: 22px;
	}
	);
	.mobile( {
		width: auto;
		font-size: 14px;
		line-height: 20px;
	}
	);
}

.form__addstr {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
}

.form__dot {
	border-bottom: 1px dotted currentColor;
}

.form__confirm {
	position: relative;
	padding-left: 50px;
}

.form__confirm-label {
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
	color: #2c3443;
	display: inline-block;
}

.form__radios {
	.fontreset;
}

.form__radio {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	margin-right: 55px;
	.mobile( {
		margin-right: 25px;
	}
	);
}

.form__bottom {
	.clearfix();
	padding-top: 40px;
	.mobile( {
		padding-top: 0;
	}
	);
}

.form__bottom-cap {
	width: 50%;
	float: left;
	.mobile( {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	);
}

.form__bottom-butt {
	text-align: right;
	float: left;
	width: 50%;
	.mobile( {
		width: 100%;
		float: none;
		text-align: left;
	}
	);
}

.form__addch {
	position: absolute;
	width: 245px;
	right: -280px;
	top: 8px;
	@media (max-width: 1160px) {
		position: relative;
		width: 100%;
		right: 0;
		top: 0;
		margin-top: 20px;
	}
}

.form__pass {
	.clearfix();
}

.form__ser {
	width: 34.7%;
	padding-right: 20px;
	float: left;
	.mobile( {
		width: 45%;
	}
	);
}

.form__num {
	width: 65.3%;
	float: left;
	.mobile( {
		width: 55%;
	}
	);
}

.from__wmess {
	.clearfix();
}

.form__wmess-input {
	width: 47.1%;
	float: left;
	.mobile( {
		width: 100%;
		float: none;
	}
	);
}

.form__wmess-p {
	width: 52.9%;
	float: left;
	padding-left: 30px;
	color: #9da8b1;
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
	margin-top: -2px;
	.mobile( {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-top: 20px;
	}
	);
}


 ----------------------------------- header ----------------------------------- 

.lc-header {
	border-bottom: 1px solid #ced3d8;
}

.lc-header_cc {
	border-bottom: none;
}

.lc-header__inner {
	.center;
	.tablet( {
		padding-right: 80px;
	}
	);
}

.lc-header__cols {
	.clearfix();
	padding-bottom: 30px;
	.tablet( {
		padding-bottom: 0px;
	}
	);
	.mobile( {
		padding-bottom: 0px;
	}
	);
}

.lc-header__col-1 {
	width: 280px;
	float: left;
	margin-right: -280px;
	position: relative;
	padding-top: 30px;
	.lc-header_cc & {
		padding-bottom: 30px;
		.mobile( {
			padding-bottom: 15px;
		}
		);
	}
	.mobile( {
		width: 100%;
		float: none;
		margin-right: 0;
		padding: 15px 0;
	}
	);
}

.lc-header__col-2 {
	width: 100%;
	padding-left: 280px;
	float: left;
	.clearfix();
	.mobile( {
		padding-left: 0;
		float: none;
	}
	);
}

.lc-header__col-sm-1 {
	width: 100%;
	padding-right: 200px;
	margin-right: -200px;
	float: left;
	text-align: right;
	padding-top: 40px;
	.mobile( {
		display: none;
	}
	);
}

.lc-header__col-sm-2 {
	width: 200px;
	float: right;
	text-align: right;
	position: relative;
	.tablet( {
		display: none!important;
	}
	);
	.mobile( {
		display: none!important;
	}
	);
}

.lc-header__logolink {
	width: 268px;
	height: 80px;
	display: block;
	position: relative;
	padding-left: 100px;
	padding: 13px 0 0 100px;
	.mobile( {
		width: 200px;
		height: 56px;
		padding: 6px 0 0 76px;
	}
	);
}

.lc-header__logoic {
	position: absolute;
	width: 80px;
	height: 80px;
	fill: @coloradd;
	left: 0;
	top: 0;
	.mobile( {
		width: 56px;
		height: 56px;
	}
	);
}

.lc-header__logotxt {
	display: block;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: @colormain;
	font-family: @font;
	font-weight: 300;
	margin-bottom: 5px;
	letter-spacing: 2.2px;
	white-space: nowrap;
	.mobile( {
		font-size: 10px;
		line-height: 18px;
		letter-spacing: 1px;
		margin-bottom: 3px;
	}
	);
}

.lc-header__logoname {
	display: block;
	width: 167px;
	height: 29px;
	fill: @colormain;
	.mobile( {
		width: 117px;
		height: 21px;
	}
	);
}

.lc-header__tel {
	display: block;
	margin: 0 auto;
	width: 260px;
	text-align: left;
	padding-left: 35px;
	position: relative;
	float: right;
	.tablet( {
		display: none;
	}
	);
	.mobile( {
		display: none;
	}
	);
}

.lc-header__telic {
	width: 20px;
	height: 20px;
	fill: @colormain;
	position: absolute;
	left: 0;
	top: 5px;
	opacity: .8;
}

.lc-header__telnumb {
	font-size: 30px;
	line-height: 34px;
	font-family: @font;
	font-weight: 300;
	color: #2c3443;
	white-space: nowrap;
	letter-spacing: -0.5px;
}

.lc-header__telval {
	font-weight: 700;
}

.lc-header__teldescrip {
	color: #9da8b1;
	font-size: 13px;
	line-height: 18px;
	font-style: italic;
	letter-spacing: .25px;
}

.lc-header__col-sm-1 .header__tel {
	margin-right: 0;
}

.lc-header .side__butter {
	position: absolute;
	right: 20px;
	top: 60px;
	.tablet( {
		top: 80px;
	}
	);
}


 ----------------------------------- lc-circ ----------------------------------- 

.lc-circ {
	display: inline-block;
	vertical-align: top;
	width: 46px;
	height: 46px;
	background: @colormain;
	border-radius: 50%;
	margin-left: 12px;
	position: relative;
	.transition(.2s);
	&:hover {
		background: #f15d22;
	}
}

.lc-circ__ic-calc {
	display: block;
	width: 25px;
	height: 25px;
	fill: #fff;
	position: absolute;
	left: 10px;
	top: 10px;
}

.lc-circ__ic-call {
	width: 20px;
	height: 24px;
	position: absolute;
	left: 13px;
	top: 9px;
	fill: #fff;
	display: block;
}

.lc-circ__ic-mail {
	display: block;
	width: 24px;
	height: 23px;
	position: absolute;
	left: 11px;
	top: 11px;
	color: #fff;
}

.lc-circ__count {
	width: 20px;
	height: 20px;
	background: #f15d22;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	font-family: @font;
	display: block;
	position: absolute;
	right: -2px;
	top: -3px;
	font-weight: 300;
	letter-spacing: normal;
}

.field-eye-wrap {
	position: relative;
}

.field-eye-wrap__eye {
	position: absolute;
	width: 30px;
	height: 30px;
	color: @coloradd;
	top: 10px;
	right: 20px;
	&.active {
		color: #f00;
	}
}

.icon-eye {
	width: 30px;
	height: 30px;
}


 ----------------------------------- lc-state ----------------------------------- 

.lc-state {
	background: #f5f6f7;
	min-height: 100%;
	padding: 30px;
	.mobile( {
		padding: 20px;
	}
	);
}

.lc-state--border {
	padding-bottom: 5px;
	border: 2px solid #4d87a9;
	.tablet( {
		margin-right: 25px;
		margin-left: 25px;
	}
	);
	.mobile( {
		margin-right: 25px;
		margin-left: 25px;
	}
	);
}

.lc-state__doc {
	font-size: 16px;
	line-height: 24px;
	color: #2c3443;
	font-family: @font;
	font-weight: 300;
	margin-bottom: 15px;
	.mobile( {
		font-size: 14px;
		line-height: 20px;
	}
	);
}

.lc-state__name {
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
	color: #2c3443;
	font-family: @font;
	margin-bottom: 15px;
	.mobile( {
		font-size: 16px;
		line-height: 24px;
	}
	);
}

.lc-state__label {
	font-size: 16px;
	line-height: 24px;
	color: #2c3443;
	font-family: @font;
	font-weight: 300;
	margin-bottom: 15px;
	.mobile( {
		font-size: 14px;
		line-height: 20px;
	}
	);
}

.lc-state__price {
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	color: #2c3443;
	font-family: @font;
	margin-bottom: 25px;
}

.lc-ready {
	position: relative;
	width: 100%;
	height: 318px;
	background-color: #f25d23;
}

.lc-ready__rocket {
	position: absolute;
	width: 140px;
	height: 250px;
	bottom: -22px;
	left: -20px;
	fill: #fff;
}

.lc-ready__content {
	padding: 80px 0 0 145px;
}

.lc-ready__title {
	font-family: 'circe', sans-serif;
	font-weight: 700;
	font-size: 33px;
	text-transform: uppercase;
	color: #fff;
	padding-right: 15px;
	@media(max-width: 1340px) {
		& {
			font-size: 26px;
		}
	}
	.mobile( {
		font-size: 22px;
	}
	);
}

.lc-ready__btn {
	margin-top: 38px;
	width: 200px;
	background-color: transparent;
	border-color: #fff;
}

.captcha {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	height: 40px;
	margin: 5px 17px 5px 0;
	.mobile( {
		display: block;
		margin: 0 0 15px 0;
	}
	);
}

.errors-red {
	border: 2px solid #f15d22;
	font-family: "circe", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	padding: 20px;
	margin-bottom: 20px;
	color: #f15d22;
}

.errors-blue {
	border: 2px solid #4d87a9;
	font-family: "circe", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	padding: 20px;
	margin-bottom: 20px;
	color: #4d87a9;
}

.attached_file {
	margin-bottom: 30px;
}

.attached_file_msg {
	display: block;
}

.attached_file_msg.error {
	color: red;
}

.attached_file_btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #4d87a9;
	cursor: pointer;
	&:hover {
		.attached_file_label {
			border-bottom-color: transparent;
		}
	}
}

.attached_file_icon {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	fill: #4d87a9;
}

.attached_file_label {
	border-bottom: 1px dashed #4d87a9;
}

.js-form .textarea.textarea_type-newmes {
	margin-bottom: 10px;
}

.file_delete {
	font-style: normal;
	margin-left: 10px;
}

.file_delete:before {
	content: 'x';
	color: #4d87a9;
	cursor: pointer;
}

.repeat-email__title {
	margin-bottom: 40px;
	padding-right: 25px;
	font-family: 'circe', Arial;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.11;
	color: #2c3443;
}

.repeat-email__box {}

a.perf-history-list__subject {
	color: #4d87a9;
}

.program-benefits__title {
	margin-bottom: 30px;
	font-family: circe;
	font-size: 36px;
	line-height: 41px;
	color: #2c3443;
}

.program-benefits__subtitle {
	margin-bottom: 10px;
	position: relative;
	padding-left: 32px;
	font-weight: bold;
	line-height: 28px;
	&:before {
		content: "\e907";
		position: absolute;
		left: 0;
		top: 1px;
		width: 24px;
		height: 24px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #f15d22;
		font-family: "icomoon";
		font-size: 10px;
		line-height: 24px;
		color: #fff;
		letter-spacing: normal;
		text-align: center;
	}
}

.program-benefits__item {
	margin-bottom: 38px;
}

.clients-cofinancing {
	width: 100%;
	height: 420px;
	background-image: url('../images/clients_cofinancing.jpg');
	background-size: cover;
	.mobile( {
		height: 460px;
	}
	);
}

.clients-cofinancing__container {
	max-width: 1280px;
	padding: 0 40px;
	margin: 0 auto;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	.mobile( {
		padding: 0 20px;
	}
	);
}

.repeat-email__box--email {
	margin-bottom: 30px;
}

.repeat-email__label {
	padding-top: 12px;
	width: 100px;
	font-family: 'circe', Arial;
	font-size: 21px;
	font-weight: 300;
	color: #2c3443;
}

.repeat-email__wrap {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.repeat-email__input {
	width: 100%;
}

.repeat-email__wrap--buttons {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	.mobile( {
		padding-left: 20px;
		padding-right: 20px;
	}
	);
}

.clients-cofinancing__title {
	margin-bottom: 40px;
	font-family: circe;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	color: #fff;
	text-transform: uppercase;
	.mobile( {
		margin-bottom: 30px;
		font-size: 25px;
		line-height: 35px;
	}
	);
}

.clients-cofinancing__item {
	position: relative;
	min-height: 26px;
	padding-left: 50px;
	margin: 10px 0 0;
	font-family: circe;
	font-weight: 300;
	font-size: 0;
	line-height: 0;
	letter-spacing: -4px;
	&:before {
		content: "\e907";
		position: absolute;
		left: 3px;
		top: 1px;
		width: 24px;
		height: 24px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #f15d22;
		font-family: "icomoon";
		font-size: 10px;
		line-height: 24px;
		color: #fff;
		letter-spacing: normal;
		text-align: center;
	}
}

.clients-cofinancing__text {
	font-size: 21px;
	line-height: 26px;
	color: #fff;
	letter-spacing: normal;
}

.program-benefits__content {
	padding-left: 32px;
}

.program-scheme {
	margin-bottom: 30px;
}

.program-scheme__img {
	max-width: 100%;
}

.loss-investment__benefit {
	margin-bottom: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.repeat-email__submit {
	padding: 0;
	width: 240px;
}

.repeat-email__reset {
	padding: 0;
	width: 240px;
	background-color: #4d87a9;
	border-color: #4d87a9;
	&:hover {
		background: none;
		color: #4d87a9;
	}
}

.repeat-email-fancybox {
	& .fancybox-close {
		top: 30px !important;
		right: 30px !important;
		width: 30px !important;
		height: 30px !important;
		background-image: url('../images/popup_close.png') !important;
		&:before {
			display: none;
		}
	}
}

.repeat-email__error {
	font-family: 'circe', Arial;
	font-size: 13px;
	line-height: 1.85;
	color: #f15d22;
}

.loss-investment__benefits-label {
	color: #2c3443;
	font-family: circe;
	font-size: 21px;
	line-height: 27px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}

.loss-investment__benefits-link {
	text-decoration: underline;
	&:hover {
		text-decoration: none;
	}
}

.loss-investment__remark {
	color: #9da8b1;
	font-style: italic;
	font-size: 14px;
}

.loss-investment__title {
	color: #e9622c;
	border-bottom: 3px solid #e9622c;
	padding-bottom: 10px;
}

.loss-investment__question {
	width: 90px;
	height: 90px;
	margin-right: 45px;
	fill: #e9622c;
	.mobile( {
		-webkit-flex-basis: 40px;
		-ms-flex-preferred-size: 40px;
		flex-basis: 40px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		margin-right: 25px;
	}
	);
}

.loss-investment__stat {
	width: 147px;
	height: 90px;
	margin-right: 45px;
	fill: #e9622c;
	.mobile( {
		-webkit-flex-basis: 40px;
		-ms-flex-preferred-size: 40px;
		flex-basis: 40px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		margin-right: 25px;
	}
	);
}

.loss-investment__piggy {
	width: 161px;
	height: 90px;
	margin-right: 45px;
	fill: #e9622c;
	.mobile( {
		-webkit-flex-basis: 40px;
		-ms-flex-preferred-size: 40px;
		flex-basis: 40px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		margin-right: 25px;
	}
	);
}

.loss-investment__coins {
	height: 90px;
	width: 69px;
	margin-right: 45px;
	fill: #e9622c;
	.mobile( {
		-webkit-flex-basis: 40px;
		-ms-flex-preferred-size: 40px;
		flex-basis: 40px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		margin-right: 25px;
	}
	);
}

.birthday-datepicker {
	width: 100%;
}

.lc-circ__msg-mobile {
	margin-left: 0;
	display: none;
	.tablet( {
		display: inline-block;
	}
	);
	.tablet-min( {
		display: inline-block;
	}
	);
	.mobile( {
		display: inline-block;
	}
	);
}

.lc-info__l-wrap {
	display: inline;
	.mobile( {
		display: block;
	}
	);
}

.cssload-thecube-wrap {
	display: none;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	&.active {
		display: block;
	}
}

.cssload-thecube {
	float: left;
	width: 22px;
	height: 22px;
	margin: 0 auto;
	margin-top: 15px;
	position: relative;
	transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
	position: relative;
	transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(242, 93, 35);
	animation: cssload-fold-thecube 2.76s infinite linear both;
	-o-animation: cssload-fold-thecube 2.76s infinite linear both;
	-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
	-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
	-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
	transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
}

.cssload-thecube .cssload-c2 {
	transform: scale(1.1) rotateZ(90deg);
	-o-transform: scale(1.1) rotateZ(90deg);
	-ms-transform: scale(1.1) rotateZ(90deg);
	-webkit-transform: scale(1.1) rotateZ(90deg);
	-moz-transform: scale(1.1) rotateZ(90deg);
}

.cssload-thecube .cssload-c3 {
	transform: scale(1.1) rotateZ(180deg);
	-o-transform: scale(1.1) rotateZ(180deg);
	-ms-transform: scale(1.1) rotateZ(180deg);
	-webkit-transform: scale(1.1) rotateZ(180deg);
	-moz-transform: scale(1.1) rotateZ(180deg);
}

.cssload-thecube .cssload-c4 {
	transform: scale(1.1) rotateZ(270deg);
	-o-transform: scale(1.1) rotateZ(270deg);
	-ms-transform: scale(1.1) rotateZ(270deg);
	-webkit-transform: scale(1.1) rotateZ(270deg);
	-moz-transform: scale(1.1) rotateZ(270deg);
}

.cssload-thecube .cssload-c2:before {
	animation-delay: 0.35s;
	-o-animation-delay: 0.35s;
	-ms-animation-delay: 0.35s;
	-webkit-animation-delay: 0.35s;
	-moz-animation-delay: 0.35s;
}

.cssload-thecube .cssload-c3:before {
	animation-delay: 0.69s;
	-o-animation-delay: 0.69s;
	-ms-animation-delay: 0.69s;
	-webkit-animation-delay: 0.69s;
	-moz-animation-delay: 0.69s;
}

.cssload-thecube .cssload-c4:before {
	animation-delay: 1.04s;
	-o-animation-delay: 1.04s;
	-ms-animation-delay: 1.04s;
	-webkit-animation-delay: 1.04s;
	-moz-animation-delay: 1.04s;
}

@keyframes cssload-fold-thecube {
	0%,
	10% {
		transform: perspective(42px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		transform: perspective(42px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		transform: perspective(42px) rotateY(180deg);
		opacity: 0;
	}
}

@-o-keyframes cssload-fold-thecube {
	0%,
	10% {
		-o-transform: perspective(42px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-o-transform: perspective(42px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-o-transform: perspective(42px) rotateY(180deg);
		opacity: 0;
	}
}

@-ms-keyframes cssload-fold-thecube {
	0%,
	10% {
		-ms-transform: perspective(42px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-ms-transform: perspective(42px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-ms-transform: perspective(42px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%,
	10% {
		-webkit-transform: perspective(42px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-webkit-transform: perspective(42px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: perspective(42px) rotateY(180deg);
		opacity: 0;
	}
}

@-moz-keyframes cssload-fold-thecube {
	0%,
	10% {
		-moz-transform: perspective(42px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-moz-transform: perspective(42px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-moz-transform: perspective(42px) rotateY(180deg);
		opacity: 0;
	}
}

.newmes-submit {
	&:disabled {
		opacity: 0.5;
		&:hover {
			background-color: #4d87a9;
			border-color: #4d87a9;
		}
	}
}

.highcharts-label.highcharts-point {
	position: absolute;
	right: 1000px;
}

.menusel-wrap {
	&.select2-container--default .select2-selection--single {
		height: 74px;
		border: 0;
		border-radius: 0;
		background-color: transparent;
		outline: 0;
	}
	&.select2-container--default .select2-selection--single .select2-selection__arrow {
		display: none;
	}
	&.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-family: circe;
		font-weight: 600;
		font-size: 21px;
		line-height: 26px;
		color: #fff;
		padding: 0 35px 0 20px;
		white-space: normal;
		height: 100%;
	}
	& .select2-results__option {
		padding: 17px 20px;
		border-left: 1px dotted #4d87a9;
		border-right: 1px dotted #4d87a9;
		border-bottom: 1px dotted #4d87a9;
		background-color: #f5f6f8;
		font-family: circe;
		font-weight: 300;
		font-size: 19px;
		line-height: 24px;
		color: #2c3443;
		cursor: pointer;
		max-height: 500px;
		overflow: auto;
		color: #4d87a9;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		&:first-child {
			border-top: 1px dotted #4d87a9;
		}
	}
	& .select2-dropdown {
		border-radius: 0;
	}
	&.select2-container--default .select2-results>.select2-results__options {
		max-height: 100%;
	}
	&.select2-container--default .select2-results__option--highlighted[aria-selected] {
		background-color: #e4ebf0;
		color: #4d87a9;
	}
	&.select2-container--default .select2-results__option[aria-selected=true] {
		background: #4d87a9;
		color: #fff;
	}
}

.highcharts-label.highcharts-point {
	& span {
		display: none !important;
	}
}

.lc-info__socials-item--button {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	&.lc-info__socials-item {
		width: auto;
	}
	& .lc-info__socials-link {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
		line-height: normal;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		&:hover {
			& .lc-info__socials-upload {
				border-bottom-color: transparent;
			}
		}
	}
	& .lc-info__socials-icon {
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-moz-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-flex-basis: 30px;
		-ms-flex-preferred-size: 30px;
		flex-basis: 30px;
		margin-right: 18px;
	}
	& .lc-info__socials-upload {
		border-bottom: 1px dotted;
		line-height: 22px;
		transition: 0.3s all;
	}
}

.lc-info__icon-wrap {
	width: 211px;
	height: 250px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	.mobile( {
		display: block;
		margin: 0 auto;
		height: 211px;
	}
	);
	&:after {
		content: "";
		display: block;
		width: 211px;
		height: 211px;
		background: #fff;
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
	}
}

.lc-info__socials-link-upload {
	display: block;
	width: 21px;
	height: 21px;
	fill: currentColor;
	position: static;
	margin-right: 15px;
}

.lc-info__icon-svg {
	position: absolute;
	top: 10px;
	left: 17px;
	z-index: 2;
	width: 180px;
	height: 180px;
	fill: #f5f6f7;
}

.top-user-menu-wrap {
	position: relative;
}

.top-user-menu {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #4d87a9;
	.mobile( {
		display: block;
	}
	)
}

.top-user-menu__container {
	position: relative;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 1280px;
	padding: 0px 40px;
	.tablet( {
		padding-left: 24px;
		padding-right: 24px;
	}
	);
	.tablet-min( {
		padding-left: 10px;
		padding-right: 10px;
	}
	);
	.mobile( {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	);
}

.top-user-menu__icon {
	color: #fff;
	margin-right: 15px;
}

.top-user-menu__profile-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -7px;
}

.top-user-menu__icon--1 {
	width: 17px;
	height: 17px;
	color: #fff;
	margin-right: 0;
}

.top-user-menu__icon--2 {
	left: 19px;
	margin-left: 0;
	width: 17px;
	height: 20px;
	.mobile( {
		left: 13px;
	}
	);
	.top-user-menu__link & {
		.mobile( {
			width: 15px;
			height: 20px;
			margin-right: 0;
		}
		);
	}
}

.top-user-menu__icon--3 {
	width: 19px;
	height: 15px;
	.top-user-menu__link & {
		.mobile( {
			margin-right: 0;
		}
		);
	}
}

.top-user-menu__icon--4 {
	height: 13px;
	.top-user-menu__link & {
		.mobile( {
			margin-right: 0;
		}
		);
	}
}

.top-user-menu__links {
	margin-left: -60px;
	margin-bottom: 0px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	.tablet-min( {
		margin-left: -20px;
	}
	);
	.mobile( {
		margin-left: -20px;
	}
	);
}

li.top-user-menu__link-item.bg-orange {
	padding-right: 28px;
	padding-left: 12px;
}

.top-user-menu__link-item {
	padding: 15px 0;
	margin-left: 60px;
	.tablet-min( {
		margin-left: 30px;
	}
	);
	.mobile( {
		margin-left: 20px;
		padding: 8px 0;
	}
	);
	&--bg-orange {
		padding-right: 28px;
		padding-left: 12px;
		background-color: #f15d22;
		.mobile( {
			padding-right: 8px;
			padding-left: 8px;
		}
		);
	}
	.tablet-min( {
		margin-left: 20px;
	}
	);
	.mobile( {
		margin-left: 20px;
	}
	);
}

.top-user-menu__link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'Circe', Arial, serif;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: normal;
	height: 100%;
	&.active {
		& .top-user-menu__name {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}
	}
	.mobile( {
		text-indent: -9999px;
		overflow: hidden;
		width: 30px;
		height: 30px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	);
	&:hover {
		& .top-user-menu__name {
			border-bottom-color: rgba(255, 255, 255, 0.5);
		}
	}
}

.top-user-menu__msg-count {
	width: 20px;
	height: 20px;
	background: #f15d22;
	border-radius: 50%;
	position: absolute;
	top: -6px;
	right: -23px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	display: none;
	&.active {
		display: block;
	}
	.mobile( {
		top: -7px;
		right: -8px;
	}
	)
}

.top-user-menu__link--circle {
	width: 30px;
	height: 30px;
	background: #f15d22;
	border-radius: 50%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	.mobile( {
		background-color: transparent;
	}
	);
}

.top-user-menu__name {
	transition: 0.3s all;
	border-bottom: 1px solid transparent;
	.mobile( {
		display: none;
	}
	)
}

.top-user-menu__profile {
	display: none;
}

.top-user-menu__profile-circle {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #f15d22;
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-moz-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex-basis: 30px;
	-ms-flex-preferred-size: 30px;
	flex-basis: 30px;
}

.top-user-menu__profile-wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 90px;
	.mobile( {
		padding-right: 80px;
	}
	);
}

.top-user-menu__profile-name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 20px;
	font-family: 'Circe', Arial, serif;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	word-break: break-word;
}

.top-user-menu__out {
	position: absolute;
	right: 40px;
	top: 0;
	height: 100%;
	width: 60px;
	border-left: 1px solid #407da1;
	border-right: 1px solid #407da1;
	transition: 0.3s all;
	.tablet( {
		right: 24px;
	}
	);
	.tablet-min( {
		right: 10px;
	}
	);
	.mobile( {
		right: 10px;
	}
	);
	&:hover {
		background-color: #f15d22;
		border-left-color: transparent;
		border-right-color: transparent;
	}
}

.top-user-menu__out-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -5px;
	color: #fff;
	width: 16px;
	height: 19px;
	.mobile( {
		width: 14px;
		height: 17px;
		margin: -8px 0 0 -4px;
	}
	);
}

.top-block-wrap {
	background-color: #fff;
	&.fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		& .header__inner {
			display: none;
			.tablet( {
				display: block;
			}
			);
		}
		& .nav__list {
			padding-top: 20px;
		}
	}
}

.contracts-bills {
	max-width: 1280px;
	padding: 0 40px;
	margin: 0 auto;
	.tablet( {
		padding-left: 24px;
		padding-right: 24px;
	}
	);
	.tablet-min( {
		padding-left: 10px;
		padding-right: 10px;
	}
	);
	.mobile( {
		padding-left: 10px;
		padding-right: 10px;
	}
	);
}

.contracts-bills__h2 {
	margin-bottom: 30px;
	font-family: 'Circe', Arial, serif;
	font-size: 36px;
}

.contracts-bills__blocks {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-bottom: 30px;
}

.contracts-bills__block {
	padding-left: 20px;
	padding-left: 20px;
	width: 50%;
	margin-bottom: 20px;
	.tablet( {
		width: 100%;
	}
	);
	.mobile( {
		width: 100%;
	}
	);
}

.contracts-bills__block-wrap {
	padding: 40px 40px 28px;
	border: solid 1px #cfd4d8;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.contracts-bills__block-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #000;
	transition: 0.3s all;
	.mobile( {
		display: block;
		padding: 0;
		margin-bottom: 10px;
	}
	);
}

.contracts-bills__type {
	margin-bottom: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	color: @colormain;
	text-transform: uppercase;
	transition: 0.3s all;
}

.contracts-bills__type-badge {
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	background-color: @colormain;
	transition: 0.3s all;
}

.contracts-bills__type-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -5px;
	width: 10px;
	height: 13px;
	color: #fff;
	transition: 0.3s all;
}

.contracts-bills__item {
	margin-bottom: 12px;
}

.contracts-bills__item--bill {}

.contracts-bills__item-value {
	font-family: 'circe', Arial, serif;
	font-size: 24px;
	font-weight: 600;
}

.contracts-bills__item-value--amount {
	color: #f15d22;
	transition: 0.3s all;
}

.contracts-bills__item-label {
	font-family: 'circe', Arial, serif;
	font-size: 16px;
	line-height: 1.5;
}

.contracts-bills__left {
	width: 70%;
	padding-right: 60px;
	.mobile( {
		width: 100%;
		padding-right: 0;
	}
	);
}

.contracts-bills__right {
	width: 30%;
	.mobile( {
		width: 100%;
	}
	);
}

.top-user-menu-mob {
	position: absolute;
	z-index: 3;
	width: 100%;
	background: #fff;
	display: none;
	&.active {
		display: block;
	}
}

.top-user-menu__profile-more.icon-arr-b {
	display: none;
	margin-left: 15px;
	font-size: 9px;
	margin-top: -4px;
	transition: 0.3s all;
	.mobile( {
		display: block;
	}
	);
}

.top-user-menu__profile-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	&.active {
		& .top-user-menu__profile-more {
			transform: rotate(180deg);
		}
	}
}

.top-user-menu-mob__item {
	border-bottom: 1px solid #e0e1e3;
}

.top-user-menu-mob__link {
	display: block;
	padding-left: 17px;
	line-height: 70px;
	font-family: "circe", sans-serif;
	font-weight: 300;
	font-size: 19px;
	transition: 0.3s;
	&:hover {
		color: #f15d22;
		& .top-user-menu-mob__icon {
			color: #f15d22;
		}
	}
}

.top-user-menu-mob__icon {
	color: #4d87a9;
	margin-right: 20px;
	width: 17px;
	height: 17px;
	transition: 0.3s;
}

.lc-profile__mail-value {
	word-break: break-all;
}

.profile-account__type {
	margin-bottom: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	color: #323e4f;
	text-transform: uppercase;
	transition: 0.3s all;
}

.profile-account__type-badge {
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	background-color: @colormain;
	transition: 0.3s all;
}

.profile-account__type-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -5px;
	width: 10px;
	height: 13px;
	color: #fff;
	transition: 0.3s all;
}

.profile-account__heading-info-title {
	margin-bottom: 5px;
	font-family: 'circe', Arial, serif;
	font-size: 24px;
	font-weight: 600;
}

.profile-account__heading-info-label {
	font-family: 'circe', Arial, serif;
	font-size: 16px;
	line-height: 1.5;
}

.profile-account__heading-info-label {
	font-size: 14px;
	line-height: 1.5;
	color: #323e4f;
}

.profile-account__stats {
	padding-left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
	.tablet( {
		padding-left: 45px;
	}
	);
	.mobile( {
		padding-left: 45px;
		display: block;
	}
	);
}

.profile-account__stats-graph {
	position: relative;
	width: 132px;
	height: 187px;
	background-image: url('../images/stats-graph.png');
	background-size: cover;
}

.profile-account__stats-graph-inner {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 132px;
	height: 187px;
	background-image: url('../images/stats-graph-inner.png');
	background-size: cover;
	background-position: 0 100%;
	&:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 132px;
		height: 79px;
		background-image: url('../images/stats-graph-inner_top.png');
	}
}

.profile-account__stats-text {
	padding-top: 5px;
	padding-left: 45px;
	.mobile( {
		padding-left: 0;
	}
	);
}

.profile-account__stats-text-value {
	font-family: "circe", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.62;
	color: #f15d23;
}

.profile-account__stats-text-descr {
	font-family: "circe", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #323e4f;
}

.profile-account__stats-text-item {
	margin-bottom: 15px;
	&:last-child {
		margin-bottom: 0;
	}
}

.profile-account__stats-text-item--blue {
	& .profile-account__stats-text-value {
		color: #649fc2;
	}
}

.profile-account__graph-item {
	width: 160px;
	.mobile( {
		margin-left: 0;
		margin-bottom: 30px;
	}
	);
}

.profile-account__graph-item:last-child {
	.mobile( {
		margin-left: 0;
		margin-bottom: 0;
	}
	);
}

.profile-account__graph-item-graph {
	width: 160px;
	height: 150px;
}

.profile-account__graph-price {
	font-family: "circe", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.62;
	color: #323e4f;
}

.profile-account__graph-label {
	font-family: "circe";
	font-size: 14px;
	line-height: 1.5;
	color: #323e4f;
}

.profile-account__graphs {
	padding-top: 5px;
	padding-left: 45px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding-top: 5px;
	.mobile( {
		display: block;
	}
	);
}

.profile-account__heading {
	.mobile( {
		margin-bottom: 30px;
	}
	);
}

.calctotal__ready--account {
	&.calctotal__ready {
		width: auto;
	}
	& .graph3d {
		width: 117px;
		height: 180px;
	}
	& .graph3d__lay {
		left: -1px;
		width: 117px;
		height: 187px;
		background-size: cover;
		z-index: 0;
		background-image: url('../images/personal/graph-3d_account.png');
	}
	& .graph3d__drag {
		left: auto;
		right: 1px;
		bottom: 11px;
		width: 96px;
		background-image: url('../images/personal/graph-3d-bg_account.png');
		&:after {
			width: 96px;
			height: 48px;
			left: 0;
			top: -24px;
			background-image: url('../images/personal/graph-3d-top_account.png');
		}
	}
	& .graph3d__lay-top {
		position: absolute;
		top: 0;
		right: 0;
		width: 116px;
		height: 47px;
		z-index: 5;
		background-size: cover;
		background-image: url('../images/personal/graph-3d-top-tail.png');
	}
}

.lc-graphs__graph-reset {
	margin: 30px 0 60px;
	background: transparent;
	border: none;
	color: black;
	float: right;
	width: 90px;
	z-index: 10000000000;
	display: block;
	margin-bottom: 8px;
}

.lc-graphs__graph-reset-icon {
	width: 28px;
	height: 17px;
	margin-top: 13px;
	color: white;
}

.lc-graphs__graph-reset-orange-wrapper {
	background: #f15d22;
	height: 43px;
	width: 44px;
	border-radius: 50%;
	margin: 0 auto;
	display: block;
	position: absolute;
	margin-left: 21px;
	z-index: 2;
}

.lc-graphs__graph-reset--text {
	text-transform: none;
	color: #f15d23;
	margin-bottom: -7px;
	font-size: 1.1em;
}

.header-pay-form {
	margin-top: 60px;
}

.error-text--payment {
	margin-bottom: 20px;
	margin-top: 35px;
	font-size: 16px;
}

.form-line__error {
	color: red;
}

.bg-orange {
	background-color: #f15d22
}

.form-fancybox-popup {
	min-width: 540px;
	//width: 710px;
	.tablet ( {
		min-width: auto;
	}
	);
	.mobile ( {
		min-width: auto;
	}
	);
	& .fancybox-skin {
		padding: 50px;
	}
	& .fancybox-inner {
		margin: 0 auto;
	}
	& .fancybox-close {
		width: 30px !important;
		height: 30px !important;
		top: 30px !important;
		right: 30px !important;
		line-height: normal;
		&:before {
			color: #f15d22;
			font-size: 30px;
		}
	}
	& .form-fancybox-popup__title {
		margin-bottom: 40px;
		text-align: center;
		font-family: "Circe", sans-serif;
		font-size: 36px;
		line-height: 1.11;
		text-align: center;
		color: #2c3443;
		.mobile( {
			font-size: 30px;
		}
		);
	}
	& .form-line__error {
		font-family: "Circe", sans-serif;
		font-size: 18px;
		line-height: 1.33;
		text-align: center;
		color: #f15d22;
		margin-bottom: 50px;
	}
	& .form-line__btn {
		max-width: 100%;
	}
}

.mylist {
	overflow: hidden;
	margin: 0 0 15px 0;
	li {
		margin-bottom: 10px;
		padding-left: 30px;
		position: relative;
	}
}

.mylist ol,
.mylist ul,
.mylist ol,
.mylist ul {
	margin: 10px 0 0 20px;
}

ul.mylist {
	list-style: none;
}

ol.mylist {
	counter-reset: li-counter;
	list-style-type: none;
	&>li:before {
		content: counter(li-counter) '.';
		counter-increment: li-counter;
		font-weight: 400;
		left: 0;
		position: absolute;
		text-align: left;
		top: 0;
		width: 20px;
	}
}

ul.mylist {
	&>li:before {
		background: #4d87a9;
		border-radius: 50%;
		content: '';
		height: 6px;
		left: 2px;
		position: absolute;
		top: 9px;
		width: 6px;
	}
	ul>li:before,
	ol &>li:before {
		background: white;
		border: 1px solid #4d87a9;
	}
}

.pfr-container {
	display: block;
	max-width: 920px;
	margin: 0 auto;
}

.line-1 {
	display: block;
	margin: 0 auto;
	max-width: 700px;
	background-color: #919191;
	position: relative;
	&:before {
		display: block;
		position: absolute;
		content: '+';
		font-size: 35px;
		bottom: -65px;
		left: 113px;
		color: #919191;
	}
}

.line-2 {
	display: block;
	margin: 0 auto;
	max-width: 235px;
	background-color: #919191;
}

.line-3 {
	display: block;
	max-width: 690px;
	background-color: #919191;
	position: relative;
	height: 2px;
	margin: 14px 0;
	&::after {
		background: url('/images/arrow.png') center no-repeat;
		display: block;
		content: '';
		position: absolute;
		right: -8px;
		top: -6px;
		width: 30px;
		height: 15px;
	}
}

.pfr-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #fc471a;
}

.pfr-block-row1 {
	display: flex;
	justify-content: space-around;
	.ordered,
	.not-order {
		background-color: #dde6eb;
		color: #64696d;
		text-align: center;
		line-height: 1.5;
		padding: 10px 15px 0;
		max-width: 275px;
		height: 100px;
		position: relative;
		span {
			color: #fc471a;
		}
		&::before {
			content: "";
			height: 0;
			width: 0;
			position: absolute;
			left: 0;
			bottom: -20px;
			border-top: 20px solid #dde6eb;
			border-left: 136px solid transparent;
			border-right: 136px solid transparent;
		}
	}
}

.pfr-block-row2 {
	margin-top: 20px;
	margin-bottom: 10px;
	.discription {
		text-align: center;
		color: #64696d;
		max-width: 450px;
		margin: 0 auto;
		font-size: 17px;
		line-height: 1.5;
	}
}

.line-dotted {
	position: absolute;
	display: block;
	height: 130px;
	border-right: 1px dotted #64696d;
	top: 0;
	&::after {
		position: absolute;
		display: block;
		content: '\21E3';
		bottom: -3px;
		left: -2px;
		font-size: 11px;
	}
}

.insurance-blocks {
	display: flex;
	justify-content: space-around;
	position: relative;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	font-size: 17px;
	padding-top: 22px;
	padding-bottom: 20px;
	.insurance-block__1 {
		position: relative;
		max-width: 130px;
		color: #fc471a;
		span {
			font-size: 27px;
		}
		&::before {
			position: absolute;
			display: block;
			content: '\2193';
			color: #919191;
			font-size: 30px;
			top: -32px;
			left: 53px;
		}
		&::after {
			position: absolute;
			display: block;
			content: '\2193';
			color: #919191;
			font-size: 30px;
			left: 53px;
			bottom: -30px;
		}
	}
	.insurance-block__2 {
		position: relative;
		max-width: 130px;
		color: #548397;
		span {
			font-size: 27px;
		}
		&::before {
			position: absolute;
			display: block;
			content: '\2193';
			color: #919191;
			font-size: 30px;
			top: -32px;
			left: 58px;
		}
		&::after {
			position: absolute;
			display: block;
			content: '\23D0';
			color: #919191;
			font-size: 14px;
			left: 59px;
			bottom: -22px;
		}
	}
	.insurance-block__3 {
		position: relative;
		max-width: 130px;
		color: #548397;
		span {
			font-size: 27px;
		}
		&::before {
			position: absolute;
			display: block;
			content: '\2193';
			color: #919191;
			font-size: 30px;
			top: -32px;
			left: 58px;
		}
		&::after {
			position: absolute;
			display: block;
			content: '\23D0';
			color: #919191;
			font-size: 14px;
			left: 64px;
			bottom: -22px;
		}
	}
	.insurance-block__4 {
		position: relative;
		max-width: 130px;
		color: #fc471a;
		span {
			font-size: 27px;
		}
		&::before {
			position: absolute;
			display: block;
			content: '\2193';
			color: #919191;
			font-size: 30px;
			top: -32px;
			left: 63px;
		}
		&::after {
			position: absolute;
			display: block;
			content: '\2193';
			color: #919191;
			font-size: 30px;
			left: 63px;
			bottom: -30px;
		}
	}
}

.insurance-blocks__discription {
	display: flex;
	justify-content: space-between;
	color: #64696d;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	margin-top: 20px;
	span {
		font-weight: 400;
	}
	.insurance-block__rubl,
	.insurance-block__point,
	.insurance-block__other {
		max-width: 268px;
		position: relative;
		ul, li {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		ul>li {
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: relative;
			padding-left: 40px;
			&::before {
				position: absolute;
				display: block;
				content: '\25CF';
				color: #fc471a;
				font-size: 10px;
				left: 20px;
				
				background: none;
				height: auto;
				top: auto;
				width: auto;
			}
		}
	}
}

.container__frost-pension {
	margin-top: 115px;
	text-align: left;
}

.frost-pension__title {
	font-size: 15px;
	text-transform: uppercase;
	color: #fc471a;
	margin-bottom: 40px;
}

.block-year {
	max-width: 690px;
	display: flex;
	justify-content: space-between;
	color: #618198;
	.item-1 {
		position: relative;
		&::before {
			position: absolute;
			display: block;
			content: '';
			width: 25px;
			height: 25px;
			border-radius: 50%;
			border: 2px solid red;
			background-color: #fff;
			bottom: -30px;
			z-index: 1;
		}
	}
	.item-2 {
		position: relative;
		&::before {
			position: absolute;
			display: block;
			content: '';
			width: 25px;
			height: 25px;
			border-radius: 50%;
			border: 2px solid red;
			background-color: #fff;
			bottom: -30px;
			z-index: 1;
		}
	}
	.item-3 {
		position: relative;
		&::before {
			position: absolute;
			display: block;
			content: '';
			width: 25px;
			height: 25px;
			border-radius: 50%;
			border: 2px solid red;
			background-color: #fff;
			bottom: -30px;
			z-index: 1;
		}
	}
}

.frost-pension__blocks {
	display: flex;
	padding-top: 5px;
	.frost-pension__block-2,
	.frost-pension__block-1 {
		.discription {
			color: #64696d;
			line-height: 1.4;
			span {
				color: #618198;
				font-weight: bold;
			}
		}
		ul, li {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		ul {
			text-align: left;
			margin: 0;
			.color-1 {
				color: #fc471a;
			}
			.color-2 {
				color: #618198;
			}
			li {
				font-style: italic;
				font-weight: bold;
				max-width: 255px;
				list-style-type: none;
				position: relative;
				padding: 0;
				&::before {
					display: block;
					content: '\2013';
					position: absolute;
					left: -24px;
					background: none;
					height: auto;
					width: auto;
				}
			}
		}
	}
}

.frost-pension__block-1 {
	max-width: 330px;
}

.frost-pension__block-2 {
	max-width: 330px;
	margin-left: 25px;
}

.warning-text {
	margin-top: 100px;
	margin-bottom: 300px;
	color: #64696d;
	font-style: italic;
	font-size: 13px;
	text-align: right;
	word-spacing: 5px;
}

.cookie-usage-popup {
    position: fixed;
    bottom: 15px;
    right: 15px;
    border: 2px solid #4d87a9;
    font-size: 12px;
    width: 260px;
    padding: 15px 10px;
    background: #fff;
    text-align: center;
    z-index: 20;

    .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 4px;
        cursor: pointer;
        
        &:after {
            content: 'X';
        }
    }

    button {
        color: #fff;
        margin-top: 10px;
        background: #4d87a9;
        padding: 5px 15px;
    }
}*/