@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,400,800&subset=latin,cyrillic-ext);

// variables

@colP:#352d37;
@colA:#2284aa;
@colAH:#e21f26;
@colPlac:@colP;
@fs:18px;
@ff:'Open Sans', arial, helvetica, sans-serif;

// mixins

.br(@r){
	-moz-border-radius:@r;
	-webkit-border-radius:@r;
	-o-border-radius:@r;
	border-radius:@r;
}

.bs(@s){
	-moz-box-shadow:@s;
	-webkit-box-shadow:@s;
	-o-box-shadow:@s;
	box-shadow:@s;
}

.t(@s){
	-moz-transition:@s;
	-webkit-transition:@s;
	-o-transition:@s;
	transition:@s;
}

.lg(@from,@col1,@col2){
	background-color:@col2;
	background-image:-o-linear-gradient(@from,@col1,@col2);
	background-image:-moz-linear-gradient(@from,@col1,@col2);
	background-image:-webkit-linear-gradient(@from,@col1,@col2);
	background-image:-ms-linear-gradient(@from,@col1,@col2);
	background-image:linear-gradient(@from,@col1,@col2);
}

/* all */

*{
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	&:after,
	&:before{
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
}

html{
	overflow-x:auto;
}

body{
	font-family:@ff;
	color:@colP;
	font-size:@fs;
	-webkit-font-smoothing:subpixel-antialiased;
	background:#fff;
	overflow:hidden;
	min-width:1024px;
	line-height:1.2;
	font-weight:300;
}

a{
	color:@colA;
	text-decoration:none;
	&:focus,
	&:active{
		outline:none;
	}
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

input,
button,
textarea{
	font-family:@ff;
	font-size:@fs;
	&:focus{
		outline:none;
	}
}

input{
	padding-top:0;
	padding-bottom:0;
}

::-moz-placeholder{
	font-family:@ff;
	font-size:@fs;
	overflow:visible;
	color:@colPlac;
}
:-ms-input-placeholder{
	font-family:@ff;
	font-size:@fs;
	overflow:visible;
	color:@colPlac;
}
::-webkit-input-placeholder{
	font-family:@ff;
	font-size:@fs;
	overflow:visible;
	color:@colPlac;
}

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

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

img{
	border:none;
	max-width:100%;
}

ul{
	list-style:none;
}

.container{
	width:1024px;
	margin:0 auto;
	position:relative;
}

.row:after{
	display:table;
	line-height:0;
	content:'';
	clear:both;
}

/* header */

.head{
	min-height:115px;
}

.head-content{
	display:table-cell;
	vertical-align:middle;
	width:25%;
	padding:10px;
	text-align:center;
}

.head-content-btns{
	// text-align:right;
}

.main-title-wrapp{
	display:inline-block;
}

.main-title{
	font-size:18px;
	padding-bottom:7px;
	margin-bottom:8px;
	border-bottom:solid 1px #d7b54d;
	text-transform:uppercase;
}

.main-title-desc{
	font-size:14px;
}

.head-tels{
	position:relative;
	padding-left:40px;
	// display:inline-block;
	display:none;
	&:before{
		content:'';
		position:absolute;
		width:32px;
		height:32px;
		left:0;
		top:50%;
		margin-top:-16px;
		background:url(../img/tel-icons.png);
	}
}

.recall-btn{
	display:inline-block;
	font-weight:800;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,.35);
	color:#fff;
	text-align:center;
	width:245px;
	background:@colA;
	line-height:40px;
	.t(.2s);
	.br(5px);
	margin-bottom:5px;
	&:hover{
		background:@colAH;
	}
}
.franchise{
	display:inline-block;
	font-weight:700;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,.35);
	color:#fff;
	text-align:center;
	background:@colP;
	line-height:20px;
	font-size:14px;
	padding:0 10px;
	.t(.2s);
	.br(5px);
	&:hover{
		background:@colAH;
	}
}

/* modal */

.modal{
	display:none;
}

.form-modal{
	width:400px;
	border-top:solid 10px @colA;
	border-bottom:solid 10px @colA;
	color:@colP;
}

.form-body{
	padding:20px 20px 30px;
	background:#ecf0f1;
}

.form-modal-title{
	text-align:center;
	padding-bottom:20px;
	font-weight:700;
	font-size:20px;
}

.form-block{
	position:relative;
	&+&{
		margin-top:8px;
	}
}

