*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

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

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

html {
	width:100%;
	height:100%;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	background: #fff;
}

body {
	font: 18px/1.41 'SourceSansProLight', Verdana, sans-serif;
	color: @c-txt;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

@import "mixins.less";

/* Secondary section */
@ff-regular: 'SourceSansProRegular';
@ff-bold: 'SourceSansProBold';
@ff-light: 'SourceSansProLight';
@c-txt: #444;
@c-green: #41a62a;
@c-bg-grey: #eceded;
@c-border-grey: #c2c4c5;
@c-error-text: #F31F2E;

p {
	margin: 0;
	margin-bottom: 15px;

	&.right { text-align: right; }

	&.green { color: @c-green; }

	&.small { font-size: 14px; }
}

strong {
	font-family: @ff-bold;
	font-weight: normal;
}
em {
	font-style: italic;
}
.error{
	color: @c-error-text;
}
.success{
	color: @c-green;
}

a {
	color: @c-green;
	&:hover { text-decoration: none; }
	
	&.title {
		font-family: @ff-regular;
		font-size: 20px;
		text-decoration: none;
		color: @c-txt;
		&:hover { color: @c-green; }
	}

	&.arrows {
		background: url(../images/ico_arrows.png) left 9px no-repeat;
		padding-left: 15px;
		text-decoration: none;
		&:hover { text-decoration: underline; }
	}

	&.little {
		font-size: 12px;
		color: @c-txt;
	}

	&.grey {
		text-decoration: none;
		color: @c-txt;
		&:hover span { text-decoration: underline; }
	}

	&.spoiler_l img.open {
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

img {
	max-width: 100%;
	vertical-align: middle;

	&.arrow { margin-top: -2px; }
}

h1, h2 {
	line-height: 1.2;
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: @c-green;
}

h3 {
	font-family: @ff-regular;
	font-size: 20px;
	font-weight: normal;
}

h4 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: @c-green;
}

ul, ol {
	margin: 0;
	margin-left: 20px;
	padding: 0;

	li {
		margin-bottom: 15px;

		&.new {
			list-style-image: url(../images/ico_new.png);
			list-style-position: inside;

			span { color: #f26522; }
		}
	}

	&.tech_ul {
		margin: 0;

		li {
			list-style-type: none;
			font-size: 14px;

			a {
				font-size: 18px;
				text-decoration: none;
				text-transform: uppercase;
				&:hover { text-decoration: underline; }
			}
		}
	}
}

table {
	width: 100%;
	margin-bottom: 15px;

	tr td {
		padding: 6px;
		font-size: 16px;
		border: 1px solid @c-border-grey;
	}

	thead tr { 
		background: @c-bg-grey; 
		text-align: center; 
		font-family: @ff-bold;
	}
}

.wrapper {
	position: relative;
	min-width: 996px;
	max-width: 1440px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .08);
	box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .08);

	.empty {
		position: relative;
		height: 150px;
	}
}

.container {
	.clearfix;
	width: 996px;
	margin: 0 auto;
	padding: 0 21px;
}

header .top_links a,
header nav a,
footer nav a {
	color: #666;
	text-decoration: none;
	&:hover { color: @c-green; }
}

header .top_links,
header nav ul,
footer nav ul {
	margin: 0;
	padding: 0;

	li {
		list-style-type: none;
		margin-bottom: 0;
	}
}

header {

	nav {
		.clearfix;
		height: 152px;
		background: url(../images/bg_line.png) bottom repeat-x;
		-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
		box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);

		ul {
			.clearfix;
			float: right;
			margin-top: 57px;

			li {
				float: left;
				padding: 0 18px;
				padding-bottom: 50px;
				font-family: @ff-regular;
				font-size: 20px;
				text-transform: uppercase;

				&:first-child { padding-left: 0; }
				&:last-child { padding-right: 0; }

				.sec_lvl {
					display: none;
					position: absolute;
					top: 170px;
					left: 0;
					width: 100%;
					height: 380px;
					z-index: 2;
					background: #fff url(../images/bg_line.png) bottom repeat-x;
					overflow: hidden;
				}

				ul {
					float: left;
					width: 33%;
					margin: 0;
					padding: 15px;

					li {
						float: none;
						padding: 8px 0;
						font-size: 16px;
						text-transform: none;
						border-bottom: 1px solid @c-border-grey;
						&:last-child { border: none; } 
					}
				}
			}
		}
	}

	.grey_b {
		height: 40px;
		background: @c-bg-grey;
	}

	.top_links {
		float: left;
		padding-top: 8px;
	}

	.logo {
		display: block;
		float: left;
		margin-top: 35px;
	}
}

