@color: #4D926F;

@main-font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
@headline-font: 'Bebas';
 
.box-shadow(@horizontal: 0, @vertical: 2px, @blur: 3px, @r: 0, @g: 0, @b: 0, @alpha: 0.3) {
	-moz-box-shadow: 	@horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
	-o-box-shadow: 		@horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
	-webkit-box-shadow: @horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
	box-shadow: 		@horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
}

.inset-box-shadow(@horizontal: 0, @vertical: 2px, @blur: 3px, @r: 0, @g: 0, @b: 0, @alpha: 0.3) {
	-moz-box-shadow: 	inset @horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
	-o-box-shadow: 		inset @horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
	-webkit-box-shadow: inset @horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
	box-shadow: 		inset @horizontal @vertical @blur rgba(@r, @g, @b, @alpha);
}

.box-shadow-both(@horizontal1: 0, @vertical1: 2px, @blur1: 3px, @r1: 0, @g1: 0, @b1: 0, @alpha1: 0.3, @horizontal2: 0, @vertical2: 2px, @blur2: 3px, @r2: 255, @g2: 255, @b2: 255, @alpha2: 0.3) {
	-moz-box-shadow: 		  @horizontal1 @vertical1 @blur1 rgba(@r1, @g1, @b1, @alpha1),
						inset @horizontal2 @vertical2 @blur2 rgba(@r2, @g2, @b2, @alpha2);
	-o-box-shadow: 			  @horizontal1 @vertical1 @blur1 rgba(@r1, @g1, @b1, @alpha1),
						inset @horizontal2 @vertical2 @blur2 rgba(@r2, @g2, @b2, @alpha2);
	-webkit-box-shadow: 	  @horizontal1 @vertical1 @blur1 rgba(@r1, @g1, @b1, @alpha1),
						inset @horizontal2 @vertical2 @blur2 rgba(@r2, @g2, @b2, @alpha2);
	box-shadow: 			  @horizontal1 @vertical1 @blur1 rgba(@r1, @g1, @b1, @alpha1),
						inset @horizontal2 @vertical2 @blur2 rgba(@r2, @g2, @b2, @alpha2);
}

.solid(@color: #ff0000) {
    text-decoration: none;
    background: -moz-linear-gradient(left, @color, @color 100%);
    background:  -ms-linear-gradient(left, @color, @color 100%);
    background:   -o-linear-gradient(left, @color, @color 100%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(@color), to(@color));
    background: -webkit-linear-gradient(left, @color, @color 100%);
    background: linear-gradient(left, @color, @color 100%);
    background-position: 0 100%;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}