.alert{
	position:absolute;
	height:20px;
	padding:0 10px;
	background:red;
	color:#fff;
	font-size:12px;
	line-height:18px;
	top:0;
	left:0;
	font-style:normal;
	.br(4px);
	.t(all .3s);
	opacity:0;
	z-index:-2;
	white-space:nowrap;
	&:after{
		content:'';
		position:absolute;
		width:0;
		height:0;
		border-top:solid 8px red;
		border-left:solid 5px transparent;
		border-right:solid 5px transparent;
		bottom:-8px;
		left:20px;
	}
}

.alert-active{
	opacity:1;
	z-index:2;
	top:-19px;
}

.send{
	text-align:center;
	padding:50px 20px;
	font-size:30px;
	width:600px;
	-webkit-transform:translateZ(0);
}

.input{
	width:100%;
	display:block;
	.br(3px);
	border:solid 1px #bdc3c7;
	height:50px;
	padding:0 20px;
}
.textarea{
	height:150px;
	resize:none;
	padding:15px 20px;
}

.submit{
	display:inline-block;
	font-weight:800;
	text-transform:uppercase;
	text-shadow:1px 1px 1px rgba(0,0,0,.35);
	color:#fff;
	text-align:center;
	width:100%;
	background:@colA;
	line-height:50px;
	margin-top:20px;
	border:0;
	.t(.2s);
	.br(5px);
	&:hover{
		background:@colAH;
	}
}

/* nav */

.nav-top{
	background:@colP;
	&.fixed{
		top:0;
		left:0;
		right:0;
		position:fixed;
		z-index:666;
	}
}

.menu-top{
	font-size:16px;
	li{
		display:table-cell;
		vertical-align:middle;
		width:1%;
		position:relative;
	}
	a{
		display:block;
		text-align:center;
		padding:20px 15px;
		line-height:1;
		color:#fff;
		text-transform:uppercase;
		white-space:nowrap;
		&:hover{
			text-decoration:underline;
		}
	}
	li+li:before{
		content:'';
		position:absolute;
		width:6px;
		height:6px;
		left:-3px;
		.br(50%);
		top:50%;
		margin-top:-3px;
		background:@colA;
	}
}

/* main */

.main{
	background:url(../img/main.jpg) center top no-repeat;
	min-height:530px;
	background-size:cover;
	padding:35px 0 80px;
}

.main-body{
	width:695px;
	margin:0 auto 30px;
}

.main-body-head{
	margin-bottom:16px;
	display:table;
	width:100%;
}

.main-body-head-row{
	display:table-row;
}

.center-text{
	text-align:center;
}

.main-body-head-cell{
	display:table-cell;
	vertical-align:middle;
	padding:0 10px 36px;
	width:33.3%;
	color:#fff;
	font-size:16px;
	text-align:center;
	position:relative;
	&:before{
		content:'';
		position:absolute;
		width:14px;
		height:29px;
		bottom:0;
		left:50%;
		margin-left:-7px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAdCAYAAACaCl3kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjJDNTI5NDcwRTlBMTFFNTlDQzFGOTJGNTAzMjZFNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjJDNTI5NDgwRTlBMTFFNTlDQzFGOTJGNTAzMjZFNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MkM1Mjk0NTBFOUExMUU1OUNDMUY5MkY1MDMyNkU1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MkM1Mjk0NjBFOUExMUU1OUNDMUY5MkY1MDMyNkU1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PptJZQAAAADQSURBVHjaYvj//z8DFsz/HwFssKlhYiATjGoc1TjsNbIAsRMQ3wHiR0SoZwZiD5iNv4D4NhA/BOIKIObBooENiIuA+BUQLwVbAs2YOUgZ9zkQZyLxG4H4KhLfA6QHOVev+E8YTICpR9YoDcSf8Wh6AsQ82DSCcAUejQnIatE1sgHxPSyabgAxM77CChTC07GE6hQg/osigqNoRPbrZ2S/4SsePwLxAiQ+iP0FQxWOAlkXyUYDbGoYwSGEHVyFJjENXGkVF1gD1chAjkacACDAAIsNkqh3D05IAAAAAElFTkSuQmCC');
	}
}

.main-body-content{
	padding:30px;
	border:solid 2px #fff;
	background:rgba(255,255,255,.14);
	text-align:center;
	color:#fff;
}
.main-body-content-title{
	font-size:24px;
	text-transform:uppercase;
	font-weight:800;
	margin-bottom:24px;
}