header .top_links,
footer nav ul {
	.clearfix;

	li {
		float: left;
		padding: 0 10px;
		font-size: 16px;
		border-right: 1px solid @c-border-grey;
		&:first-child { padding-left: 0; }
		&:last-child { border: none; }
	}
}

footer {
	.clearfix;
	position: relative;
	min-width: 996px;
	max-width: 1440px;
	height: 83px;
	margin: 0 auto;
	margin-top: -82px;
	text-align: center;
	background: #fff;

	nav {
		float: left;
		margin-top: 15px;
	}

	.grey_b {
		height: 53px;
		background: @c-bg-grey;
	}

	.networks {
		float: right;
		margin-top: 10px;

		.sn {
			.inlineblock;
			width: 36px;
			height: 34px;
			margin-left: 10px;
			background-image: url(../images/s_sn.png);
			background-repeat: no-repeat;

			&.fb { background-position: 0 0; }
			&.in { background-position: -36px 0; }
			&.google { background-position: -72px 0; }
			&.xing { background-position: -108px 0; }
			&.youtube { background-position: -144px 0; }
		}
	}

	.vlx {
		line-height: 30px;
		font-size: 12px;
		text-decoration: none;
		color: #9c9c9c;
		span { border-bottom: 1px solid #9c9c9c; }
	}
}

form {

	label {
		font-family: @ff-regular;
		font-size: 16px;
		text-transform: uppercase;
	}

	input {
		vertical-align: middle;
		border: none;
		outline: none;
	}

	input[type="text"],
	input[type="email"],
	input[type="file"],
	textarea,
	select {
		width: 100%;
		height: 40px;
		margin-top: 5px;
		margin-bottom: 15px;
		padding: 0 10px;
		background: #fff;
		border: 1px solid @c-border-grey;
	}

	textarea {
		height: 156px;
		resize: none;
	}

	input[type="file"] {
		padding: 7px 10px;
		font-size: 16px;
	}

	input[type="radio"],
	input[type="checkbox"] {
		margin-right: 6px;
	}

	.captcha {
		.inlineblock;
		width: 105px;
	}

	#captcha {
		width: 400px;
		margin-left: 11px;
	}

	.col {
		.inlineblock;
		width: 48%;

		&.r { margin-right: 3%; }
	}

	&.search_f {

		input[type="text"] {
			width: 140px;
			height: 28px;
			padding: 0 15px;
			margin: 0;
			font-size: 14px;
			color: @c-txt;
			background: #dcdcdc;
			.border-radius(16px);
			border: none;
			-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2) inset;
			box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.2) inset;
			.transition;

			&:focus {
				width: 240px;
				background: #fff;
				-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7) inset;
				box-shadow: 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.7) inset;
			}
		}

		input[type="submit"],
		input[type="button"] {
			position: absolute;
			top: 50%;
			margin-top: -17px/2;
			right: 10px;
			width: 17px;
			height: 17px;
			background: url(../images/loop.png) center no-repeat;
		}
	}

	&.tech_search_f {

		label {
			margin-right: 20px;
			text-transform: none;
		}

		input[type="text"] {
			width: 380px;
			margin: 0;
			margin-right: 10px;
		}

		input[type="submit"],
		input[type="button"] {
			width: 39px;
			height: 40px;
			background: url(../images/but_green.png) center no-repeat;
		}
	}
}

aside form {

	label { font-size: 14px; }
	textarea { height: 76px; }

	#captcha {
		width: 195px;
		margin-left: 11px;
	}
}

.archiv_f {
	padding: 15px;
	border-bottom: 1px solid #e0e1e1;

	label {
		margin-right: 10px;
		font-family: @ff-light;
		text-transform: none;
	}

	select {
		width: 150px;
		height: 30px;
		margin-bottom: 0;
	}
}

