//---------------------------------------------------------------------------
// BOOTSTRAP 3
//---------------------------------------------------------------------------

//@icon-font-path: "/vendor/bootstrap/fonts/bootstrap/";
//@font-family-sans-serif: "roboto", sans-serif;

//Color
@black: #0e1114;
@blue: #0d4c8d;
@white: #fbfcfc;
@red: #cf0518;

//Scaffolding
@body-bg: @white;
@text-color: @black;
@link-color: #036fba;
@link-hover-color: darken(@link-color, 20%);
@link-hover-decoration: @link-color;
@link-hover-decoration: none;

//Typography
@font-size-base: 16px;
@pt-serif: "PT Serif", sans;
@pt-sans: "PT Sans", sans;
@bender: "Bender", sans-serif;
@font-family-base: @pt-serif;

//Navbar
@navbar-height: 40px;
@navbar-default-bg: transparent;
@navbar-default-link-color: @black;

//---------------------------------------------------------------------------
// IMPORT'S
//---------------------------------------------------------------------------

@import "/vendor/bootstrap/less/bootstrap";
@import "mixin";

//---------------------------------------------------------------------------
// FONT"S
//---------------------------------------------------------------------------

// FONT "Bender"
// lighner - 300
// normal - 400
// bold - 700
// extrabold - 900
//
// FONT "PT Serif"
// normal - 400
// bold - 700
//
// FONT "PT Sans"
// normal - 400
// bold - 700

// FONT "Bender"
@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_bender-light-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_bender-light-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_bender-light-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_bender-light-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_bender-light-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_bender-light-webfont.svg") format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_bender-lightitalic-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_bender-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_bender-lightitalic-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_bender-lightitalic-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_bender-lightitalic-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_bender-lightitalic-webfont.svg") format("svg");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_bender-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_bender-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_bender-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_bender-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_bender-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_bender-webfont.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_benderitalic-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_benderitalic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_benderitalic-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_benderitalic-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_benderitalic-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_benderitalic-webfont.svg") format("svg");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_bender-black-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_bender-bold-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_bender-bold-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_bender-bold-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_bender-bold-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_bender-bold-webfont.svg") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_bender-bolditalic-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_bender-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_bender-bolditalic-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_bender-bolditalic-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_bender-bolditalic-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_bender-bolditalic-webfont.svg") format("svg");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_bender-black-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_bender-black-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_bender-black-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_bender-black-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_bender-black-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_bender-black-webfont.svg") format("svg");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: "Bender";
	src: url("/font/bender/jovanny_lemonad_-_bender-blackitalic-webfont.eot");
	src: url("/font/bender/jovanny_lemonad_-_bender-blackitalic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/bender/jovanny_lemonad_-_bender-blackitalic-webfont.woff2") format("woff2"),
		url("/font/bender/jovanny_lemonad_-_bender-blackitalic-webfont.woff") format("woff"),
		url("/font/bender/jovanny_lemonad_-_bender-blackitalic-webfont.ttf") format("truetype"),
		url("/font/bender/jovanny_lemonad_-_bender-blackitalic-webfont.svg") format("svg");
	font-weight: 900;
	font-style: italic;
}