.main-body-content-text{
	span{
		text-transform:uppercase;
		font-weight:800;
	}
}

.main-desc-tables{
	text-align:center;
	font-size:0;
}

.main-desc-table{
	display:inline-block;
	font-size:18px;
	vertical-align:top;
	margin:0 7px;
}

.main-desc-text{
	display:table;
	width:264px;
	height:70px;
	background:@colA;
	.br(2px);
	color:#fff;
	text-transform:uppercase;
	.text{
		display:table-cell;
		vertical-align:middle;
		padding:10px;
		color:#fff;
		.t(.2s);
		&:hover{
			background:@colAH;
		}
	}
}

/* services */

.services{
	position:relative;
	padding:50px 0 20px;
	background:#dfe5e8;
	.recall-btn{
		bottom:-95px;
		left:50%;
		margin-left:-122px;
		position:absolute;
	}
}

.services-title{
	padding-bottom:18px;
	margin-bottom:50px;
	position:relative;
	&:before{
		content:'';
		position:absolute;
		width:312px;
		height:3px;
		background:@colA;
		left:50%;
		margin-left:-156px;
		bottom:0;
	}
}

.svg-bottom,
.svg-top{
	height:82px;
	left:50%;
	margin-left:-960px;
	position:absolute;
	width:1920px;
}

.svg-top{
	top:-81px;
}

.svg-bottom{
	bottom:-81px;
}

.services-row{
	&+&{
		margin-top:40px;
	}
}

.services-block{
	display:inline-block;
	float:left;
	width:20%;
	text-align:center;
	padding:0 10px;
}

[class^="services-icon-"]{
	width:48px;
	height:53px;
	display:block;
	margin:0 auto 13px;
	background:url(../img/services-icons.png);
}
.services-icon-2{
	background-position:0 -53px;
}
.services-icon-3{
	background-position:0 -106px;
}
.services-icon-4{
	background-position:0 -159px;
}
.services-icon-5{
	background-position:0 -212px;
}
.services-icon-6{
	background-position:0 -265px;
}
.services-icon-7{
	background-position:0 -318px;
}
.services-icon-8{
	background-position:0 -371px;
}
.services-icon-9{
	background-position:0 -424px;
}
.services-icon-10{
	background-position:0 -477px;
}

/* correctly */

.correctly{
	background:url(../img/correctly.jpg) center bottom no-repeat;
	background-size:cover;
	min-height:600px;
	padding:165px 0 85px;
	border-bottom:6px solid #fff;
}

.correctly-title{
	margin-bottom:40px;
	span{
		font-weight:800;
	}
}

.correctly-body{
	width:640px;
	position:relative;
	z-index:1;
	margin:auto;
	padding-top:62px;
	&:before{
		content:'';
		position:absolute;
		width:35px;
		height:62px;
		left:50%;
		top:0;
		margin-left:-18px;
		background:url(../img/correctly-arrow.png);
	}
	.recall-btn{
		margin:auto;
		display:block;
		position:relative;
		z-index:1;
	}
}

.correctly-block{
	position:relative;
	background:#fff;
	border:solid 1px @colA;
	padding:23px;
	text-align:center;
	margin-bottom:37px;
	&:before{
		content:'';
		position:absolute;
		width:6px;
		height:37px;
		left:50%;
		bottom:-38px;
		margin-left:-3px;
		background:@colA;
	}
	span{
		font-weight:700;
	}
	.num{
		width:100px;
		text-align:right;
		left:-120px;
		position:absolute;
		top:0;
		line-height:67px;
		font-size:70px;
		font-weight:800;
		opacity:.28;
	}
}

.svg-correctly{
	width:826px;
	height:3px;
	position:absolute;
	left:-120px;
	bottom:25px;
}

.fame{
	width:709px;
	height:434px;
	background:url(../img/fame.png);
	bottom:50px;
	right:-360px;
	position:absolute;
}

.fame-text{
	font-size:30px;
	font-weight:800;
	color:#fff;
	position:absolute;
	left:250px;
	top:20px;
	text-transform:uppercase;
	display:inline-block;
}

/* advantages */

.advantages{
	padding:90px 0 75px;
	background:@colA;
	color:#fff;
}