.face {
	margin-bottom: 20px;
	font-size: 14px;

	p { margin-bottom: 5px; }

	.pic,
	.txt {
		.inlineblock;
		vertical-align: top;
	}

	.pic {
		width: 125px;
		margin-right: 20px;
		text-align: center;

		img { margin-bottom: 5px; }
	}
}

.search {
	float: right;
	position: relative;
	margin-top: 5px;
}

.row {
	.clearfix;
	width: 100%;
	margin: 0 auto;
	padding: 0;

	[class*='col_'] {
		float: left;
		position: relative;
		margin-bottom: 30px;
		overflow: hidden;

		&.col_1 { width: 100%; }

		&.col_2 {
			width: 462px;
			height: 442px;
			&:nth-child(odd) { margin-right: 30px; }

			
		}

		&.col_3 {
			width: 298px;
			margin-right: 30px;
			padding-top: 30px;
			border-top: 1px solid @c-border-grey;
			border-bottom: 1px solid @c-border-grey;
			&:last-child { margin-right: 0; }

			img { margin: 9px 0; }
		}

		&.l { text-align: left; }
		&.r { text-align: right; }
		&.c { text-align: center; }
	}

	.bg_grey { background: #dcdcdc; }
	.bg_black { background: #111; }
	.bg_green {
		padding: 30px;
		color: #fff;
		background: @c-green;
	}
	
	.aside_b,
	.section_b {
		.inlineblock;
		vertical-align: top;
	}

	.aside_b {
		width: 230px;
		margin-right: 25px;
	}

	.section_b {
		width: 690px;
	}
}

.but_green {
	padding: 10px 16px;
	font-family: @ff-bold;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	border: none;
	.border-radius(8px);

	background: rgba(83,174,61,1);
	background: -moz-linear-gradient(top, rgba(83,174,61,1) 0%, rgba(61,151,41,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(83,174,61,1)), color-stop(100%, rgba(61,151,41,1)));
	background: -webkit-linear-gradient(top, rgba(83,174,61,1) 0%, rgba(61,151,41,1) 100%);
	background: -o-linear-gradient(top, rgba(83,174,61,1) 0%, rgba(61,151,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(83,174,61,1) 0%, rgba(61,151,41,1) 100%);
	background: linear-gradient(to bottom, rgba(83,174,61,1) 0%, rgba(61,151,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53ae3d', endColorstr='#3d9729', GradientType=0 );

	&:hover { opacity: .9; }
}

.but_grey {
	padding: 6px 10px;
	font-family: @ff-regular;
	font-size: 14px;
	text-decoration: none;
	color: @c-txt;
	.border-radius(3px);
	border: 1px solid @c-border-grey;

	background: rgba(236,237,237,1);
	background: -moz-linear-gradient(top, rgba(236,237,237,1) 0%, rgba(194,195,195,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,237,237,1)), color-stop(100%, rgba(194,195,195,1)));
	background: -webkit-linear-gradient(top, rgba(236,237,237,1) 0%, rgba(194,195,195,1) 100%);
	background: -o-linear-gradient(top, rgba(236,237,237,1) 0%, rgba(194,195,195,1) 100%);
	background: -ms-linear-gradient(top, rgba(236,237,237,1) 0%, rgba(194,195,195,1) 100%);
	background: linear-gradient(to bottom, rgba(236,237,237,1) 0%, rgba(194,195,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceded', endColorstr='#c2c3c3', GradientType=0 );

	&:hover { opacity: .9; }
}

.bread {
	padding: 8px 0;
	font-size: 15px;
	color: #9ea0a2;
	background: #000;

	span { margin: 0 10px; }

	a {
		text-decoration: none;
		color: #9ea0a2;
		&:hover { text-decoration: underline; }
	}
}

.pagination {
	text-align: right;

	a {
		.inlineblock;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		font-size: 16px;
		text-decoration: none;
		color: @c-txt;
		background: @c-bg-grey;

		&:first-child,
		&:last-child {
			width: 60px;
			color: @c-border-grey;
		}

		&:hover, &.active {
			color: #fff;
			background: @c-green;
		}
	}
}

.green_title {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	max-width: 428px;
	height: 85px;
	line-height: 1.2;
	padding: 15px 45px;
	padding-right: 10px;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	background: @c-green url(../images/ico_lines.png) 20px 17px no-repeat;
}

.download_b {
	padding-top: 120px;

	a.download_l {
		display: block;
		width: 400px;
		margin: 0 auto;
		margin-bottom: 20px;
		cursor: pointer;
		text-decoration: none;
		color: @c-txt;
		background: #fff;

		img, p {
			.inlineblock;
		}

		img {
			margin-right: 10px;
		}

		p {
			width: 320px;
			margin: 0;
			line-height: 1;
			font-family: @ff-regular;
			font-size: 16px;
		}
	}

	&.left {
		padding: 0;

		a.download_l {
			width: 310px;

			p {
				width: 230px;
				font-size: 14px;
			}
		}
	}
}

.question,
.answer {
	font-size: 16px;
	p { margin-bottom: 10px; }
}

.answer { margin-left: 30px; }

.grey_block {
	position: relative;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 1.2;
	background: @c-bg-grey;

	.green_title {
		display: block;
		position: relative;
		margin-bottom: 35px;
		width: 100%;
		height: auto;
		font-size: 18px;
	}

	.txt {
		padding: 15px;
	}

	ul {
		padding: 10px 0;
		margin: 0;
		li {
			list-style-type: none;
			padding: 6px 15px;
			margin: 0;
			
			&.active {
				background-color: #41A62A;
			}
			
			&.active a{
				color: #fff;
			}

			a {
				text-decoration: none;
				color: @c-txt;
			}

			&:hover {
				background: #e0e1e1;
			}
		}
	}
}

.black_b {
	margin-bottom: 20px;
	font-size: 15px;
	color: #fff;
	background: #000;

	img {
		float: left;
		margin-right: 15px;
	}
}

.form_b {
	margin-bottom: 1px;
	padding: 30px;
	background: @c-bg-grey;
}

.gallery {
	width: 100%;
	height: 590px;
	margin-bottom: 38px;
	background: #000;

	.col {
		float: left;
		width: 50%;
		font-family: @ff-regular;
		font-size: 18px;
		color: #fff;
		&:first-child { padding-right: 30px; }

		.title {
			line-height: 1.2;
			font-family: @ff-bold;
			font-size: 48px;
			margin-top: 55px;
			margin-bottom: 0;
		}

		.anons {
			font-family: @ff-light;
			font-size: 24px;
			text-transform: uppercase;
		}
	}

	.jcarousel-wrapper {
		position: relative;
		margin: 0 auto;
		height: 590px;
		margin-bottom: -60px;

		.jcarousel {
			position: relative;
			overflow: hidden;
			width: 100%;

			ul {
				width: 20000em;
				position: relative;
				list-style: none;
				margin: 0;
				padding: 0;

				li {
					float: left;
					height: 550px;
					margin-top: 20px;
					
					img {
						max-width: 645px;
					}
				}
			}
		}
			
		.jcarousel-control-prev,
		.jcarousel-control-next	{
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -70px/2;
			width: 45px;
			height: 70px;
			text-indent: -9999px;
			z-index: 100;
		}

		.jcarousel-control-prev {
			left: 0;
			background: url(../images/but_prev.png) center no-repeat;
			&:hover { background: @c-green url(../images/but_prev.png) center no-repeat; }
		}

		.jcarousel-control-next {
			right: 0;
			background: url(../images/but_next.png) center no-repeat;
			&:hover { background: @c-green url(../images/but_next.png) center no-repeat; }
		}

		.jcarousel-pagination {
			position: absolute;
			bottom: 0;
			width: 100%;
			margin-bottom: 10px;
			text-align: center;

			a {
				.inlineblock;
				width: 11px;
				height: 11px;
				margin: 0 6px;
				background: #fff;
				cursor: pointer;
				text-indent: -9999px;
				.border-radius(20px);
				-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.4);
				box-shadow: inset 0 2px 2px rgba(0,0,0,.4);
				&:hover, &.active { background: @c-green; }
			}
		}
	}
}

.slider {
	width: 100%;
	height: 400px;
	margin-bottom: 38px;
	background: #000;

	.col {
		float: left;
		width: 50%;
		font-family: @ff-regular;
		font-size: 18px;
		color: #fff;
		&:first-child { padding-right: 30px; }

		.title {
			line-height: 1.2;
			font-family: @ff-bold;
			font-size: 48px;
			margin-top: 55px;
			margin-bottom: 0;
		}

		.anons {
			font-family: @ff-light;
			font-size: 24px;
			text-transform: uppercase;
		}
	}

	.jcarousel-wrapper {
		position: relative;
		margin: 0 auto;
		height: 400px;
		margin-bottom: -60px;

		.jcarousel {
			position: relative;
			overflow: hidden;
			width: 100%;

			ul {
				width: 20000em;
				position: relative;
				list-style: none;
				margin: 0;
				padding: 0;

				li {
					float: left;
					height: 400px;
				}
			}
		}
			
		.jcarousel-control-prev,
		.jcarousel-control-next	{
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -70px/2;
			width: 45px;
			height: 70px;
			text-indent: -9999px;
			z-index: 100;
		}

		.jcarousel-control-prev {
			left: 0;
			background: url(../images/but_prev.png) center no-repeat;
			&:hover { background: @c-green url(../images/but_prev.png) center no-repeat; }
		}

		.jcarousel-control-next {
			right: 0;
			background: url(../images/but_next.png) center no-repeat;
			&:hover { background: @c-green url(../images/but_next.png) center no-repeat; }
		}

		.jcarousel-pagination {
			position: absolute;
			bottom: 0;
			width: 100%;
			margin-bottom: 10px;
			text-align: center;

			a {
				.inlineblock;
				width: 11px;
				height: 11px;
				margin: 0 6px;
				background: #fff;
				cursor: pointer;
				text-indent: -9999px;
				.border-radius(20px);
				-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.4);
				box-shadow: inset 0 2px 2px rgba(0,0,0,.4);
				&:hover, &.active { background: @c-green; }
			}
		}
	}
}

.tabs {
	.clearfix;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;

	li {
		list-style-type: none;
		float: left;
		margin-right: 20px;
		margin-bottom: 0;
		font-family: @ff-bold;
		font-size: 20px;
		text-transform: uppercase;
		color: #b3dbaa;
		cursor: pointer;

		&:hover, &.active {
			text-decoration: underline;
			color: #fff;
		}
	}
}

.tab {
	display: none;

	&.active { display: block; }

	ul {
		margin: 0;
		padding: 0;

		li {
			list-style-image: url(../images/ico_lines.png);
			margin-left: 30px;

			a {
				font-size: 20px;
				text-decoration: none;
				text-transform: uppercase;
				color: #fff;
				&:hover { text-decoration: underline; }
			}
		}
	}
}



/*qub*/
#box a {
    color: #fff;
}
.slide img {
    position: relative;
    width: 100%;
}
.slide ul {
    left: 0;
    position: absolute;
    top: 80px;
}
.slide ul li {
	list-style-image: url("http://bitzer.ru/css/../images/ico_lines.png");
    margin-left: 30px;
}
.slide ul li a, .slider-controls ul li a {
	color: #fff;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.goto-slide, .goto-slide.current {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    width: auto;
}
#controls {
    float: none;
}
.slider-controls {
    left: 14px;
    position: absolute;
    top: 12px;
    z-index: 999999;
	 
}
.slider-controls a {
	cursor: pointer;
	font-weight: bold;
}
.slider-controls ul li a :hover, .goto-slide:hover, .slide ul li a:hover {
	text-decoration: underline;
}
.goto-slide.current {
	text-decoration: underline;
	cursor: text;
}
.slide ul li a {
	padding-right: 10px;
}
.offices h4 {
	margin-bottom: 0;
	font-size: 16px;
}
.map_item {
  /*max-width: 300px;*/
  display: inline-block;
  vertical-align: top;
  padding: 0;
  padding-left: 10px;
}
.map_item p {
	margin-bottom:10px;
}

.map_item a, .map_item p {
	font-size: 14px;
}

.section_b ul {
	list-style: square;
}
.section_b ol {
	list-style: decimal;
}