// FONT "PT Serif"
@font-face {
	font-family: "PT Serif";
	src: url("/font/pt_serif/pt_serif-web-regular-webfont.eot");
	src: url("/font/pt_serif/pt_serif-web-regular-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_serif/pt_serif-web-regular-webfont.woff2") format("woff2"),
		url("/font/pt_serif/pt_serif-web-regular-webfont.woff") format("woff"),
		url("/font/pt_serif/pt_serif-web-regular-webfont.ttf") format("truetype"),
		url("/font/pt_serif/pt_serif-web-regular-webfont.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "PT Serif";
	src: url("/font/pt_serif/pt_serif-web-italic-webfont.eot");
	src: url("/font/pt_serif/pt_serif-web-italic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_serif/pt_serif-web-italic-webfont.woff2") format("woff2"),
		url("/font/pt_serif/pt_serif-web-italic-webfont.woff") format("woff"),
		url("/font/pt_serif/pt_serif-web-italic-webfont.ttf") format("truetype"),
		url("/font/pt_serif/pt_serif-web-italic-webfont.svg") format("svg");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "PT Serif";
	src: url("/font/pt_serif/pt_serif-web-bold-webfont.eot");
	src: url("/font/pt_serif/pt_serif-web-bold-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_serif/pt_serif-web-bold-webfont.woff2") format("woff2"),
		url("/font/pt_serif/pt_serif-web-bold-webfont.woff") format("woff"),
		url("/font/pt_serif/pt_serif-web-bold-webfont.ttf") format("truetype"),
		url("/font/pt_serif/pt_serif-web-bold-webfont.svg") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "PT Serif";
	src: url("/font/pt_serif/pt_serif-web-bolditalic-webfont.eot");
	src: url("/font/pt_serif/pt_serif-web-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_serif/pt_serif-web-bolditalic-webfont.woff2") format("woff2"),
		url("/font/pt_serif/pt_serif-web-bolditalic-webfont.woff") format("woff"),
		url("/font/pt_serif/pt_serif-web-bolditalic-webfont.ttf") format("truetype"),
		url("/font/pt_serif/pt_serif-web-bolditalic-webfont.svg") format("svg");
	font-weight: 700;
	font-style: italic;
}

// FONT "PT Sans"
@font-face {
	font-family: "PT Sans";
	src: url("/font/pt_sans/pt_sans-web-regular-webfont.eot");
	src: url("/font/pt_sans/pt_sans-web-regular-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_sans/pt_sans-web-regular-webfont.woff2") format("woff2"),
		url("/font/pt_sans/pt_sans-web-regular-webfont.woff") format("woff"),
		url("/font/pt_sans/pt_sans-web-regular-webfont.ttf") format("truetype"),
		url("/font/pt_sans/pt_sans-web-regular-webfont.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "PT Sans";
	src: url("/font/pt_sans/pt_sans-web-italic-webfont.eot");
	src: url("/font/pt_sans/pt_sans-web-italic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_sans/pt_sans-web-italic-webfont.woff2") format("woff2"),
		url("/font/pt_sans/pt_sans-web-italic-webfont.woff") format("woff"),
		url("/font/pt_sans/pt_sans-web-italic-webfont.ttf") format("truetype"),
		url("/font/pt_sans/pt_sans-web-italic-webfont.svg") format("svg");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "PT Sans";
	src: url("/font/pt_sans/pt_sans-web-bold-webfont.eot");
	src: url("/font/pt_sans/pt_sans-web-bold-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_sans/pt_sans-web-bold-webfont.woff2") format("woff2"),
		url("/font/pt_sans/pt_sans-web-bold-webfont.woff") format("woff"),
		url("/font/pt_sans/pt_sans-web-bold-webfont.ttf") format("truetype"),
		url("/font/pt_sans/pt_sans-web-bold-webfont.svg") format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "PT Sans";
	src: url("/font/pt_sans/pt_sans-web-bolditalic-webfont.eot");
	src: url("/font/pt_sans/pt_sans-web-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),
		url("/font/pt_sans/pt_sans-web-bolditalic-webfont.woff2") format("woff2"),
		url("/font/pt_sans/pt_sans-web-bolditalic-webfont.woff") format("woff"),
		url("/font/pt_sans/pt_sans-web-bolditalic-webfont.ttf") format("truetype"),
		url("/font/pt_sans/pt_sans-web-bolditalic-webfont.svg") format("svg");
	font-weight: 700;
	font-style: italic;
}

//---------------------------------------------------------------------------
// STYLE"S
//---------------------------------------------------------------------------

//colors
.c-red { color: @red; }

body {
	//font-family: "PT Serif", sans-serif;
	color: @black;
	background: @white;
}

a {
	text-decoration: none;
	outline:none !important;
	&:hover {
		text-decoration: none;
		outline-style: none;
		outline: none;
	}
	&:active{
		outline-style: none;
		outline: none;
	}
	&:focus{
		outline-style: none;
		outline: none;
	}
}

.wrap-backing {
	position:relative;
	z-index:10;
}
.back-photo {
	display: block;
	width: 100%;
	opacity:0.25;
	position: absolute;
	top: 0;
	left: 0;
	z-index:0;
	height: 370px;
}


.user_content{
	line-height:1.3;
	font-family: @pt-serif;
	font-size:16px;
	table.border{
		border:0 solid #bbb !important;
		/*background-color:#380B09;*/
		th{
			border:1px solid #bbb !important;  border-bottom:4px solid #F7D138 !important; background-color:#fee647; padding:14px 12px !important; text-align:left; color:#363636; font-weight: normal; font-size:24px;
		}
		td{
			border:1px solid #bbb !important; padding:8px 10px !important; font-size:20px; background-color:#fff; transition:all 0.3s linear;
		}
		tr{
			&:hover{
				background-color:#e4eff6;
			}
		}
	}

	div.img-responsive-user img{
		display: block;
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	a{
		text-decoration:underline;
		font-size:20px;
		&:hover{
			text-decoration:none;
		}
	}
	ul{
		margin:10px 0px 24px 0; list-style:none;
	}
	li{
		padding:13px 0 0 26px; font-size:16px;   background:transparent url(/img/li.png) no-repeat scroll 0 18px;
	}
	ol{
		margin:10px 0 48px 57px; padding:0;
		li{
			background:none;
			padding:13px 0 0 13px;
		}
	}

	img.border{
		margin:4px 26px 12px 0px; padding:0; border:1px solid #cacac9; /*border-radius:3px 3px 3px 3px;*/
	}
	p{
		padding:0; margin:0;
	}
	pre{
		padding:0; margin:0px;}
	hr{
		padding:0; margin:0; height:1px; width:100%; background-color:#111; border:0;
	}
	h1{
		font-size:30px;
		margin:0 0 23px 0;
	}
	h2{
		margin:0 0 20px 0;
	}
	h3{
		margin:0 0 20px 0;
	}



}



//header
.header {
	padding: 20px 0 20px;

	&__logo {
		@media (max-width: 768px) {
			text-align: center;
		}

		@media (max-width: 992px) {
			margin-bottom: 20px;
		}
	}

	&__lang {
		display: inline-block;
		text-align: center;

		@media (max-width: 768px) {
			text-align: center;
			margin: 40px 0 70px;
		}
	}

	&__tell {
		display: inline-block;
		text-align: center;

		i {
			margin-right: 4px;
		}
	}
	&__write-to-us {
		display: inline-block;
		text-align: center;
	}
}

//logo
.logo {

	&__img {
		@media (max-width: 768px) {
			margin-bottom: 20px;
		}

		@media (min-width: 768px) {
			display: inline-block;
			vertical-align: middle;
			margin-right: 20px;
		}
	}

	&__text {
		text-transform: uppercase;
		font-size: 21px;
		color: @black;

		@media (max-width: 768px) {
		}

		@media (min-width: 768px) {
			display: inline-block;
			vertical-align: middle;
			max-width: 340px;
		}

		&-title {
			font-family: "Bender", sans-serif;
			font-weight: 700;
			margin: 0;
			font-size: 22px;
			line-height: 26px;

			@media (min-width: 768px) and (max-width: 1200px) {
			}

			@media (max-width: 768px) {
				margin-bottom: 10px;
			}
		}

		&-subtitle {
			font-family: "PT Sans", sans-serif;
			font-size: 13px;
			line-height: 22px;
		}
	}
}

//lang
.lang {
	.select();
	cursor: pointer;

	&__range {
		position: relative;
		border-radius: 4px;
		border: 1px solid #fff;
		background: #eaeef1;
		box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);
		display: inline-block;
		vertical-align: middle;

		@media (max-width: 768px) {
			width: 130px;
			height: 36px;
			margin-left: 18px;
			margin-right: 18px;
		}

		@media (min-width: 768px) {
			width: 48px;
			height: 14px;
			margin-left: 10px;
			margin-right: 10px;
		}

		&-handle {
			transition: all .3s;
			position: absolute;
			background: #e4192c;
			border-radius: 50%;
			box-shadow: inset 1px 0 2px 0 rgba(255, 255, 255, .6),
				1px 1px 2px rgba(0, 0, 0, .4);

			@media (max-width: 768px) {
				top: -6px;
				left: -10px;
				height: 48px;
				width: 48px;
			}

			@media (min-width: 768px) {
				top: -3px;
				left: -9px;
				width: 18px;
				height: 18px;
			}
		}
	}

	&__text {
		font-family: "PT Sans", sans-serif;
		font-weight: 700;
		font-size: 24px;
		color: #b9bfbf;
		text-transform: uppercase;
		transition: color .3s;
		display: inline-block;
		vertical-align: middle;

		@media (max-width: 768px) {
		}

		@media (min-width: 768px) {
			font-size: 9px;
			margin-top: 2px;
		}

		&-rus {
			color: #454748;
		}

		@media (max-width: 768px) {
			display: inline-block;
			vertical-align: middle;
		}
	}

	&--on {
		.lang__range-handle {
			right: 0;

			@media (max-width: 768px) {
				left: 92px;
			}

			@media (min-width: 768px) {
				left: 34px;
			}
		}

		.lang__text-rus {
			color: #b9bfbf;
		}

		.lang__text-eng {
			color: #454748;
		}
	}
}

//tell
.tell {
	color: @black;
	font-size: 20px;
	font-weight: bold;
	font-family: @pt-sans;

	&:hover {
		color: darken(@black, 20%);
	}
}

//write-to-us
.write-to-us {
	font-family: @pt-sans;
	font-style: italic;
	border-bottom: 1px dashed #a8c2df;

	&:hover {
		border-bottom: 1px dashed darken(#a8c2df, 20%);
	}
}

//slider
.slider {
	margin-bottom: -30px; //правка

	&__list {}

	&__item {
		padding-bottom: 30px;
		height: 400px;
	}
}

//slide
.slide {
	position: relative;
	overflow: hidden;
	height: 370px;
	padding: 18px;

	&--nopadding {
		height: 100%;
		padding: 0;
	}

	&__inner {
		z-index: 1;
		position: relative;
		height: 100%;
		border: 1px solid rgba(255, 255, 255, .5);
		/*display: table;*/
		width: 100%;

		&:hover {
			.slide__item-before {
				top: -100%;
			}
			.slide__item-after {
				opacity: 1;
			}
		}
	}

	&__item {
		position: absolute;
		top: 0;

		height: 100%;
		width: 100%;
		display: table;
		transition: all .5s linear;

		&-center {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			color: @white;
			font-family: @pt-sans;
		}

		&-before {
			top: 0px;
		}

		&-after {
			opacity: 0;
			top:0px;
			background: #2c2e31;

			.slide__text {
				font-family: @pt-serif;
				font-size: 20px;
				line-height: 26px;
				font-weight: 400;
			}
		}
	}

	&__text {
		padding-left: 10px;
		padding-right: 10px;

		&--reference {
			text-align: left;
			font-size: 20px;
			font-weight: 400;
			padding-left: 50px;
			position: relative;

			&:after {
				position: absolute;
				top: -2px;
				left: 26px;
				content: "\203A";
				display: inline-block;
				color: @white;
				font-size: 30px;
			}
		}

		&-top {
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 700;
		}

		&-middle {
			font-size: 80px;
			font-family: @pt-serif;
			font-weight: 700;
			.text-line();
		}

		&-bottom {
			font-size: 14px;
		}
	}

	&__img-wrap {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;

		&:after {
			position: absolute;
			top: 0;
			left: 0;
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,.5);
		}
	}

	&__img {
		width: 100%;
		height: auto;
		min-height: 100%;
	}
}


//greeting
.greeting {
	font-family: @pt-sans;
	font-size: 14px;
	color: #2c2e31;
	margin-top: 40px;
	margin-bottom: 35px;
	text-transform: uppercase;

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


//open-cooperation
.open-cooperation {
	box-shadow: 0 0 2px rgba(0,0,0,.5);

	&__img-wrap {
		@media (max-width: 1200px) {
			padding-top: 55px;
		}

		@media (max-width: 992px) {
			padding-top: 30px;
		}
		@media (max-width: 768px) {
		}
	}

	&__img {
		margin-left: auto;
		margin-right: auto;
	}

	&__inner {
		padding-left: 40px;
	}

	&__header {
		padding-top: 50px;
		padding-bottom: 40px;
		color: #2c2e31;
		font-family: @pt-serif;

		@media (max-width: 768px) {
			text-align: center;
		}
	}

	&__title {
		font-size: 34px;
		margin: 0;

		@media (max-width: 768px) {
			font-size: 24px;
		}

		//@media (max-width: 1200px) {
		//  font-size: 30px;
		//}
		//@media (max-width: 992px) {
		//  font-size: 26px;
		//}
		//@media (max-width: 768px) {
		//  font-size: 20px;
		//}
	}

	&__sub-title {
		margin-top: 24px;
		font-size: 14px;
		font-style: italic;
	}

	&__body {
	}

	&__footer {
		margin-top: 6px;
		text-align: right;
		margin-bottom: 20px;
	}

	&__signature {
	}
}


//our-production
.our-production {
	position: relative;
	margin-top: 56px;
	margin-bottom: 80px;
	overflow: hidden;

	&__header-top {
		text-align: center;
		position: relative;

		&:before {
			position: absolute;
			margin: auto;
			top: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 2px;
			background: #0d4c8d;
			content: '';
			display: block;
		}
	}

	&__header-icon {
		position: relative;
		z-index: 1;
		display: inline-block;
		background: @white;
		padding: 0 30px;
	}

	&__header {
		text-align: center;
		margin: 0 0 16px;
	}

	&__title {
		color: #0d4c8d;
		font-size: 34px;
		font-weight: 700;
		font-family: @pt-serif;
	}

	&__sub-title {
		color: @black;
		margin-bottom: 40px;
	}

	&__body {
		position: relative;
	}

	&__slider {
		position: relative;
	}

	&__list {}
	&__item {
	}

	&__control {
		.select();

		&-left,
		&-right {
			position: absolute;
			cursor: pointer;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 67px;
			height: 67px;
			z-index: 1;
		}

		&-left {
			left: 0;

			@media (max-width: 768px) {
				left: 0;
			}
		}

		&-right {
			right: 0;

			@media (max-width: 768px) {
				right: 0;
			}
		}

		.hover {
			opacity: 0;

			&:hover {
				opacity: 1;
			}
		}

		i {
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}

//our-production-item
.our-production-item {
	position: relative;
	text-align: center;

	&__wrap-img {}

	&__img {
		width: auto !important;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}

	&__text {
		font-family: @pt-sans;
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		//font-weight: 700;
	}

	&__link {
		text-decoration: underline;
		color: @red;
		display: inline-block;

		&:hover {
			color: darken(@red, 20%);
		}
	}
}


//our-awards
.our-awards {
	background: url(/img/our-awards-bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	min-height: 556px;

	&__header-top {
		text-align: center;
		position: relative;
		background: url(/img/our-awards__header-top.png) 50% 50% no-repeat;
	}

	&__header-icon {
		position: relative;
		z-index: 1;
		display: inline-block;
		padding: 0 30px;
	}

	&__header {
		text-align: center;
		margin: 56px 0 16px;
	}

	&__title {
		margin: 0 0 10px;
		color: #e4e9ef;
		font-size: 34px;
		font-weight: 700;
		font-family: @pt-serif;
	}

	&__sub-title {
		line-height: 23px;
		font-size: 16px;
		color: #fff;
	}

	&__text {
		color: #e4e9ef;
		margin-bottom: 40px;
	}

	&__body {
		position: relative;
	}

	&__footer {
		text-align: center;
		padding: 35px 0 50px;
	}
}


//reward
.reward {
	&__list {
		margin-top: 56px;
	}

	&__item {
		text-align: center;

		@media (max-width: 992px) {
			margin-bottom: 20px;
		}
	}

	&__text {
		font-family: @pt-sans;
		line-height: 16px;
		color: #e4e9ef;
		font-size: 14px;
		margin-top: 30px;
		min-height: 40px;
	}
	&.reward_inner{
		.reward__text{
			font-size:14px;
			color:#0e1114;
		}
		.reward__list{
			margin:0 0 20px 0;
		}

	}
}


//button
.btn {
	font-weight: 700;
	display: inline-block;
	font-family: @pt-sans;
	text-transform: uppercase;
	position: relative;
	border: 0;
	border-radius: 0;

	&:focus {
		box-shadow: none;
	}

	&--middle {
		margin: 0 23px;
		padding: 0 33px;
		height: 45px;
		line-height: 49px;
	}

	&--block {
		display: block;
	}

	&--red {
		font-size: 12px;
		color: #fff;
		background: #cf0518;

		&:before,
			&:after {
			content: '';
			position: absolute;
			top: 0;
			display: block;
			background-image: url(/img/btn-red-middle.png);
			width: 23px;
			height: 45px;
		}

		&:before {
			left: -23px;
			background-position: 0 0;
		}

		&:after {
			right: -23px;
			background-position: -23px 0;
		}

		&:hover {
			color: #fff;
			background-color: darken(#cf0518, 10%);

			&:before {
				background-position: 0 45px;
			}

			&:after {
				background-position: -23px 45px;
			}
		}
	}

	&--white {
		font-size: 12px;
		color: #2c2e31 ;
		background: #f5f8fa;

		&:before,
			&:after {
			content: '';
			position: absolute;
			top: 0;
			display: block;
			background-image: url(/img/btn-white-middle.png);
			width: 23px;
			height: 45px;
		}

		&:before {
			left: -23px;
			background-position: 0 0;
		}

		&:after {
			right: -23px;
			background-position: -23px 0;
		}

		&:hover {
			color: #2c2e31;
			background-color: darken(#f5f8fa, 10%);

			&:before {
				background-position: 0 45px;
			}

			&:after {
				background-position: -23px 45px;
			}
		}
	}

	&--transparent {
		font-size: 12px;
		color: #fff ;
		background: transparent;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		height: 47px;

		&:before,
			&:after {
			content: '';
			position: absolute;
			top: -1px;
			display: block;
			background-image: url(/img/btn-transparet-middle.png);
			width: 23px;
			height: 47px;
		}

		&:before {
			left: -23px;
			background-position: 0 0;
		}

		&:after {
			right: -23px;
			background-position: -23px 0;
		}

		&:hover {
			color: #2c2e31;
			background-color: #fff;

			&:before {
				background-position: 0 46px;
			}

			&:after {
				background-position: -23px 46px;
			}
		}
	}
}

//our-news
.our-news {

	&__header {
		margin: 50px 0;
	}

	&__title {
		color: @blue;
		font-weight: 800;
		display: inline-block;
		margin: 0;
		font-family: @pt-serif;
	}

	&__header-link {
		color: @red;
		font-family: @pt-sans;
		font-size: 14px;
		font-weight: 800;
		text-transform: uppercase;
		float: right;
		margin-top: 16px;

		&:hover,
			&:focus {
			color: darken(@red, 10%);
		}
	}
}


//data
.data {
	width: 70px;
	text-align: center;

	&__inner {
		border-radius: 4px 4px 0 0;
		padding: 8px 0 6px;
		position: relative;
		margin-bottom: 20px;

		&:before {
			position: absolute;
			content: '';
			left: 0;
			bottom: -16px;
			width: 0;
			height: 0;
			border-left: 35px solid transparent;
			border-right: 35px solid transparent;
			border-top-width: 16px;
			border-top-style: solid;
		}

		&--grey {
			background: #cddae8;
			color: #fff;

			&:before {
				border-top-color: #cddae8;
			}
		}

		&--red {
			background: #cf0518;
			color: #fff;

			&:before {
				border-top-color: #cf0518;
			}
		}
	}

	&__day {
		font-size: 35px;
		font-weight: 800;
	}

	&__month {
		font-family: @pt-sans;
		font-size: 8px;
		text-transform: uppercase;
	}

	&__year {
		display: inline-block;
		font-family: @pt-sans;
		font-size: 12px;
		color: #2c2e31;
		text-transform: uppercase;
		margin-top: 20px;
	}
}


//our-news-item
.our-news-item {

	&:hover {
		.our-news-item__data {
			.data__inner.data__inner--grey {
				background: #cf0518;

				&:before {
					border-top-color: #cf0518;
				}
			}
		}
		.our-news-item__title{
			a{
				color:#cf0518;
			}
		}
	}

	&__header {
		margin-bottom: 35px;
	}

	&__title {
		margin: 0;
		font-size: 26px;
		font-weight: 800;
		color: #2c2e31;
		line-height: 23px;
		font-family: @pt-serif;

		@media(min-width: 992px) {
			.fog(10px, #fbfcfc);
			height: 102px;
		}

		a {
			color: #2c2e31;

			&:hover {
				text-decoration: none;
				color: #cf0518;
			}
		}
	}

	&__body {
		@media(min-width: 992px) {
			.fog(40px, #fbfcfc);
			height: 346px;
		}
	}

	.our-news-item__data {

		@media (max-width: 768px) {
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 35px;
		}
	}

	&__wrap-img {
		margin-bottom: 35px;
	}

	&__img {
		margin-left: auto;
		margin-right: auto;
	}

	&__footer {
		padding: 60px 0 76px;
	}

	&__more {
		font-weight: 800;
		color: @red;
		text-transform: uppercase;
		font-size: 12px;
		font-family: @pt-sans;

		&:hover {
			color: darken(@red, 10%);
		}
	}
}


//map
.map {
	position: relative;
	min-height: 708px;

	&__inner {
		top: 0;
		left: 0;
		position: absolute;
		height: 708px;
	}

	&__cont {
		padding-top: 30px;
		position: relative;
		z-index: 20;
	}

	&__img {
		height: 100%;
	}
}


//map-contact
.map-contact {
	background: rgba(44,46,49,.6);
	padding: 30px 38px 70px;
	max-width: 370px;

	&__header {
		text-align: center;
	}

	&__title {
		color: #e4e9ef;
		font-size: 30px;
		font-weight: 700;
		margin-top: 22px;
		margin-bottom: 30px;
	}

	&__body {
		color: #fff;
		font-family: @pt-sans;
		font-size: 14px;
		line-height: 18px;
	}

	&__list {
		padding-left: 0;
	}

	&__item {
		list-style: none;
		padding-left: 30px;
		position: relative;
		margin-bottom: 33px;

		&:before {
			position: absolute;
			top: 0;
			left: 0;
			content: '';
			display: inline-block;
			width: 20px;
			height: 25px;
			background-repear: no-repeat;
			background-image: url(/img/sprite.png);
			background-position: -497px -146px;
		}
	}

	&__link {
		color: #fff;
		text-decoration: underline;

		&:hover,
			&:focus {
			color: darken(#fff, 10%);
			text-decoration: underline;
		}
	}

	&__footer {}
}


//onlinebees
.onlinebees {
	&__logo {
		display: inline-block;
		vertical-align: top;
	}

	&__text {
		margin: 7px 0 0 12px;
		display: inline-block;
		vertical-align: top;
		color: #808181;
		font-size: 12px;
		font-family: @pt-sans;
	}
	&__link {
		font-weight: 700;
		color: #808181;

		&:hover {
			color: darken(#808181, 10%);
		}
	}
}

//footer
.footer {
	padding: 26px 0 36px;
	background: #2c2e31;

	&__onlinebees {
		@media (max-width: 992px) {
			text-align: center;

			.onlinebees__text {
				text-align: left;
			}
		}
	}
}

//logo-footer
.logo-footer {
	font-family: @bender;

	&__wrap-img {
		display: inline-block;
		vertical-align: top;

		@media (max-width: 992px) {
			text-align: center;
			display: block;
		}
	}

	&__text {
		margin: 3px 0 0 10px;
		display: inline-block;
		vertical-align: top;
		width: 180px;
		color: #808181;
		text-transform: uppercase;

		@media (max-width: 1200px) {
			margin: 10px 0 0 0;
		}

		@media (max-width: 992px) {
			text-align: center;
			display: block;
			width: 100%;
			margin-bottom: 20px;
		}

		&-title {
			font-size: 12px;
			font-weight: 700;
		}

		&-subtitle {
			font-size: 8px;
		}
	}
}

//footer-nav
.footer-nav {
	&__list {
		padding: 0;
		margin: 0;

		@media (max-width: 992px) {
			text-align: center;
			display: block;
			width: 100%;
			margin-bottom: 20px;
		}
	}

	&__item {
		display: inline-block;
		margin-right: 40px;

		&:last-child {
			margin-right: 0;
		}

		@media (max-width: 768px) {
			display: block;
			margin: 0 0 10px;
		}
	}

	&__link {
		font-size: 12px;
		font-family: @pt-sans;
		text-transform: uppercase;
		color: #bebebf;
		display: block;

		&:hover,
			&:focus {
			color: darken(#bebebf, 10%);
		}
	}
}

//navbar
.navbar {
	font-weight: 700;
	font-size: 12px;
	font-family: @pt-sans;
	text-transform: uppercase;
	background: transparent;
	border: none;

	&.navbar-default {
		background: transparent;
	}

	.navbar-nav {

		li {

			&.active {

				&:hover {

					a {
						color: #e4192c;
						background: transparent;
					}
				}

				a {
					color: #e4192c;
					background: transparent;
				}
			}

			a {
				background: transparent;
			}
		}
	}
}

//slider-factory
.slider-factory {
	color: #fefefe;
	text-align: center;

	&__item {
		padding: 18px;
		height: 400px;

		&--red {
			background: #cf0518;
		}

		&--blue {
			background: #0d4c8d;
		}

		&--grey {
			background: #2c2e31;
		}
	}

	&__header {
		overflow: hidden;
		max-width: 370px;
		margin-left: auto;
		margin-right: auto;
		background: url(/img/slider-control__header.png) 50% 22px no-repeat
	}

	&__icon {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 30px;
		position: relative;
		//background: #2c2e31;
	}


	&__title {
		font-size: 34px;
		line-height: 38px;
		margin-top: 20px;
		margin-bottom: 32px;
		a {
			color:#fff;
		}
	   position: relative;
	}

	&__body {
		max-width: 370px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	&__link {
		color: #fbfcfc;
		font-family: @pt-sans;
		font-style: italic;
		border-bottom: 1px dashed #fbfcfc;

		&:hover,
			&:focus {
			color: darken(#fbfcfc, 10%);
			border-bottom: 1px dashed darken(#fbfcfc, 10%);
		}
	}

	&__footer {
		margin-top: 35px;
	}

	&__control {
		//position: relative;

		&-left,
		&-right {
			z-index: 2;
			position: absolute;
			top: 180px;
			cursor: pointer;
			display: block;
			//background-image: url(/img/sprite.png);
			width: 17px;
			height: 30px;
			opacity: .6;

			&:hover {
				opacity: 1;
			}
		}

		&-left {
			left: 34px;
			//background-position: -223px -107px;
		}

		&-right {
			right: 34px;
			//background-position: -223px -77px;
		}
	}
}

//flipster
.flipster {
	overflow-x: inherit;

	&__wrap-img {
		display: table;
		width: 100%;
		height: 100%;
		vertical-align: bottom;
	}

	&__list {
	}

	&__item {
		width: 400px;
		background: #fff;
		box-shadow: 0 0 3px rgba(0,0,0,.3);
		overflow: hidden;

		&.flip-past,
		&.flip-prev,
		&.flip-next,
		&.flip-future {
			.select();
		}
	}

	&__left {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		padding-top: 20px;
	}

	&__right {
		padding: 30px 0 20px;
		display: inline-block;
		vertical-align: top;
		width: 50%;

		display: none; // добавлено 2016-01-11
	}

	&__inner {
		margin: 16px;
		border: 1px solid #86a5c6;
	}

	&__title {
		margin-bottom: 20px;
		font-family: @pt-sans;
		font-size: 19px;
		line-height: 20px;
		font-weight: 700;
		color: #0d4c8d;
	}

	&__text {
		font-size: 14px;
		line-height: 20px;
	}

	&__img {
		box-shadow: none !important;
		width: 366px !important; // добавлено 2016-01-11
		height: 297px !important; // добавлено 2016-01-11
	}
}

//icon
.i {
	display: inline-block;
	background-image: url(/img/sprite.png);
	background-repeat: no-repeat;

	&--opacity {
		opacity: .6;
	}

	&-phone {
		width: 17px;
		height: 20px;
		background-position: -276px -85px;
	}

	&-first-grey,
	&-first-blue {
		width: 56px;
		height: 46px;
	}

	&-first-grey {
		background-position: -439px -77px;
	}

	&-first-blue {
		background-position: -356px -77px;
	}

	&-arrow-left,
	&-arrow-right {
		width: 17px;
		height: 30px;
	}

	&-arrow-left {
		background-position: -353px -9px;
	}

	&-arrow-right {
		background-position: -400px -9px;
	}

	&-label {
		width: 15px;
		height: 17px;
		background-position: -310px -86px;
	}

	&-label-red {
		width: 20px;
		height: 25px;
		background-position: -138px -66px;
	}

	&-reward {
		width: 43px;
		height: 53px;
		background-position: -360px -139px;
	}

	&-onlinebees {
		width: 40px;
		height: 45px;
		background-position:-446px -5px;
	}

	&-stamp {
		width: 56px;
		height: 56px;
		background-position: -186px -177px;
	}

	&-mail {
		width: 44px;
		height: 43px;
		background-position: -252px -177px;
	}
}

//breadcrumb
.breadcrumb {
	background: transparent;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding-left: 0;
	text-transform:uppercase;

	a {
		color: #2c2e31;
		font-weight: normal;

		&:hover {
			color: #e4192c;
		}
	}
}

//main
.main {
	/*margin-bottom: 55px;*/
	&__title {
		font-size: 34px;
		color: #0d4c8d;
		font-weight: 700;
		font-family: @pt-serif;
		margin: 0 0 14px;
		padding-top: 16px;
		padding-bottom: 18px;
		border-bottom: 2px solid #0d4c8d;
		&.noborder{
			border-bottom: 0;
		}
		@media (max-width: 1184px) {
			margin: 0;
		}
	}

	@media (min-width: 1184px) {
		min-height:682px;
	}
}

//pager_string
.pager_string {
	text-align: center;
	font-family: @pt-serif;
	font-style: italic;
	font-size: 14px;
	color: #adc1c1;
	margin-bottom: 70px;

	& > * {
		display: inline;
		margin: 0 15px;
	}

	.active {
		color: #adc1c1;
	}

	a {
		color: #0e1114;
		display: inline-block;

		&:hover {
			color: #e4192c;
		}
	}

	#leftPage,
	#rightPage {
		font-size: 0;

		&:before {
			font-size: 14px;
		}
	}

	#leftPage:before {
		content: 'Предыдущая страница';
	}

	#rightPage:before {
		content: 'Следующая страница';
	}
}

//article
.article {
	box-shadow: 0 0 6px rgba(164,173,184,.35);
	padding-top: 32px;
	padding-bottom: 32px;

	&__data {
		float: left;
		margin-left: 38px;

		@media (max-width: 768px) {
			float: none;
			margin-left: 0;
			text-align: center;

			.data {
				margin-left: auto;
				margin-right: auto;
			}
		}
	}

	&__inner {
		margin-left: 140px;

		@media (max-width: 768px) {
			margin-left: 15px;
			margin-right: 15px;
		}
	}

	&__header {
		margin-bottom: 30px;
	}

	&__title {
		font-family: @pt-serif;
		font-size: 26px;
		font-weight: 700;
		color: #2c2e31;
		margin: 0;
	}

	&__header {}

	&__wrap-img {
		float: left;
		margin-right: 44px;
		margin-bottom: 50px;

		@media (max-width: 992px) {
			float: none;
			margin-right: 0;

			img {
				margin-left: auto;
				margin-right: auto;
			}
		}
	}

	&__photo-gallery {
		margin-left: 140px;
		margin-right: 30px;

		@media(max-width: 992px) {
			margin-left: 15px;
			margin-right: 15px;
		}
	}
}

//photo-gallery
.photo-gallery {

	&__header {
		margin-top: 60px;
		margin-bottom: 28px;
	}
	&__title {
		text-transform: uppercase;
		font-family: @pt-sans;
		font-size: 12px;
		color: #2c2e31;
	}
	&__name {
		font-size:14px;
		font-family: @pt-sans;
		margin-top:9px;
		margin-bottom:20px;
		font-style:italic;
		max-width:263px;
	}
	&__list {
		&.vertical{
			.photo-gallery__name {
				max-width:189px;
			}
		}
	}
	&__item {
		margin-bottom: 20px;
	}

}

//header-line
.header-line {
	margin-top: 36px;
	margin-bottom: 36px;

	&__title {
		color: #0d4c8d;
		font-family: @pt-serif;
		font-weight: 700;
		font-size: 34px;
		margin: 0;
	}

	&__link {
		color: #cf0518;
		font-weight: 700;
		text-transform: uppercase;
		margin-top: 14px;

		&:hover {
			color: darken(#cf0518, 10%);
		}

	}
}


//partners
.partners {
	margin-top: 50px;
	margin-bottom: 50px;

	&__list {
		margin-bottom: 40px;
	}

	&__item {
		height: 150px; //80
		margin-bottom: 20px;
		vertical-align: middle;
		line-height: 80px;

		img {
			margin-left: auto;
			margin-right: auto;
		}
	}

	&__block {
		display: table;
		width: 100%;
		height: 100%;

		&-center {
			display: table-cell;
			vertical-align: middle;

			& > img {
				@media (min-width:992px) {
					width: 100%;
				}
			}
		}
	}

	&__wrap-img {
	}

	&__bottom {
		text-align: center;
		margin-bottom: 76px;
	}
}


//title
.title {
	text-align: center;

	&__icon {
		position: relative;

		&:before {
			content: '';
			display: block;
			width: 100%;
			height: 2px;
			background: #0d4c8d;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			margin: auto;
		}

		&:after {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			content: '';
			display: block;
			width: 116px;
			height: 100%;
			background: #fff;
		}

		.i {
			position: relative;
			z-index: 2;
		}
	}

	&__text {
		color: #0d4c8d;
		font-size: @pt-serif;
		font-weight: 700;
		font-size: 34px;
		margin: 5px 0 20px;
	}
}


//block
.block {
	padding-top: 30px;
	margin-top: 20px;
	margin-bottom: 20px;

	&--white {
		background: #fff;
		box-shadow: 0 0 10px rgba(164, 173, 184, .3);
	}
}


//factory-info
.factory-info {
	font-family: @pt-serif;
	padding-bottom: 40px;

	&__header {

	}

	&__body {
		text-align: center;
		color: #0e1114;

		.user_content {
			font-family: @pt-serif;
		}
	}

	&__footer {
		text-align: center;
		margin-top: 38px;
	}

	&__link {
		color: #cf0518;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 700;
		text-decoration: none;
		border-bottom: 1px dashed #cf0518;

		&:hover {
			text-decoration: none;
			color: darken(#cf0518, 10%);
			border-bottom: 1px dashed darken(#cf0518, 10%);
		}
	}
}


//write-form
.write-form {
	background: url(/img/write-form-bg.jpg);
	background-size: cover;
	min-height: 736px;

	&__header-icon {
		display: inline-block;
		text-align: center;
		position: relative;

		&:before,
			&:after {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			display: block;
			width: 224px;
			height: 2px;
			background: rgba(228,233,239,.6);
			margin: auto;

			@media (max-width: 600px) {
				width: auto;
			}

		}

		&:before {
			left: 90px;
		}
		&:after {
			right: 90px;
		}
	}

	&__header {
		color: #e4e9ef;
		font-family: @pt-serif;
		text-align: center;
		margin-top: 36px;
	}

	&__title {
		font-size: 34px;
		font-weight: 700;
	}

	&__subtitle {
		width:50%;
		margin: 0 auto;
		font-size:16px;
	}

	&__body {
		max-width:770px;
		margin: 0 auto;
	}

}

.forma{
	td{
		padding:0 0 12px 0;
	}
	.form-control{
		width:100%;
		border-radius:0;
		padding:0 20px;
		height:46px;
		color:#313131;
		font-size:16px;
		font-family: @pt-sans;
		box-shadow:4px 4px 5px rgba(0, 0, 0, 0.3) inset;
		background-color:#fbfcfc;
		border:0;
		transition:all 0.2s linear 0.2s;
		&:focus, &:active{
			background-color:#e1e1e1;
		}
	}
	.form-zag{
		color:#e4e9ef;
		font-size:14px;
		font-family: @pt-sans;
		font-weight: 700;
		padding:12px 0 11px 0;
	}
	textarea.form-control{
		padding-top: 16px;
		height:147px;
	}
	.form-control.forma_alert {
		border:2px solid #f25017;
		background-color:#fff1f0;
	}
	.error{
		background-color:#f9d3d7;
	}
}

.factory_item{
	font-family: "PT Serif",sans;
	margin-bottom:30px;
	.slider-factory__header{
		background:none;
		.slider-factory__title{
			color:#fefefe;
			margin-top: 50px;
			text-align: center;
		}
	}
	.slider-factory__body{
		text-align: center;
		position:relative;
	}
	.slider-factory__footer{
		text-align: center;
	}
}

h2.submain__title{
	font-size:26px;
	font-family: @pt-serif;
	font-weight:700;
	border-bottom:2px solid #0d4c8d;
	color:#0d4c8d;
	padding-bottom:16px;
	margin-top:10px;
	margin-bottom:20px;
}

h3.submain__title{
	font-size:19px;
	font-family: @pt-sans;
	font-weight:700;
	color:#0d4c8d;
	padding-bottom:16px;
	margin-top:10px;
	margin-bottom:10px;
}

.modal{
	.modal-dialog{
		.modal-content{
			border-radius:0;
			border:0;
			background:#5D585C url(/img/modal_bgr.jpg) no-repeat scroll center 0;
			background-size: cover;
			.modal-header{
				padding:0;
				border-bottom:0;
				height:36px;
				.close{
					background:transparent url(/img/close.png) no-repeat scroll center 0;
					position: absolute;
					top:13px;
					right:13px;
					width:35px;
					height:35px;
					border:none;
					margin:0;
					z-index: 1000;
					opacity:1;
					transition: all 0.1s linear 0.2s;
					&:hover{
						opacity:0.7;
					}
				}
			}
			.modal-body{
				.zag{
					color: #fff;
					margin-bottom:8px;
				}
				.note{
					font-size:16px;
					font-style:italic;
					color: #fff;
					margin-bottom:30px;
					span{
						color:#ff7747;
						font-size:26px;
					}
				}
				.ico_logo{
					background:url("/img/bgr.png") no-repeat scroll -272px 0 transparent;
					height:160px;
					left:50%;
					position:absolute;
					top:12px;
					width:100px;
					margin-left:-64px;
				}
				.zv{
					vertical-align:top;
					color:#ff7747;
					font-size:26px;
				}

			}
		}
	}
}

.left_menu_bgr{
	background: url("/img/left_menu_bgr.jpg") no-repeat scroll 0 0 #0D4D8D;
}

.left_menu{
	margin:0 0 30px 0;
	max-width:263px;
	padding:0;
	list-style:none outside none;

	@media (min-width:1180px) {
		min-height: 545px;
	}
	li{
		margin:0;
		padding:0;
		list-style:none;
		a{
			font-size: 16px;
			display:block;
			padding:13px 40px;
			color:#fff;
			text-decoration:none;
			font-family: @pt-serif;
			opacity:1;
			//transition:background-color 0.1s linear 0.1s;
			&:hover{
				background-color: rgba(255,255,255,0.2);
				text-decoration:none;
			}
		}
		.active{
			font-size: 16px;
			font-family: @pt-serif;
			color:#0d4c8d;
			background-color:#fff;
			&:hover{
				background-color:#fff;
			}
		}
	}
	li:first-child{
		padding-top:28px;
	}
	li:last-child{
		padding-bottom:28px;
	}
}

.sert_block{
	background-color:#eaeef1;
	padding:20px;
	.photo-gallery__item{
		margin-bottom:30px;
	}
}

.our-production-inner{
	margin-top: 30px;
}

.x-block{
	margin-bottom:20px;
}