.advantages-title{
	padding-bottom:24px;
	font-weight:800;
	position:relative;
	margin-bottom:75px;
	&:before{
		content:'';
		position:absolute;
		width:186px;
		height:8px;
		left:50%;
		bottom:0;
		margin-left:-93px;
		background:#fff;
	}
}

.advantages-row{
	text-align:center;
	font-size:0;
	&+&{
		margin-top:55px;
	}
}

.advantages-block{
	display:inline-block;
	vertical-align:top;
	width:250px;
	margin:0 35px;
	position:relative;
	padding-top:64px;
	font-size:20px;
	&:before{
		content:'';
		position:absolute;
		width:34px;
		height:34px;
		left:50%;
		top:0;
		margin-left:-17px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjQwRDIyOUMwRUFBMTFFNUJBMjJCREU5M0M3N0I0MDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjQwRDIyOUQwRUFBMTFFNUJBMjJCREU5M0M3N0I0MDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNDBEMjI5QTBFQUExMUU1QkEyMkJERTkzQzc3QjQwOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNDBEMjI5QjBFQUExMUU1QkEyMkJERTkzQzc3QjQwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po2x7U4AAAOwSURBVHjaYlFqWcVALLhVGcwJpFyB2AOIzaDCBlD6Qse+S5LzTt6WYiADsBDpAF0gVQfE3kDMiU3NlRfvjRefuctAJvjFQsABclAHJONT9/vvP4ayzWfANBngDhBH4HIIJ9ARNkB6BRALETJp3qnbDHfefCLHEYuBOAuIv6A7BBQCk9VE+UA0KDqYCZn08vN3hunHbpDjiAIgngjjMEFpNiCuAGKQiX63Xn8yuP7yAzMxpnXtv8zw7dcfom1nZWZiSDRTXYzsCJhDnID4EhC3IyfESYevETT07JM3DJuvPibaERwszAzTQ6wYKp31ooBR74rukL1ArI6uae/t5wyXnr3Daejf//8ZmnZdJMkRC6NsGeyUxBmgUb4amhlQogYr6D90FafczhtPGYDRR3R0zAqzZjCUFkYW5gfiFqIccvT+K4ZTj15jDY3+g1eJdsSkQAsGC3lRbNKgKDIg6BBIWrmOIbbu0kOGh++/EHQEMyMjQ4e3CYOzqiROJdByirBDQCECChnkwmvqketEhUatmwGDr7YsIWUeoKqDiRgDkdMKKJc8+/SNoJ4oIyUwJgKA6y+iHALKPaBcBAJzTt4iqN5BRQIcGiSAQBZiVcLKFUJFuZooP0Ovnxk4fZAAdJkcVSR/EqMSlFWrt53Fq0aIix2YTa0YeNlZSS3uFZlmhloxAks6onzw7ttPvDkEFBJSfFzk1Ds84DQCLPvBRS+o9CMXZNtoMlgripGtH+SQL7AENj/ShoGfk41kQ0DFdg7QIRSALyCH3IfxjGVEGJZG2zGIcnMQbQIoKkBRQiF4BHLIZfRUvzrBkUFekIeokrPL14SsUEQDF0AOOYjNl8ti7cGOwgfiTFUYzOREGagADoIcshVUj6HLgKIHlGZwhYyKCB9DiYMONRwBsnsHk1r7WlD1ugmbCpBjQG0IcV5OjBq1188UTFMBbAW64QXMpCZsoQKLprnh1iiFVBIwu2uKC1ArNOrhtS/QRReA1Ep8xfbUYEtwCIBCJ9NKg4FKYCXUbpQOViWo4Qwq5bDpADVsql30wSHDxcZCDUd8gdqJ2kIDuuwRkEohVLUT0b4gFqRD7QQDxj9/MZJGNXJbkkagBohb0Yt4dNAK7fz8pYED/kLNbsVW12ADoM6PDxB/pKIjPkLNnIir0sMFdgCxHrR/SilYDDVrB77aF29lBCrJgdgQWuj9ImWoAarHEGrGI3yKsSVWvA0Y6ECNK3Sghhl5oAaaBk4B8W4o/kKswQABBgDeRwp1OzZTwAAAAABJRU5ErkJggg==');
	}
}

/* briefcases */

.briefcases{
	position:relative;
	padding:70px 0 50px;
	z-index:1;
	&:before{
		content:'';
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		height:52.5%;
		background:#f5f5f5;
	}
	.container{
		z-index:1;
	}
}