.dashed(@color: #ff0000) {
	text-decoration: none;
    background: -moz-linear-gradient(left, @color, @color 60%, transparent 60%);
    background:  -ms-linear-gradient(left, @color, @color 60%, transparent 60%);
    background:   -o-linear-gradient(left, @color, @color 60%, transparent 60%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(@color), color-stop(0.6, @color), color-stop(0.6, transparent));
    background: -webkit-linear-gradient(left, @color, @color 60%, transparent 60%);
    background: linear-gradient(left, @color, @color 60%, transparent 60%);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.dotted(@color: #ff0000) {
	text-decoration: none;
    background: -moz-linear-gradient(left, @color, @color 50%, transparent 50%);
    background:  -ms-linear-gradient(left, @color, @color 50%, transparent 50%);
    background:   -o-linear-gradient(left, @color, @color 50%, transparent 50%);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(@color), color-stop(0.5, @color), color-stop(0.5, transparent));
    background: -webkit-linear-gradient(left, @color, @color 50%, transparent 50%);
    background: linear-gradient(left, @color, @color 50%, transparent 50%);
    background-size: 2px 1px;
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.box-shadow-none {
  -moz-box-shadow: 		none;
  -o-box-shadow: 		none;
  -webkit-box-shadow: 	none;
  box-shadow: 			none;
}

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

/*
#outer-shadow 	{ .box-shadow(0, 1px, 10px, 0, 0, 0, 0.2); }
#inner-shadow 	{ .inset-box-shadow(0, -1px, 0, 255, 255, 255, 0.6); }
#both-shadows 	{ .box-shadow-both(0, 1px, 10px, 0, 0, 0, 0.2, 0, -1px, 0, 255, 255, 255, 0.6); }
#no-shadows 	{ .box-shadow-none; }
*/

.transform(...) {
	-webkit-transform: @arguments;
	-moz-transform: @arguments;
	-o-transform: @arguments;
	-ms-transform: @arguments;
	transform: @arguments;
}
.rotate(@deg:-5deg){
	.transform(rotate(@deg));
}
.scale(@ratio:1.5){
	.transform(scale(@ratio));
}

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


body {
	font-family: @main-font;
	webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-weight: 300;

}

h1, h2, h3 {
	font-family: @headline-font;
	font-weight: normal;
}

h1 {
	
}

h2 {
	font-size: 40px;
	margin: 50px 0 10px;
}

h3 {
	font-size: 30px;
	margin: 40px 0 8px;
}

h4 {
	font-size: 18px;
	line-height: 30px;
	margin: 40px 0 10px;
}

p.lead {
	color: #777;
	font-size:24px;
	line-height: 36px;
}


#placeholder {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-align: center;

	background: #167299;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTY3Mjk5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNThiNGMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JlZGRkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #167299 0%, #58b4c3 50%, #beddd8 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#167299), color-stop(50%,#58b4c3), color-stop(100%,#beddd8));
	background: -webkit-linear-gradient(-45deg,  #167299 0%,#58b4c3 50%,#beddd8 100%);
	background: -o-linear-gradient(-45deg,  #167299 0%,#58b4c3 50%,#beddd8 100%);
	background: -ms-linear-gradient(-45deg,  #167299 0%,#58b4c3 50%,#beddd8 100%);
	background: linear-gradient(135deg,  #167299 0%,#58b4c3 50%,#beddd8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167299', endColorstr='#beddd8',GradientType=1 );

	.aligner {
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		width: 0;
		zoom: 1;
	}

	p {
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		position: relative;
		font-size: 24px;
		line-height: 1.5;
		text-align: left;
		cursor: default;
		zoom: 1;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0,0.25);
	}
}

#content-ready {
	display: none;
}

#header {
	background-attachment: fixed;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: static;

}


/* Background rotator */

.background-rotator {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	opacity: 0;
	pointer-events: none;
}

.background-rotator_visible {
  opacity: 1;
}

#big-sun {
	display: block;
	width: 89%;
	height: auto;
	max-width: 438px;
	position: absolute;
	right: 0;
	bottom: 30px;


}

.reducer {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 30px;
}

.column {
	.box;
	width: 30%;
	float: left;
	margin: 0 -100% 0 0;
	position: relative;
	left: 0;
}
.no-2 {left: 35%;}
.no-3 {left: 70%;}

#banner {
	.box;
	padding-top: 25px;

	nav {
		ul {
			text-align: right;

			li {
				display: inline-block;
				margin-left: 30px;
				color: rgba(255,255,255,0.8);

				a, .pseudo-link {
					white-space: nowrap;
					text-decoration: none;
					color: rgba(255,255,255,0.8);
					border-bottom: 1px solid rgba(255,255,255,0.2); 
				}

				a:hover, .pseudo-link:hover {
					color: #fff;
					border-bottom: 1px solid rgba(255,255,255,0.4); 
				}
			}
			li.active {
				a, .pseudo-link {
					.border-radius(4px);
					padding: 4px 10px;
					margin: 0 -11px;
					color: #fff;
					border: 1px solid #fff;
				}
				a:hover, .pseudo-link:hover {
					background: rgba(255,255,255,0.05); 
				}
			}
			li.active:last-child {
				a, .pseudo-link {
					margin: 0 -1px 0 -11px;
				}
			}
		}
	}

	hgroup {
		padding: 33px 0 60px 60px;

		.tagline {
			color: rgba(255,255,255,0.5);
			position: relative;
			top: -12px;
			left: 4px;
			letter-spacing: 17.2px;
		}

		h1 {
			position: relative;
			left: -3px;
			font-size: 100px;
			line-height: 1;
			color: #fff;
		}
		.lead {
			font-family: @main-font;
			font-size: 18px;
			line-height: 30px;
			color: rgba(255,255,255,0.8);
			margin: 33px 0 21px;
		}
	}

	.main-btn {
		position: relative;
		.border-radius(4px);
		padding: 15px 29px;
		display: inline-block;
		text-align: center;
		font-size: 24px;
		font-weight: normal;
		text-decoration: none;
		color: #fff;
		text-shadow: 0 1px 2px rgba(0,0,0,0.5);
		border: 2px solid rgba(255,255,255,0.6);
		-moz-box-shadow:    0 1px 0 0 rgba(0,0,0,0.35), inset 0 1px 0 0 rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.35), inset 0 1px 0 0 rgba(0,0,0,0.15);
		box-shadow:         0 1px 0 0 rgba(0,0,0,0.35), inset 0 1px 0 0 rgba(0,0,0,0.15);

		&:hover {
			text-shadow: 0 1px 2px rgba(0,0,0,0.5);
			padding: 17px 31px;
			-moz-box-shadow:    none;
			-webkit-box-shadow: none;
			box-shadow:         none;
			background: rgba(255,255,255,0.33);
			border: none;
		}
		&:active {
			-moz-box-shadow:    none;
			-webkit-box-shadow: none;
			box-shadow:         none;
			top: 1px;
		};
	}
}

