@import url(../fonts/CenturyGothic/CenturyGothic.css);
@import url(../fonts/CenturyGothic-Bold/CenturyGothic-Bold.css);

/*--  variables  --*/

@header-font: 'CenturyGothic-Bold';
@custom-font: 'CenturyGothic';
@color-green: #a2da1a;
@color-red: #a50107;
@color-red2: #ae1b21;


.gradient {
	background: #699501; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5OTUwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OGQ3MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #699501 0%, #98d701 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#699501), color-stop(100%,#98d701)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #699501 0%,#98d701 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #699501 0%,#98d701 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #699501 0%,#98d701 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #699501 0%,#98d701 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699501', endColorstr='#98d701',GradientType=0 ); /* IE6-8 */

}

.b-shadow {
	-webkit-box-shadow: 0px 1px 4px 0px rgba(7, 7, 7, 0.25);
	-moz-box-shadow:    0px 1px 4px 0px rgba(7, 7, 7, 0.25);
	box-shadow:         0px 1px 4px 0px rgba(7, 7, 7, 0.25);
	behavior: url(css/pie/PIE.htc);
}



/* Base styles
   ========================= */

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

html,
button,
input,
select,
textarea {
	color: #1b1a1a;
}

html {
	font-size: 12px;
	background: url("../img/bg.png");
	font-family: Verdana, Geneva, sans-serif;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

.container {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.footer {
	color: #fff;
	padding-top: 5px;
	padding-bottom: 40px;
	background: url("../img/bg-footer.png");

	h2 {
		color: #8fa91f;
		margin-bottom: 10px;

		a {
			color: #8fa91f;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
	}

	.footer-news {
		padding: 0;
		list-style: none;
		margin: 0 -6px 50px -7px;
		font-family: @custom-font;

		li {
			float: left;
			width: 246px;
			margin: 0 6px 0 7px;
		}
		.news-date {
			font-size: 14px;
			margin-right: 5px;
			font-family: @header-font;
		}
		.news-title {
			color: #fff;
			font-size: 14px;
			font-family: @header-font;
		}
		.footer-news-image {
			height: 142px;
			margin-top: 10px;
			margin-bottom: 8px;
		}
		p {
			margin-bottom: 0;
		}
		.readmore {
			color: #fff;
			font-size: 10px;
		}

	}

	.footer-bottom {
		overflow: hidden;
		position: relative;
	}
	.footer-left {
		width: 50%;
		float: left;
	}
	.footer-right {
		width: 200px;
		float: right;

		.social {
			padding: 0;
			list-style: none;
			margin: 20px 0 8px 0;

			li {
				float: right;
				width: 30px;
				height: 30px;
				margin-right: 7px;
			}
			a {
				width: 100%;
				height: 100%;
				display: inline-block;
			}
			a.vk {
				background: url("../img/social-icons.png") 0 0 no-repeat;
			}
			a.fb {
				background: url("../img/social-icons.png") -37px 0 no-repeat;
			}
			a.tw {
				background: url("../img/social-icons.png") -74px 0 no-repeat;
			}
		}

		.developer {
			color: #dddddd;
			font-size: 11px;
			padding: 5px 0 5px 30px;
			background: url("../img/developer.png") left center no-repeat;

			a {
				color: #dddddd;
			}
		}
	}
}

.header {

	margin-bottom: 17px;

	.container {
		height: 151px;
		border-bottom: 4px solid @color-green;
	}
	.logo {
		left: 0;
		top: 5px;
		width: 165px;
		height: 137px;
		cursor: pointer;
		position: absolute;
		background: url("../img/logo.png") 0 0 no-repeat;
	}
	.contact {
		top: 0;
		right: 0;
		width: 300px;
		line-height: 1;
		text-align: right;
		position: absolute;

		.free {
			font-size: 14px;
			padding-top: 4px;
			font-family: @custom-font;
		}
		.tel {
			font-size: 33px;
			color: @color-red;
			margin-bottom: 7px;
			font-family: @header-font;
		}
		.btn {
			padding: 0;
			width: 136px;
			margin-left: 4px;
		}
	}

		.topnav {
			right: 0;
			bottom: -4px;
			margin: 0;
			padding: 0;
			width: 820px;
			height: 29px;
			display: table;
			list-style: none;
			position: absolute;

			li {
				height: 29px;
				line-height: 29px;

				display: table-cell;

				a {
					color: #000;
					height: 29px;
					padding: 0 5px;
					font-size: 16px;
					display: inline-block;
					text-decoration: none;
					font-family: @custom-font;
					border-bottom: 4px solid transparent;
				}
				a:hover,
				a.active {
					border-bottom: 4px solid @color-red;
				}
			}

		}

}

.certification {

	margin-top: -9px;
	margin-bottom: 28px;

	ul {
		padding: 0;
		list-style: none;
		margin: 0 -4px 0 -5px;

		li {
			float: left;
			width: 197px;
			height: 70px;
			display: table;
			background: #fff;
			margin: 0 4px 0 5px;
			border-bottom: 3px solid #5f8701;
		}
		a {
			color: #000;
			width: 100%;
			height: 100%;
			text-decoration: none;
			font-size: 18px;
			line-height: 18px;
			text-align: center;
			display: table-cell;
			border: 3px solid #fff;
			vertical-align: middle;
			font-family: @header-font;
			background: url("../img/bg-green.png");
			.b-shadow;
		}

		a:hover {
			text-decoration: underline;
		}
	}
}

.catalog {
	margin-bottom: 40px;
	background: url("../img/bg-catalog.png") 0 25px no-repeat;

	ul {
		padding: 0;
		margin: 0 -4px;
		list-style: none;
	}
	li {
		float: left;
		width: 250px;
		height: 151px;
		margin: 0 4px 6px 4px;
		border: 3px solid #fff;
		background: url("../img/pattern-light.png");
		.b-shadow;

		a {
			color: #000;
			width: 100%;
			height: 100%;
			display: block;
			cursor: pointer;
			padding-top: 100px;
			text-align: center;
			position: relative;
			text-decoration: none;

			.arrow {
				top: 2px;
				right: 2px;
				width: 28px;
				height: 27px;
				position: absolute;
				background: url("../img/box-arrow.png") 99% 2px no-repeat;
			}

			h4 {
				color: #000;
				line-height: 1;
				padding: 0 35px;
				font-size: 18px;
				margin-bottom: 0;
				font-family: @header-font;
			}
		}
	}
	li.item-1 a {
		background: url("../img/catalog-icons.png") 0 -459px no-repeat;
	}
	li.item-1 a:hover {
		background: url("../img/catalog-icons.png") 0 0 no-repeat;
	}
	li.item-2 a {
		background: url("../img/catalog-icons.png") -258px -459px no-repeat;
	}
	li.item-2 a:hover {
		background: url("../img/catalog-icons.png") -258px 0 no-repeat;
	}
	li.item-3 a {
		background: url("../img/catalog-icons.png") -516px -459px no-repeat;
	}
	li.item-3 a:hover {
		background: url("../img/catalog-icons.png") -516px 0 no-repeat;
	}
	li.item-4 a {
		background: url("../img/catalog-icons.png") -773px -459px no-repeat;
	}
	li.item-4 a:hover {
		background: url("../img/catalog-icons.png") -773px 0 no-repeat;
	}
	li.item-5 a {
		background: url("../img/catalog-icons.png") 0 -616px no-repeat;
	}
	li.item-5 a:hover {
		background: url("../img/catalog-icons.png") 0 -157px no-repeat;
	}
	li.item-6 a {
		background: url("../img/catalog-icons.png") -258px -616px no-repeat;
	}
	li.item-6 a:hover {
		background: url("../img/catalog-icons.png") -258px -157px no-repeat;
	}
	li.item-7 a {
		background: url("../img/catalog-icons.png") -516px -616px no-repeat;
	}
	li.item-7 a:hover {
		background: url("../img/catalog-icons.png") -516px -157px no-repeat;
	}
	li.item-8 a {
		background: url("../img/catalog-icons.png") -773px -616px no-repeat;
	}
	li.item-8 a:hover {
		background: url("../img/catalog-icons.png") -773px -157px no-repeat;
	}
	li.item-9 a {
		background: url("../img/catalog-icons.png") 0 -773px no-repeat;
	}
	li.item-9 a:hover {
		background: url("../img/catalog-icons.png") 0 -314px no-repeat;
	}
	li.item-10 a {
		background: url("../img/catalog-icons.png") -258px -773px no-repeat;
	}
	li.item-10 a:hover {
		background: url("../img/catalog-icons.png") -258px -314px no-repeat;
	}
	li.item-11 a {
		background: url("../img/catalog-icons.png") -516px -773px no-repeat;
	}
	li.item-11 a:hover {
		background: url("../img/catalog-icons.png") -516px -314px no-repeat;
	}
	li.item-12 a {
		background: url("../img/catalog-icons.png") -773px -773px no-repeat;
	}
	li.item-12 a:hover {
		background: url("../img/catalog-icons.png") -773px -314px no-repeat;
	}

	li.item-7 a h4 {
		padding-top: 10px;
	}
}

.selection {
	height: 180px;
	margin-bottom: 11px;
	background: url("../img/bg-selection.png") center 12px no-repeat;

	ul {
		padding: 0;
		list-style: none;
		margin: 0 -8px 0 -9px;

		li {
			float: left;
			width: 330px;
			height: 115px;
			display: block;
			position: relative;
			margin: 0 8px 0 9px;
			border: 3px solid #fff;
			background: url("../img/bg-green.png");
			.b-shadow;
		}

		a {
			color: #000;
			width: 100%;
			height: 100%;
			display: table;
			cursor: pointer;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}

		h4 {
			width: 100%;
			height: 100%;
			padding: 0 30px;
			font-size: 24px;
			line-height: 1;
			color: #000;
			font-family: @header-font;
			text-align: center;
			display: table-cell;
			vertical-align: middle;
			background: url("../img/box-arrow-green.png") 99% 8px no-repeat;
		}
		.goto {
			right: 5px;
			bottom: 5px;
			font-size: 14px;
			color: @color-red;
			position: absolute;
			text-decoration: none;
			font-family: @header-font;
		}


	}
	.arrow-down {
		left: 493px;
		bottom: -45px;
		width: 35px;
		height: 24px;
		position: absolute;
		background: url("../img/red-arrow.png") 0 0 no-repeat;
	}
}

.edge {

	margin-bottom: 20px;
	border-bottom: 4px solid @color-green;

	h2 {
		font-size: 36px;
		margin-bottom: 63px;
	}

	ul {
		padding: 0;
		list-style: none;
		margin: 0 -4px 20px -4px;
	}
	li {
		float: left;
		width: 250px;
		height: 151px;
		margin: 0 4px;
		text-align: center;
		position: relative;
		padding-top: 100px;
		border: 3px solid #fff;
		background: url("../img/pattern-lighter.png");
		.b-shadow;

		.item-icon {
			left: 0;
			right: 0;
			top: -20px;
			height: 120px;
			position: absolute;
		}
		.item-title {
			color: #464746;
			font-size: 18px;
			line-height: 18px;
			font-family: @header-font;
		}

	}
	li.item-1 .item-icon {
		background: url("../img/advantage-1.png") top center no-repeat;
	}
	li.item-2 .item-icon {
		background: url("../img/advantage-2.png") top center no-repeat;
	}
	li.item-3 .item-icon {
		background: url("../img/advantage-3.png") top center no-repeat;
	}
	li.item-4 .item-icon {
		background: url("../img/advantage-4.png") top center no-repeat;
	}
}

.review {

	.review-inner {
		position: relative;
		padding-left: 54px;
	}

	.review-block {
		width: 970px;
		height: 348px;

	}

	ul{
		padding: 0;
		margin: 0;
		list-style: none;

		li {
			float: left;
			width: 270px;
			height: 348px;
			margin-right: -36px;
			position: relative;
			background: url("../img/bg-review-item.png") 0 0 no-repeat;

			a {
				margin-top: 39px;
				width: 144px;
				height: 209px;
				display: block;
				cursor: pointer;
				margin-left: 35px;

				img {
					width: 144px;
					height: 209px;
				}
			}
		}
	}

	.nav {
		top: 120px;
		width: 44px;
		height: 44px;
		z-index: 100;
		cursor: pointer;
		position: absolute;
	}
	.nav.review-prev {
		left: 0;
		background: url("../img/arrow-nav.png") 0 0 no-repeat;
	}
	.nav.review-next {
		right: 0;
		background: url("../img/arrow-nav.png") -44px 0 no-repeat;
	}
}

.faq {
	margin-top: -15px;
	margin-bottom: 25px;

	h2 {
		margin-bottom: 23px;
		background: url("../img/title-line.png") 50% 15px no-repeat;
	}

	.faq-box {
		width: 475px;
		margin-left: 300px;

		.quest {
			margin-top: 12px;
			position: relative;

			.quest-top {
				height: 15px;
				background: url("../img/bg-quest.png") 0 0 no-repeat;
			}
			.quest-bottom {
				height: 35px;
				background: url("../img/bg-quest.png") 0 -15px no-repeat;
			}
			.quest-center {
				width: 100%;
				display: table;
				padding: 0 16px;
				background: url("../img/bg-quest-center.png") 0 0 repeat-y;
			}

			.quest-text {
				width: 100%;
				color: #80b500;
				margin: -3px 0;
				font-size: 18px;
				min-height: 36px;
				line-height: 18px;
				display: table-cell;
				cursor: pointer;
				vertical-align: middle;
				font-family: @custom-font;
				text-decoration: underline;

			}

			.quest-text:hover {
				text-decoration: none;
			}

			.quest-icon {
				width: 58px;
				height: 58px;
				left: -60px;
				bottom: 0;
				position: absolute;
				background: url("../img/man-gray.png") 0 0 no-repeat;
			}

		}
		.answer {
			padding: 5px 15px;
			position: relative;
			font-family: @custom-font;

			.answer-icon {
				bottom: 0;
				right: -60px;
				width: 58px;
				height: 58px;
				position: absolute;
				background: url("../img/man-red.png") 0 0 no-repeat;
			}
			.readmore {
				color: #98d701;
				text-decoration: none;
				font-family: @header-font;
			}
		}
	}

}

.partners {
	margin-bottom: 80px;

	h2 {}

	.partners-block {
		position: relative;
		padding: 0 62px;
	}

	.partners-list {
		width: 900px;
	}

	ul {
		padding: 0;
		height: 137px;
		margin: 0 auto;
		list-style: none;

		li {
			float: left;
			width: 225px;
			height: 137px;
			position: relative;
			text-align: center;
			vertical-align: middle;
		}
		i {
			width: 10px;
			height: 10px;
			position: absolute;
		}
		i.lt {
			top: 0;
			left: 0;
			border-top: 1px solid #cbcbcb;
			border-left: 1px solid #cbcbcb;
		}
		i.rt {
			top: 0;
			right: 0;
			border-top: 1px solid #cbcbcb;
			border-right: 1px solid #cbcbcb;
		}
		i.lb {
			left: 0;
			bottom: 0;
			border-left: 1px solid #cbcbcb;
			border-bottom: 1px solid #cbcbcb;
		}
		i.rb {
			right: 0;
			bottom: 0;
			border-right: 1px solid #cbcbcb;
			border-bottom: 1px solid #cbcbcb;
		}
	}

	.nav {
		top: 45px;
		width: 44px;
		height: 44px;
		cursor: pointer;
		position: absolute;
	}
	.nav.partners-prev {
		left: 0;
		background: url("../img/arrow-nav.png") 0 0 no-repeat;
	}
	.nav.partners-next {
		right: 0;
		background: url("../img/arrow-nav.png") -44px 0 no-repeat;
	}
}

/* Content */

.main {
	margin-bottom: 9px;
}

.page {
	min-height: 100px;
	margin: 0 -4px;
	padding: 0 4px;
	background: url("../img/bg-page.png") 0 0 repeat-y;
}

.page-bottom {
	height: 6px;
	margin: 0 -4px;
	background: url("../img/bg-page-bottom.png") 0 0 no-repeat;
}

.sidebar {
	float: left;
	width: 277px;
}

.sidenav {
	margin-bottom: 20px;
	text-transform: uppercase;

	.sidenav-title {
		color: #fff;
		height: 37px;
		font-size: 18px;
		line-height: 37px;
		padding-left: 12px;
		font-family: @custom-font;
		background: url("../img/bg-footer.png");
	}

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	li {
		width: 100%;
		color: #393939;

		font-size: 11px;
		border-bottom: 1px solid #e4e4e4;

		.nav-item {
			width: 100%;
			height: 35px;
			padding: 0 8px;
			display: table;
			background: transparent;
			border-left: 6px solid #c3c3c3;
		}
		a {
			width: 100%;
			height: 100%;
			color: #393939;
			cursor: pointer;
			vertical-align: middle;
			display: table-cell;
			text-decoration: none;
		}

		ul {
			display: block;

			li {
				border-bottom: none;

				.nav-item {
					padding-left: 13px;
					border-left-color: transparent;
				}
			}
		}
	}
	li:hover .nav-item,
	li.active .nav-item {
		border-left: 6px solid #ae1b21;
	}
	li.active {
		font-weight: bold;
		background: #e9f9cc;
	}

	li:hover li .nav-item,
	li.active li .nav-item{
		font-weight: normal;
		background: #fff;
		border-left-color: transparent;
	}

}

.content {
	float: right;
	width: 742px;
	margin-bottom: 30px;
}

.content-inner {
	padding: 0 15px;
	line-height: 1.5;
}

.breadcrumb {
	margin: 0;
	height: 36px;
	color: #828282;
	padding: 0 15px;
	font-size: 12px;
	list-style: none;
	line-height: 36px;
	border-bottom: 1px solid #d6d6d6;

	li {
		display: inline-block;
	}

	> li+li:before {
		content: ">";
		padding: 0 3px;
		color: #959595;
	}

	a {
		color: #828282;
		text-decoration: none
	}
	a:hover {
		text-decoration: underline;
	}
}

.staff {

	padding: 0;
	list-style: none;
	margin: 0 0 35px 0;

	li {
		position: relative;
		padding: 15px;
		border-bottom: 1px solid #d3d3d3;
	}

	li:first-child {
		padding-top: 0;
	}

	.staff-image {
		float: left;
		width: 144px;
	}

	.staff-text {
		float: right;
		width: 560px;
		font-size: 12px;
	}

	.staff-name {
		font-size: 18px;
		line-height: 28px;
		color: @color-red2;
		font-style: italic;
	}

	.staff-position {
		color: #454545;
		font-size: 14px;
		font-weight: bold;
	}

	.staff-contact {
		padding-top: 5px;
		font-size: 14px;

		a {
			color: #454545;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
	}
}

.news {

	padding: 0;
	font-size: 12px;
	list-style: none;
	margin: 0 0 10px 0;

	li {
		position: relative;
		padding: 15px;
		border-bottom: 1px solid #d3d3d3;
	}

	li:first-child {
		padding-top: 0;
	}

	li:last-child {
		border-bottom: 1px solid transparent;
	}

	h3 {
		margin-bottom: 5px;
	}

	.news-image {
		float: left;
	}

	a {
		color: @color-red2;
		text-decoration: none;
	}
}

.news-date {
	font-size: 14px;
	margin-bottom: 3px;
}

.news-left {
	float: left;
	width: 122px;
}

.news-image {
	width: 122px;
	border: 3px solid #fff;
	.b-shadow;
}

.news-text {
	float: right;
	width: 575px;
}

.goback {
	color: @color-red2;
}


#map {
	width: 100%;
	height: 344px;
	margin-bottom: 20px;
}

.contact {
	padding: 0;
	list-style: none;
	margin: 0 0 20px 0;
}

.left-box {
	float: left;
	width: 420px;
}

.right-box {
	float: right;
	width: 264px;
	margin-right: 10px;
}

.image-box {
	border: 3px solid #fff;
	.b-shadow;
}


.guide {
	padding: 0;
	font-size: 12px;
	list-style: none;
	margin: 0 0 20px 0;
	border-top: 1px solid #d3d3d3;

	li {
		position: relative;
		padding: 10px 15px;
		border-bottom: 1px solid #d3d3d3;
	}

	.guide-box {
		margin-bottom: 20px;
	}

	.guide-icon {
		float: left;
		width: 60px;
		margin-right: 10px;
	}

	.guide-text {
		float: left;
		width: 500px;
	}

	h4 a {
		color: #454545;
		text-decoration: none;
	}

	h4 a:hover {
		text-decoration: underline;
	}

	.guide-date {
		color: #86a342;
		font-size: 14px;
		font-style: italic;
		margin-bottom: 5px;
	}

	.readmore {
		color: @color-red2;
		text-decoration: none;
	}

	.readmore:hover {
		text-decoration: underline;
	}
}

.select {
	padding: 0;
	list-style: none;
	margin: 0 0 20px 0;

	dt {
		cursor: pointer;
		padding-left: 15px;
		margin-bottom: 2px;
		background: url("../img/selection-list.png") 0 2px no-repeat;
	}
	dt:hover {
		text-decoration: underline;
	}
	dd {
		padding: 0;
	}

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	a {
		color: #1b1a1a;
		text-decoration: underline;
	}
	a:hover {
		color: #1b1a1a;
		text-decoration: none;
	}
}

.faq-list {
	padding: 0;
	list-style: none;
	margin: 0 0 30px 0;

	dt {
		padding: 0;
		color: #80b500;
		font-size: 14px;
		margin: 0 0 5px 0;
		cursor: pointer;
		text-decoration: underline;
	}
	dt:hover {
		text-decoration: none;
	}

	dd {
		padding: 0;
		overflow: hidden;
		margin: 0 0 0px 0;
		position: relative;

		.question {
			font-weight: bold;
			color: #80b500;

			span {
				color: #464746;
				font-weight: normal;
			}
		}

		.reply {
			color: #7c7c7c;
		}

		.reply-image {
			float: left;
			width: 107px;
		}

		.reply-text {
			float: right;
			width: 600px;
		}

		.reply-author {
			font-size: 14px;
			font-style: italic;
			color: @color-red;
		}
	}

}

.docs {
	padding: 0;
	list-style: none;
	margin: 0 0 10px 0;

	li {
		width: 100%;
		height: 57px;
		display: table;
		margin-bottom: 10px;
		border: 3px solid #fff;
		background: url("../img/bg-green.png");
		.b-shadow;

		a {
			width: 100%;
			height: 100%;
			color: #454545;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			display: table-cell;
			text-decoration: none;
			vertical-align: middle;
		}
		a:hover {
			text-decoration: underline;
		}
	}
}

.list-arrow {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;

	li {
		margin-bottom: 10px;
		padding-left: 20px;
		background: url("../img/list-arrow.png") 0 2px no-repeat;
	}
}

.carousel-block {
	position: relative;
	padding: 20px 50px;

	.carousel {
		width: 620px;
	}

	ul {
		padding: 0;
		height: 137px;
		margin: 0 auto;
		list-style: none;

		li {
			float: left;
			width: 155px;
			height: 149px;
			position: relative;
			text-align: center;
			vertical-align: middle;

			.item {
				padding: 0 4px;
			}
		}
	}

	.nav {
		top: 72px;
		width: 44px;
		height: 44px;
		cursor: pointer;
		position: absolute;
	}
	.nav.carousel-prev {
		left: 0;
		background: url("../img/arrow-nav.png") 0 0 no-repeat;
	}
	.nav.carousel-next {
		right: -4px;
		background: url("../img/arrow-nav.png") -44px 0 no-repeat;
	}
}





/* Forms  */

.form {

	.form-wrap {
		position: relative;
		margin-bottom: 6px;
	}

	.form-group {
		position: relative;
		margin-bottom: 6px;

		label {
			float: left;
			width: 110px;
			min-height: 1px;
			text-align: right;
			padding-right: 4px;
		}
		textarea,
		input[type="text"] {
			float: left;
			width: 350px;
		}
		.btn {
			float: left;
		}
	}

	label {
		color: #828282;
		line-height: 30px;
		font-weight: normal;
	}

	textarea,
	input[type="text"]{
		width: 100%;
		outline: none;
		display: block;
		font-size: 14px;
		background: #fff;
		line-height: 20px;
		padding: 6px 15px;
		border: 1px solid #949494;
	}
	input[type="text"] {
		height: 32px;
	}
	textarea {
		height: 115px;
	}
	.alert {
		border-color: #a00200;
	}
}

.form-search-inner {
	margin-bottom: 20px;
}

.form.form-search input[type="text"] {
	float: left;
	width: 432px;
	height: 30px;
}

.form.form-search .btn {
	float: left;
	width: 136px;
	text-transform: uppercase;
}

.contact-form {
	width: 470px;

	.contact-form-title {
		color: #8fa91f;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.contact-form-title.dark {
		color: #464646;
		padding-left: 110px;
	}
}


.form-title {
	height: 43px;
	color: #252525;
	font-size: 18px;
	line-height: 43px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	background: url("../img/bg-green.png");
	.b-shadow;

	.close {
		top: 10px;
		right: 8px;
		width: 23px;
		height: 23px;
		cursor: pointer;
		position: absolute;
		background: url("../img/close.png") 0 0 no-repeat;
	}
}

.popup-form {
	width: 390px;

	.form {
		padding: 20px;
	}
}

.check {
	width: 520px;
}

.check-body {
	padding: 10px 16px;
}

/* Typography
   ========================= */

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 18px;
	padding: 10px 15px 20px 15px;
	line-height: 20px;
	font-weight: bold;
}


h2 {
	color: #464746;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: @header-font;

	.left-arrow {
		width: 28px;
		height: 27px;
		display: inline-block;
		background: url("../img/header-arrow.png") 0 0 no-repeat;
	}
	.right-arrow {
		width: 28px;
		height: 27px;
		display: inline-block;
		background: url("../img/header-arrow.png") -28px 0 no-repeat;
	}
}

h3 {
	color: #454545;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
}

h4 {
	color: #454545;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

h4 {

}

p {
	padding: 0;
	margin: 0 0 10px 0;
}

a {
	color: #80b500;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

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

.text-right {
	text-align: right !important;
}

.text-green {
	color: #5b8100;
}

/*  Buttons  */

.btn {
	color: #fff;
	height: 30px;
	border: none;
	padding: 0 15px;
	cursor: pointer;
	line-height: 27px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: @custom-font;
	border-bottom: 3px solid #699501;
	.gradient;
}

.btn:hover {
	background: #699501;
	text-decoration: none;
}

.btn-check {
	color: #454545;
	width: 100%;
	height: 57px;
	padding: 17px 0;
	margin-bottom: 7px;
	cursor: pointer;
	font-weight: bold;
	font-size: 17px;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 2px solid @color-green;
}

.btn-check:hover {
	border: 2px solid @color-red2;
}



/* Helper classes
   ========================= */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}


.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.form-group:before,
.form-group:after,
.content-inner:before,
.content-inner:after{
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after,
.container:after,
.form-group:after,
.content-inner:after{
	clear: both;
}

.clearfix,
.container,
.form-group,
.content-inner{
	*zoom: 1;
}

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