.briefcases-title{
	margin-bottom:65px;
	font-weight:800;
	line-height:1;
	.title{
		padding-right:140px;
		display:inline-block;
		position:relative;
		&:before{
			content:'';
			position:absolute;
			width:128px;
			height:124px;
			right:0;
			top:50%;
			margin-top:-75px;
			background:url(../img/briefcases-title.png);
		}
		span{
			display:inline-block;
			padding:0 10px 25px 50px;
			border-bottom:solid 8px @colA;
		}
	}
}

.modal-body{
	padding:40px 50px;
	width:600px;
	background:#ecf0f1;
	line-height:1.4;
	span{
		font-weight:800;
	}
	iframe{
		display:block;
		margin-top:20px;
	}
}

.briefcases-row{
	font-size:0;
	text-align:center;
	&+&{
		margin-top:30px;
	}
}

.briefcases-block{
	width:300px;
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
	font-size:18px;
	figure{
		display:table;
		width:300px;
		height:183px;
		background:#c2c8cc;
		border:solid 3px #c2c8cc;
		margin-bottom:17px;
		.br(3px);
		div{
			display:table-cell;
			vertical-align:middle;
		}
		img{
			display:block;
			max-width:296px;
			max-height:177px;
			margin:auto;
		}
	}
	.more{
		background:@colA;
		color:#fff;
		display:inline-block;
		padding:9px 14px;
		.br(5%);
		.t(.2s);
	}
	&:hover{
		.more{
			background:@colAH;
		}
	}
}

.briefcases-modal-body{
	width:1000px;
	padding:50px 20px;
	background:#ecf0f1;
}

.briefcases-modal-row{
	&+&{
		margin-top:20px;
	}
	.briefcases-modal-text{
		width:470px;
		margin:0 20px 0 0;
		display:inline-block;
		float:left;
		span{
			font-weight:700;
		}
	}
}

.briefcases-modal-text{
	margin-bottom:20px;
	span{
		font-weight:700;
	}
	p{
		margin-bottom:15px;
	}
}

.briefcases-modal-video{
	width:470px;
	display:inline-block;
	float:left;
	&+&{
		margin-left:20px;
	}
}

.briefcases-modal-row + .briefcases-modal-text{
	margin-top:15px;
}

.briefcases-more-title{
	padding:85px 0 50px;
}

.briefcases-more-modal-title{
	text-align:center;
	margin-bottom:15px;
	font-size:16px;
	min-height:40px;
}

/* about */

.about{
	padding:145px 0 75px;
	background:url(../img/about.jpg) center top no-repeat;
	background-size:cover;
	color:#fff;
	position:relative;
	.recall-btn{
		left:50%;
		position:absolute;
		bottom:-10px;
		margin-left:-122px;
		z-index:2;
	}
}

.section-title{
	font-size:36px;
	text-align:center;
	position:relative;
	text-transform:uppercase;
	line-height:1;
}

.about-title{
	padding-bottom:18px;
	margin-bottom:80px;
	&:before{
		content:'';
		position:absolute;
		width:312px;
		height:3px;
		left:50%;
		bottom:0;
		margin-left:-156px;
		background:#fff;
	}
}

.about-list{
	text-align:center;
	position:relative;
	padding-bottom:35px;
	&:before{
		content:'';
		position:absolute;
		width:6px;
		height:35px;
		bottom:0;
		background:#fff;
		left:50%;
		margin-left:-3px;
	}
	.num{
		display:block;
		width:45px;
		height:45px;
		margin:10px auto;
		position:relative;
		.br(50%);
		color:@colA;
		background:#fff;
		text-align:center;
		line-height:45px;
		font-size:29px;
		font-weight:800;
		span{
			position:relative;
			z-index:1;
		}
		&:before{
			content:'';
			position:absolute;
			width:6px;
			top:-10px;
			bottom:-10px;
			background:#fff;
			left:50%;
			margin-left:-3px;
		}
	}
	.text{
		padding:3px 0 6px;
		line-height:1;
	}
}

/* why-we */

.why-we{
	background:#f5f5f5;
	padding:75px 0 15px;
	position:relative;
	z-index:1;
}

.why-we-title{
	padding-bottom:18px;
	margin-bottom:45px;
	&:before{
		content:'';
		position:absolute;
		width:312px;
		height:3px;
		left:50%;
		bottom:0;
		margin-left:-156px;
		background:@colA;
	}
}