.inner#banner {
	padding-top: 10px;
	background: #3a80dc;
	background: -moz-linear-gradient(top,  #3a80dc 0%, #b3cff5 42%, #c0cfcb 50%, #d6c86d 58%, #fba100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a80dc), color-stop(42%,#b3cff5), color-stop(50%,#c0cfcb), color-stop(58%,#d6c86d), color-stop(100%,#fba100));
	background: -webkit-linear-gradient(top,  #3a80dc 0%,#b3cff5 42%,#c0cfcb 50%,#d6c86d 58%,#fba100 100%);
	background: -o-linear-gradient(top,  #3a80dc 0%,#b3cff5 42%,#c0cfcb 50%,#d6c86d 58%,#fba100 100%);
	background: -ms-linear-gradient(top,  #3a80dc 0%,#b3cff5 42%,#c0cfcb 50%,#d6c86d 58%,#fba100 100%);
	background: linear-gradient(to bottom,  #3a80dc 0%,#b3cff5 42%,#c0cfcb 50%,#d6c86d 58%,#fba100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a80dc', endColorstr='#fba100',GradientType=0 );


	.logo {
		max-width: 175px;
		float: left;
		margin: -25px 10px 0 -10px;
	}

	nav {
		padding: 32px 0 10px;
		position: relative;
		z-index: 3;
		float: right;
		width: 500px;
	}

	hgroup {
		float: left;
		padding: 25px 0 30px 0px;
		z-index: 2;

			.tagline {
				top: -3px;
				font-size: 12px;
				letter-spacing: 6px;
			}

			a {
				h1 {
					left: -1px;
					font-size: 48px;
					line-height: 1;
					color: rgba(255,255,255,0.8);
					text-decoration: none;
				}

				text-decoration: none;
				
				img {
					opacity: 0.8;
				}
			}

			a:hover {
				h1 {
					color: #fff;
				}
				
				img {
					opacity: 1;
				}
			}
	}
}


#navigation {
	background: rgba(0,0,0,0.5);
	height: 125px;
	overflow: hidden;
	position: relative;
	z-index: 3;

	nav {
		ul {
			li {
				display: inline-block;
				width: 20%;
				text-align: center;

				a, .pseudo-link {
					.box;
					display: block;
					width: 100%;
					height: 125px;
					text-align: center;
					color: rgba(255,255,255,0.6);
					text-decoration: none;
					padding-top: 16px; 
					cursor: pointer;

					span {
						text-shadow: -1px 1px 0 rgba(0,0,0,0.5);
					}

					.icon {
						display: block;
						width: 54px;
						height: 54px;
						margin: 0 auto 10px;
						opacity: 0.7;
					}

					.icon-1 {background: url('../images/icons/1.png') 50% 50% no-repeat;}
					.icon-2 {background: url('../images/icons/2.png') 50% 50% no-repeat;}
					.icon-3 {background: url('../images/icons/3.png') 50% 50% no-repeat;}
					.icon-4 {background: url('../images/icons/4.png') 50% 50% no-repeat;}
					.icon-5 {background: url('../images/icons/5.png') 50% 50% no-repeat;}
				}

				a:hover, .pseudo-link:hover {
					color: #fff;
					background: rgba(0, 0, 0, 0.1);

					.icon {
						opacity: 1;
					}
				}
			}
			li.active {
				position: relative;
				background: rgba(0,0,0,0.5) url('../images/ui/navigation__active.png') 50% 100% no-repeat;

				a, .pseudo-link {
					cursor: default;
					color: #fff;

					.icon {
						opacity: 1;
					}
				}

				a:hover, .pseudo-link:hover {
					background: rgba(0, 0, 0, 0);
				}
			}
			li.active:after,
			li.active:before {
				position: absolute;
				bottom: 0;
				content: '';
				display: block;
				width: 9999px;
				height: 14px;
				background: #eee;
				border-top: 1px solid #d7d9dc;
			}
			li.active:after {
				right:-9999px;
			}
			li.active:before {
				left: -9999px;
			}
		}
	}
}

#subnavigation {
	background: #eee;
	border-bottom: 1px solid #d7d9dc;
	position: relative;
	z-index: 4;

	.tab {
		display: none;
	}

	.tab.active {
		display: block;
		padding: 40px 0 30px;
	}

	ul {

		li {

			font-size: 18px;
			a {
				padding: 10px 0 0;
				display: inline-block;
				color: #3d4b45;
				.dotted(rgba(0,0,0,0.2));
			}
		}
		li.active {
			margin-bottom: -1px;

			a {
				.border-radius(4px);
				.inset-box-shadow(0, 1px, 5px, 0, 0, 0, 0.25);
				position: relative;
				left: -12px;
				padding: 5px 12px 4px;
				margin: 5px 0 -4px;
				background: #999;
				color: #fff;
				border-bottom: 1px solid rgba(255, 255, 255, 1);
				text-shadow: -1px 1px 0 rgba(0,0,0,0.5);
				text-decoration: none;
			}
		}
	}

}

#page {
	background: #fff;
	padding: 60px 0;
	position: relative;
	z-index: 5;

	h1 {
		margin-bottom: 30px;
		text-align: center;
		font-size: 60px;
		line-height: 60px;
	}
	.light {
		color: #666;
	}

	nav.toggle-nav {
		margin-bottom: 30px;

		ul {
			display: table;
			width: 100%;
			table-layout: fixed;
			.border-radius(4px);
			

			li {
				display: table-cell;
				cursor: pointer;

				.mozilla-fix {
					display: block;
					background: #fbfbfb;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTdlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  #fbfbfb 0%, #f1f1f1 49%, #e6e7e8 50%, #dcdcdc 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(49%,#f1f1f1), color-stop(50%,#e6e7e8), color-stop(100%,#dcdcdc));
					background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f1f1f1 49%,#e6e7e8 50%,#dcdcdc 100%);
					background: -o-linear-gradient(top,  #fbfbfb 0%,#f1f1f1 49%,#e6e7e8 50%,#dcdcdc 100%);
					background: -ms-linear-gradient(top,  #fbfbfb 0%,#f1f1f1 49%,#e6e7e8 50%,#dcdcdc 100%);
					background: linear-gradient(to bottom,  #fbfbfb 0%,#f1f1f1 49%,#e6e7e8 50%,#dcdcdc 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dcdcdc',GradientType=0 );
					position: relative;
					
					border: #C6C6C6 1px solid;
					border-width: 0 1px 1px;
					border-color: #FFF #CFCFCF #C6C6C6 #FFF;
					outline: 0;
					box-shadow: 0 1px 1px #E6E6E6;
					text-align: center;
				}

				a {
					display: block;
					padding: 11px 10px 10px;
					width: 100%;
					min-height: 18px;
					font: 18px/18px Helvetica,Arial,sans-serif;
					
					text-decoration: none;
					text-shadow: 1px 1px #F2F3F3;
					color: #444;
				}
			}

			li.first {
				.mozilla-fix {
					border-radius: 4px 0 0 4px;
					border-left: 0;
				}
			}

			li.last .mozilla-fix {
				border-radius: 0 4px 4px 0;
				border-right: 0;
			}

			li.active {
				.mozilla-fix {
					border-left: 0;
					border-bottom-color: #E1E2E2;
					outline: 0;
					background: #E2E2E2 url('../images/ui/menu__btn_active.png') repeat-x 0 50%;
					background: -webkit-gradient(linear,left top,left bottom,from(#CCCED3),to(#E4E4E4));
					background: -webkit-linear-gradient(top,#CCCED3,#E4E4E4);
					background: -moz-linear-gradient(top,#ccced3,#e4e4e4);
					background: -ms-linear-gradient(top,#ccced3,#e4e4e4);
					background: -o-linear-gradient(top,#ccced3,#e4e4e4);
					background: linear-gradient(to bottom,#CCCED3,#E4E4E4);
					box-shadow: inset 0 1px 3px #A1A2A5,0 1px 1px #FFF;
					box-shadow: inset 2px 2px 5px rgba(102, 102, 102, 0.42),0 2px 1px rgba(255, 255, 255, 0.7);
				}

				.mozilla-fix:after {
					content: '';
					display: block;
					position: absolute;
					bottom: -17px;
					left: 50%;
					margin-left: -8px;
					width: 0;
					height: 0;
					border: 8px solid;
					border-color: #E2E2E2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
				}

				a {
					padding-left: 11px;
					color: #000;
					text-shadow: none;
				}
			}
		}
	}

	.service-content,
	.service-tab {
		display: none;
	}

	.service-content.active,
	.service-tab.active {
		display: block;
	}

	/* Пользовательский контент */

	ul:not([class]) {
		list-style-position: outside;
		padding-left: 30px;
	}

	ul:not([class]) li {
	    color: #444;
	    font-size: 18px;
	    line-height: 30px;
	    margin: 0 0 16px;
	}
}

    /* Галерея
     ---------------------------------------------------------------------------*/
.stackstyle(@top1:0px, @left1:-10px, @top2:5px, @left2:0px, @bg:#777777, @rotate1:-5, @rotate2:4 ) {
    &:before {
        top: @top1; 
        left: @left1;
        background-color:#5F571F;
        .rotate(@rotate1);
    }
    &:after {
        top: @top2; 
        left: @left2;
        background-color: #DFD79F;
        .rotate(@rotate2);
    }
}



.photo-stacks {
    @tilew: 200px;
    @tileh: 200px;
    
    &, li { list-style:none; }

    .stack {
        border: 6px solid #fff;
        height: @tileh; 
        width: @tilew;
        display: inline-block;
        position: relative;
        margin: 50px;
        .box-shadow(@horizontal: 2px, @blur: 5px,);
    
        b {
			position: absolute;
			bottom: 0;
			left: 50%;
			padding: 2px 8px;
			background-color: rgba(0, 0, 0, 0.4);
			.border-radius(1px);
			width: 160px;
			margin-left: -88px;
			color: #fff;
			text-align: center;
			font-weight: normal;
			text-shadow: 0 1px 0 #000;
			margin-bottom: 5px;
        }

        &:before, 
        &:after {
            content: "";
            height: 100%; 
            width: 100%;
            position: absolute; 
            z-index: -1;
            border: 6px solid #fff;
            .box-shadow(@horizontal: 2px, @blur: 5px,);
            
        }
        &:hover {
        	b {
        		text-decoration: underline;
        	}
        };
    
        .stackstyle;
    }
    

    .polaroid {
        height: @tileh + 15%; 
        width: @tilew;
        background-color:white;
        b { background-color:transparent; }
    }
    

    .stack__rotate {
        .stackstyle(@rotate1:10deg, @rotate2:-10deg);
    }
    .stack__stairs {
        .stackstyle(@rotate1:0, @rotate2:0, @top2:5px, @left2: 5px,  @top1:10px, @left1: 10px);
    }
    .stack__downstairs {
        .stackstyle(@rotate1:0, @rotate2:0, @top2:5px, @left2:-15px, @top1:10px, @left1:-20px);
    }
    .stack__opposite {
        .stackstyle(@rotate1:4deg, @rotate2:-5deg);
    }

}

.photo-gallery {
	vertical-align: top;
	text-align: justify;
	.photo {
		display: inline-block;
        position: relative;
		vertical-align: top;
		
        max-width: 260px;
        margin-bottom: 30px;
        
        a {
        	display: block;
        	border: 6px solid #fff;
	        .box;
	        .box-shadow(@horizontal: 2px, @blur: 5px);
	        margin-bottom: 10px;
	        overflow: hidden;
        }

        img {
        	height: 150px;
        	display: block;
        }
        .photo-title {
        	text-align: center;
        	font-size: 12px;
        	line-height: 18px;
        }
	}
	.under {
		display: inline-block;
		width: 100%;
		height: 0;
		font-size: 0;
	}
}


    /* Галерея
     ---------------------------------------------------------------------------*/

#prefooter {
	padding: 50px 0 20px;
	text-align: center;
	background: #eee;
}

#footer {
	background: #353535;
	color: #ababab;
	text-shadow: 0 1px rgba(0,0,0,0.5);

	a {
		color: #ababab;
		text-decoration: none;
		font-weight: bold;
		.solid(#646464);
	}

	a:hover {
		.solid(#939393)
	}

	.sitemap {
		padding: 30px 0 30px;
		border-bottom: 1px solid #1a1a1a;

		h3 {
			margin-bottom: 10px;
			font-size: 18px;
			font-weight: bold;
			font-family: @main-font;
			color: #6d93c3;
		}

		li {
			padding: 10px 0 0;
		}
	}

	.underline {
		border-top: 1px solid #484848;

		.copyright {
			padding: 60px 0 30px;
			font-size: 14px;
			text-shadow: -1px -1px rgba(0,0,0,0.5);
			text-align: right;
		}
	}
}




        /* 5 Таблица
         ---------------------------------------------------------------------------*/
        table.t {
        	text-align:left; 
        	border-spacing:0px; 
        	padding-bottom:18px; 
        	border-collapse:separate; 
        	margin-top:2em;

        	thead {
        		tr {
        			vertical-align:middle
        		}
        		th {
        			height:35px; 
        			vertical-align:middle;
        			border:1px solid #5c676b; 
        			border-bottom:1px solid #000; 
        			border-left:1px solid #39b9d3;
                    color:#fff; 
                    text-shadow:0 -1px #404040; 
                    padding:0 12px;
                    background:#070 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAlCAIAAAAMShT+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpiZjjNwMTwD4j/Q2l09l8iaHQ2LjlkGhuG2AsQYACUmCTFhLRtyAAAAABJRU5ErkJggg==)0 0 repeat-x;
                }
                th:first-child {
                	border-left:1px solid #5c676b;
                }
        	}

        	tbody {
        		th, td {
        			border-left:1px solid #99a3a7;
        			border-bottom:1px solid #99a3a7;
        			border-right:1px solid #b2b2b2;
        			border-top:1px solid #fff;
                    padding:0 12px; 
                    color:#5b666a; 
                    font-size:12px;
                }

                th {
                	font-size:13px;
                }

                tr {
                	height:32px; 
                	vertical-align:middle;

                	th, td {
                		background:#fff;
                		vertical-align:middle
                	}

                	td {
                		border-left:1px solid #fff;
                	}
                }

                tr:nth-child(2n),
                tr.row1 {
                	th, td {
						background:#fff2df;
                	}

                	td {
                		border-left:1px solid #fffaf2;
                	}
                }
        	}

        	tfoot {
        		td {
        			height: 18px;

        			img {
        				position: relative;
        				top: -1px;
        			}
        		}
        	}
        }

        table.t .full {
        	margin: 14px 0 14px;
        }

        table.clean-table {
        	tr {
        		background: #fff;
        		vertical-align: top;

        		th {
        			font-weight: normal;
        			text-align: left;
        			padding: 8px 50px 8px 0;
        		}

        		td {
        			padding: 8px 0;
        		}
        	}

        	tr:hover {
        		background: #ffffdd;
        	}
        }