.why-we-row{
	text-align:center;
	font-size:0;
	&+&{
		margin-top:65px;
	}
}

.why-we-block{
	font-size:16px;
	width:162px;
	display:inline-block;
	vertical-align:top;
	margin:0 45px;
}

[class^="why-we-icon-"]{
	display:block;
	width:48px;
	height:44px;
	background:url(../img/why-we-icons.png);
	margin:0 auto 8px;
}
.why-we-icon-2{
	background-position:0 -44px;
}
.why-we-icon-3{
	background-position:0 -88px;
}
.why-we-icon-4{
	background-position:0 -132px;
}
.why-we-icon-5{
	background-position:0 -176px;
}
.why-we-icon-6{
	background-position:0 -220px;
}
.why-we-icon-7{
	background-position:0 -264px;
}

/* scheme */

.scheme{
	background:@colA;
	color:#fff;
	padding:135px 0 105px;
	position:relative;
	.recall-btn{
		position:absolute;
		z-index:1;
		bottom:-10px;
		left:50%;
		margin-left:-122px;
		background:@colP;
		&:hover{
			background:@colAH;
		}
	}
}

.scheme-title{
	margin-bottom:48px;
}

.scheme-list{
	position:relative;
	padding:0 20px;
	margin-bottom:30px;
	&:before{
		content:'';
		position:absolute;
		top:48px;
		left:0;
		right:0;
		height:3px;
		background:#fff;
	}
	li{
		display:inline-block;
		float:left;
		width:20%;
		padding:70px 18px 0;
		position:relative;
		text-align:center;
		&:before{
			content:'';
			position:absolute;
			width:30px;
			height:58px;
			top:0;
			left:50%;
			margin-left:-10px;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA6CAYAAACnDemCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY4N0U3MDIwRjU1MTFFNThDRjJCN0Y0RjAyRTM5RjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY4N0U3MDMwRjU1MTFFNThDRjJCN0Y0RjAyRTM5RjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Rjg3RTcwMDBGNTUxMUU1OENGMkI3RjRGMDJFMzlGNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Rjg3RTcwMTBGNTUxMUU1OENGMkI3RjRGMDJFMzlGNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqKCAKEAAAINSURBVHja7JjfR4NRGMfft17R7egqlhjRZaNuNmPsPxhdRRfpqquuuo6IKVJKWaLddLGbrrtZdjW2m9KUUhYjUhYxIuv75Dk50l7ve96zU/E+fOw155zP85z3vL+O3el0rG5RrtTohxoUwTI4tzRFn8d2WXAGjsC4SbGIaXABDsGYSbGIGXAJDkDMpFjErJTAqEkxRT8ncA12QdSUWE5gXkpg2JRYxAAncAs2uyXQC7GcwALPACUwZEosYpATaIA1kYAJsZzAIp+CJccyGy8gB7Ycg8INsM7HVq/FryzMCaEIp4fCHbAKnn9qoFvcBntgBTy6NdQlfpOED146OBqE+yxs+umoKn6XhPcqAzgKwgK/Bt0FmSo/4gJXeKVjUXgR0+WQBHWdy7/P4zVZ132hm3xIhOJQHIpDcSgOxX9cbLvt+lCUK7VGcio+4mUw3iX6n1Od4a/6amJygrYWaFqq/F+mF+9ctIOTB6mvc2Hb4jDO0Nf+KZgDNzoqToCKLHWJFLdNBBVTpccg4qNvhPsE2ufK+5TK8ryqOO1xet2mPa0izmpYpFkVsY7LI6MijmoQR1XE7d+6czU1jOP/GxkPie1O8KAxLD9QxUUNFRdVKiZKAaot+a3281HMBzHQUpC2uK+ymEiAJx9SaptSkX4Xi8rLHqRl1UoF3V59MnwbFM9gihpDC+kk6Gr8EGAAeLxmwAKsmVEAAAAASUVORK5CYII=');
		}
	}
}

.scheme-desc-row{
	text-align:center;
	font-size:0;
	position:relative;
	padding-top:80px;
	&:before{
		content:'';
		position:absolute;
		width:53px;
		height:40px;
		top:0;
		left:50%;
		margin-left:-26px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAoCAYAAABerrI1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REEwNENENjkwRjU2MTFFNTg2N0JCRjFEMUUzN0Q5QzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REEwNENENkEwRjU2MTFFNTg2N0JCRjFEMUUzN0Q5QzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQTA0Q0Q2NzBGNTYxMUU1ODY3QkJGMUQxRTM3RDlDOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQTA0Q0Q2ODBGNTYxMUU1ODY3QkJGMUQxRTM3RDlDOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt3LMIYAAAGYSURBVHja7JgxS8QwFMdTT271EA4O7jM4CKKLIhROBEHR3Q+gu+CknIuTcB/AwUVxdhS8xUEQXV10EkVRBEVQTpT6jyRSpGltTHqJvAc/SsmQ96PvvYYEURSxlOgDj8y9qIAn1WIP+4dBUiRFUiRFUiRFUiRFUiRFUiRFUiT1Hb1gGkwp1suO5t0Cb4q1NuN3FGAZvEf+RwuUgtjFyyjYBXUPK+4VLIIt/hL8uE2qgm3Q8EjoGsyBY9WguAcTYBV8eCB0BIbiQl8heiqJcXDlcP9sgnJS7mlSnCrYd0ymAxbS8s6Skqw4Mh1vRAWl5htkXDvHIxRDpNal/jkVA+HS5ImiDQbFs+jYAWO/EcoaFCpKBZYj32Mpb446UpJQ1LiteACTOrnl6amkqIk+Cw2X2xmYARfdOKXfip/1mkGhPTCiK6TbUyoa4O6PJdc0kYtJKU4dHGjIPINZU3mYlpLTsZlD6BwMmMzBhlSecuRHsH7Te9uUkuV4qBDaEF+V+SYly3E9JvMC5m3uWYSUhP9IT8Cw7b0+BRgAM/5JsOUgMUYAAAAASUVORK5CYII=');
	}
}

.scheme-desc{
	display:inline-block;
	width:180px;
	vertical-align:top;
	margin:0 20px;
	font-size:18px;
}

/* contacts */

.contacts{
	background:#ebecf0;
	position:relative;
	padding:80px 0 20px;
}

.contacts-title{
	padding-bottom:18px;
	margin-bottom:60px;
	&:before{
		content:'';
		position:absolute;
		width:312px;
		height:3px;
		left:50%;
		bottom:0;
		margin-left:-156px;
		background:@colA;
	}
}

.contacts-body{
	padding:0 395px 0 55px;
	position:relative;
	min-height:370px;
}

.contacts-img{
	position:absolute;
	bottom:0;
	right:0;
}

.contacts-info{
	// display:inline-block;
	display:none;
	float:left;
	width:275px;
	.tel{
		margin:30px 0;
		position:relative;
		font-weight:800;
		padding-left:50px;
		white-space:nowrap;
		&:before{
			content:'';
			position:absolute;
			width:32px;
			height:32px;
			left:0;
			top:50%;
			margin-top:-16px;
			background:url(../img/tel-icons.png) 0 -32px;
		}
	}
	.addr{
		p{
			white-space:nowrap;
		}
	}
}

.contacts-form{
	display:inline-block;
	float:right;
	width:250px;
	.input{
		height:50px;
		border:0;
		background:#c2c8cc;
		padding-left:13px;
		padding-right:13px;
	}
	.textarea{
		height:130px;
		resize:none;
		padding:13px;
	}
	.form-block+.form-block{
		margin-top:14px;
	}
	.recall-btn{
		width:100%;
		margin-top:19px;
		border:0;
		background:@colP;
		&:hover{
			background:@colAH;
		}
	}
}



.contacts-form-title{
	font-weight:800;
	margin-bottom:25px;
	text-align:center;
	font-size:21px;
	text-transform:uppercase;
	line-height:1;
}

/* footer */

.footer{
	padding:20px 0;
}

.copyright{
	text-align:center;
	font-weight:800;
	text-transform:uppercase;
	line-height:1;
	display:inline-block;
	float:left;
	margin-top:10px;
}

.social-row{
	display:inline-block;
	float:right;
}

[class^="soc-icon-"]{
	display:inline-block;
	float:left;
	width:40px;
	height:40px;
	background:url(../img/social.png);
	margin-left:10px;
	.t(.2s);
	&:hover{
		opacity:.8;
	}
}

.soc-icon-2{
	background-position:0 -40px;
}
.soc-icon-3{
	background-position:0 -80px;
}

/* rev */

.reviews{
	padding:120px 0 0;
	position:relative;
	z-index:1;
	.section-title{
		margin-bottom:40px;
	}
}

.reviews-row{
	// margin:0 -30px;
}

.reviews-col{
	display:inline-block;
	float:left;
	width:14%;
	padding:0 10px 30px;
	text-align:center;
}

.reviews-link{
	display:block;
	padding:10px;
	border:solid 2px #c2c8cc;
	/*height:260px;*/
	.t(.2s);
	&:hover{
		border-color:@colA;
	}
	img{
		display:block;
		max-width:100%;
		max-height:100%;
		margin:auto;
	}
}

/*  */

.franchise-title-text{
	text-align:center;
	font-size:24px;
	padding-bottom:30px;
	font-weight:400;
	p:not(:last-child){
		margin-bottom:20px;
	}
	span{
		font-weight:700;
		color:@colAH;
	}
}

.franchise-video{
	margin-bottom:30px;
	iframe{
		width:500px;
		height:300px;
		display:block;
		margin:auto;
	}
}

.franchise-modal-row{
	margin:0 -15px;
	text-align:center;
}

.franchise-modal-col{
	display:inline-block;
	width:48%;
	padding:0 15px;
	vertical-align:middle;
}

.franchise-modal-col-text{
	color:@colAH;
	font-weight:800;
	font-size:24px;
	line-height:1.4;
}

.Moscow{
	display:none;
}

.head-tels, .contacts-info{
	display:inline-block;
}

/* contacts */
.contacts {
  background: #ebecf0;
  position: relative;
  padding: 80px 0 20px;
}
.contacts-title {
  padding-bottom: 18px;
  margin-bottom: 60px;
}
.contacts-title:before {
  content: '';
  position: absolute;
  width: 312px;
  height: 3px;
  left: 50%;
  bottom: 0;
  margin-left: -156px;
  background: #2284aa;
}
.contacts-body_ {
  position: relative;
  margin:0 -15px;
}
.contacts-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.contacts-info_ {
  float: left;
  width: 40%;
  padding:0 15px;
}
.contacts-info_ .tel {
  margin: 30px 0;
  position: relative;
  font-weight: 800;
  padding-left: 50px;
  white-space: nowrap;
}
.contacts-info_ .tel:before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  top: 50%;
  margin-top: -16px;
  background: url(http://bccmedia.ru/css/../img/tel-icons.png) 0 -32px;
}
.contacts-info_ .addr p {
  white-space: nowrap;
}
.contacts-form_ {
  display: inline-block;
  float: right;
  width: 60%;
  padding:0 15px;
}
.contacts-form_ .input {
  height: 50px;
  border: 0;
  background: #c2c8cc;
  padding-left: 13px;
  padding-right: 13px;
}
.contacts-form_ .textarea {
  height: 130px;
  resize: none;
  padding: 13px;
}
.contacts-form_ .form-block + .form-block {
  margin-top: 14px;
}
.contacts-form_ .recall-btn {
  // width: 100%;
  margin-top: 19px;
  border: 0;
  background: #352d37;
}
.contacts-form_ .recall-btn:hover {
  background: #e21f26;
}
.contacts-form-title_ {
  font-weight: 800;
  margin-bottom: 25px;
  text-align: center;
  font-size: 21px;
  line-height: 1.3;
}

/* page */

@link:#2284aa;

.page{
	padding:70px 0;
	border-top:solid 2px @link;
	border-bottom:solid 2px @link;
}

.page-block{
	margin-bottom:30px;
	text-align:center;
	font-size:20px;
	line-height:1.3;
	span{
		color:red;
	}
}

.page-table{
	width:100%;
	text-align:center;
	margin-bottom:40px;
	font-size:20px;
	td{
		vertical-align:top;
		padding:20px;
		border:solid 1px #ccc;
	}
}

.page-block-ps{
	padding-top:20px;
	position:relative;
	font-size:14px;
	line-height:1.4;
	font-weight:400;
	margin-bottom:50px;
	p+p{
		margin-top:25px;
	}
	&:before{
		content:'';
		position:absolute;
		width:200px;
		height:1px;
		background:#ccc;
		left:0;
		top:0;
	}
}

.page-video-row{
	margin:0 -15px;
}

.page-video-col{
	display:inline-block;
	float:left;
	width:50%;
	padding:0 15px;
	iframe{
		display:block;
		width:100%;
		height:300px;
	}
}