/* ==========================================================================
   CSS reset
   ========================================================================== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-spacing:0;border-collapse:collapse;}

/* ==========================================================================
   Content
   ========================================================================== */

form, p,
blockquote, q,
ol, ul { padding-bottom: 18px; }

h1,
.h1 {
	padding: 8px 0 14px;
	font-weight: 300;
	font-size: 28px;
	line-height: 36px;
	}
	
	.h1 { padding-top: 22px; }

h2,
h3 {
	padding: 11px 0 16px;
	font-weight: 300;
	font-size: 22px;
	line-height: 27px;
	}
	
	h1 + h2 { padding-top: 2px; }

hr {
	height: 1px;
	border: 0;
	background: #BDBDBD;
	margin-bottom: 17px;
	margin-top: 0;
	}

blockquote { padding: 9px 92px 27px; }

ol,
ul {
	margin-left: 27px;
	list-style-position: outside;
	}

	ol { list-style-type: decimal !important; }
	
	ul { list-style-type: disc; }
	
		ul ul,
		ol ol {
			margin: 9px 0 0 27px;
			list-style-type: circle;
			}

		li { margin-bottom: 9px; }

small,
.small { font-size: 11px; }

sub,
sup {
	font-size: 11px;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
	}

	sub { bottom: -0.25em; }
	
	sup { top: -0.5em; }

strong,
.strong { font-weight: bold; }

em { font-style: italic; }

table {
	max-width: 100%;
	border-top: 1px #F7ECD4 solid !important;
	margin-bottom: 19px;
	}
		
	tr:nth-child(even) { background: #FAF5E9; }
	
		th {
			padding: 8px 10px;
			background: #F7ECD4;
			vertical-align: middle;
			font-weight: bold;
			}
			
	tbody td { border-bottom: 1px #FAF5E9 solid; }
		
		td {
			padding: 10px 10px 7px;
			vertical-align: top;
			}

button,
input,
select,
textarea {
	margin: 3px 0 4px;
	outline: none;
	color: inherit;
	vertical-align: middle;
	font: inherit;
	}
	
	button,
	input {
		line-height: normal;
		*overflow: visible;
		}
		
		button::-moz-focus-inner,
		input::-moz-focus-inner {
			padding: 0;
			border: 0;
			}
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] { -webkit-appearance: button; }
	
	input[type="search"] {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-appearance: textfield;
		}
		
		input[type="search"]::-webkit-search-decoration,
		input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
	
	label {
		width: 171px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 9px 10px 0 0;
		vertical-align: top;
		color: #9A968F;
		}
	
	.sign {
		display: block;
		margin: 1px 0 -1px 191px;
		font-size: 12px;
		color: #bdbdbd;
		}
	
	textarea {
		overflow: auto;
		min-height: 112px;
		vertical-align: top;
		resize: vertical;
		}
	
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {
		display: inline-block;
		padding: 5px 9px 4px;
		height: 18px;
		line-height: 18px;
		}
	
	input,
	textarea { width: 350px; }
		
		input:-moz-placeholder,
		textarea:-moz-placeholder { color: #999; }
		
		input:-ms-input-placeholder,
		textarea:-ms-input-placeholder { color: #999; }
		
		input::-webkit-input-placeholder,
		textarea::-webkit-input-placeholder { color: #999; }
	
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {
		border: 1px solid #cfcac0;
		background-color: #fff;
		position: relative;
		}
	
	input[type="radio"],
	input[type="checkbox"] {
		margin: 3px 0 0;
		padding: 0;
		line-height: normal;
		*margin-top: 0;
		}
	
	input[type="file"],
	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] { width: auto; }
	
	select,
	input[type="file"] {
		height: 29px;
		width: 370px;
		/* In IE7, the height of the select element cannot be changed by height, only font-size */
		line-height: 22px;
		*margin-top: 4px;
		/* For IE7, add top margin to align select with labels */
		}
		
	select[multiple],
	select[size] { height: auto; }
	
	.radio,
	.checkbox {
		display: block;
		margin-bottom: .5em;
		padding-left: 18px;
		min-height: 1.5em;
		}
	
		.radio input[type="radio"],
		.checkbox input[type="checkbox"] {
			float: left;
			margin-left: -18px;
			}
	
	.submit {
		padding: 1px 0 0 181px;
		width: 370px;
		text-align: center;
		position: relative;
		z-index: 1;
		}
		
		.subsign {
			font-size: 12px;
			color: #bdbdbd;
			padding: 17px 0 0;
			}
	
	button[disabled],
	input[disabled],
	select[disabled],
	textarea[disabled],
	input[readonly],
	select[readonly],
	textarea[readonly] {
		background-color: #eeeeee;
		cursor: not-allowed;
		}
	
	input[type="radio"][disabled],
	input[type="checkbox"][disabled],
	input[type="radio"][readonly],
	input[type="checkbox"][readonly] { background-color: transparent; }
	
	input:focus:required:invalid,
	textarea:focus:required:invalid,
	select:focus:required:invalid {
		border-color: #B94A48;
		background: #F2DEDE;
		}
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.btn {
		display: inline-block;
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
		border: 0;
		text-align: center;
		border-radius: 15px;
		background: #dfc047;
		background: -webkit-linear-gradient(#fce26c, #bf9c21);
		background: -moz-linear-gradient(#fce26c, #bf9c21);
		background: -ms-linear-gradient(#fce26c, #bf9c21);
		background: -o-linear-gradient(#fce26c, #bf9c21);
		background: linear-gradient(#fce26c, #bf9c21);
		color: #222;
		*display: inline;
		*zoom: 1;
		position: relative;
		}
		
		button:hover,
		input[type="button"]:hover,
		input[type="reset"]:hover,
		input[type="submit"]:hover,
		.btn:hover {
			background: #ccaa40;
			background: -webkit-linear-gradient(#f7cc5c, #a6861c);
			background: -moz-linear-gradient(#f7cc5c, #a6861c);
			background: -ms-linear-gradient(#f7cc5c, #a6861c);
			background: -o-linear-gradient(#f7cc5c, #a6861c);
			background: linear-gradient(#f7cc5c, #a6861c);
			color: #222 !important;
			}
		
		button[disabled],
		input[type="button"][disabled],
		input[type="reset"][disabled],
		input[type="submit"][disabled],
		.btn[disabled] {
			background: #b5b5b5 !important;
			background: -webkit-linear-gradient(#939393, #dedede) !important;
			background: -moz-linear-gradient(#939393, #dedede) !important;
			background: -ms-linear-gradient(#939393, #dedede) !important;
			background: -o-linear-gradient(#939393, #dedede) !important;
			background: linear-gradient(#939393, #dedede) !important;
			color: #909090 !important;
			}

a,
.jobs-cats a span,
.articles-list a span {
	outline: none;
	color: #a78d4b;
	text-decoration: none;
	border-bottom: 1px solid #a78d4b;
	border-bottom-color: rgba(167, 141, 75, .3);
	}
	
	a:hover,
	.h-menu a.active {
		color: #6a5933 !important;
		border-bottom-color: #6a5933 !important;
		border-bottom-color: rgba(106, 89, 51, .3) !important;
		}
	
	a.light:hover,
	.jobs-cats a:hover span,
	.articles-list a:hover span {
		color: #f7ce01 !important;
		border-bottom-color: #f7ce01 !important;
		border-bottom-color: rgba(135, 112, 1, .3) !important;
		}
	
	.dashed { border-bottom-style: dashed; }

.fixquo { margin-right: 8px; }

.laquo { margin-left: -8px; }

/* ==========================================================================
   Site
   ========================================================================== */

body {
	background: #fbf5ea url(../img/bg-body.jpg) 50% 0 repeat;
	color: #444;
	font: 14px/18px Arial, sans-serif;
	cursor: default;
	overflow-y: scroll;
	}
	
	html,
	body {
		width: 100%;
		height: 100%;
		}
		
		.wrapper {
			background: #fff;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			/*width: 1003px;*/
			overflow: hidden;
			}

/* ==========================================================================
   Header
   ========================================================================== */

.header {
	width: 198px;
	padding: 0 22px;
	background: url(../img/bg-header.png) 50% 0 repeat;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	bottom: 0;
	min-height: 560px;
	color: #fff;
	}
	
	.h-wrap {
		position: relative;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		}
		
		.h-fb {
			display: block;
			float: left;
			width: 29px;
			height: 29px;
			border: 0;
			margin-top: 18px;
			position: relative;
			background: url(../img/icon-sprite.png) -29px 0 no-repeat;
			}
			
			.h-fb:hover { background-position: -29px -29px; }
		
		.h-lang {
			position: absolute;
			margin: 0;
			top: 5%;
			right: 0;
			font-size: 12px;
			margin-top: -9px;
			}
			
			.h-lang li {
				float: left;
				margin: 0 0 0 18px;
				list-style: none;
				}
		
		.h-logo {
			position: absolute;
			left: 0;
			right: 0;
			top: 25%;
			margin-top: -58px;
			}
			
			.h-logo a { border: 0; }
				
				.h-logo img {
					max-width: 100%;
					max-height: 100%;
					}
		
		.h-menu {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			margin: 0;
			font-size: 18px;
			line-height: 36px;
			margin-top: -36px;
			}
			
			.h-menu li {
				list-style: none;
				margin-bottom: 18px;
				color: #6A5933;
				}
				
				.h-menu-resume {
					display: block;
					background: url(../img/icon-sprite.png) 0 0 no-repeat;
					float: right;
					width: 29px;
					height: 29px;
					border: 0;
					margin-top: 3px;
					position: relative;
					cursor: pointer !important;
					}
					
					.h-menu-resume.active {
						background-position: 0 -29px;
						cursor: default !important;
						}
					
					.h-menu-resume span {
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						opacity: 0;
						position: absolute;
						background: url(../img/resume.png) 0 no-repeat;
						top: -4px;
						left: 12px;
						width: 115px;
						height: 37px;
						font-size: 11px;
						color: #000;
						text-shadow: none;
						padding-left: 25px;
						}
						
						.h-menu-resume:hover span {
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							opacity: 1;
							}

/* ==========================================================================
   Content
   ========================================================================== */

.content {
	padding: 0 0 0 242px;
	position: relative;
	/*background-image: linear-gradient(rgba(76, 255, 255, .5) 1px, transparent 1px, transparent 9px, rgba(204, 255, 255, .5) 9px, rgba(204, 255, 255, .5) 10px, transparent 10px);
	background-size: 1px 18px;*/
	}
	
	.wrap {
		padding: 18px 57px;
		overflow: hidden;
		position: relative;
		/*background-image: linear-gradient(rgba(76, 255, 255, .5) 1px, transparent 1px, transparent 9px, rgba(204, 255, 255, .5) 9px, rgba(204, 255, 255, .5) 10px, transparent 10px);
		background-size: 1px 18px;*/
		}
	
		.wrap .envelope { width: 647px !important; }
	
	.retail-logo {
		width: 150px;
		height: 200px;
		float: left;
		margin-right: 22px;
		margin-top: -16px;
		}
	
	.jobs,
	.articles {
		background: #464442 url(../img/bg-dark.jpg) 50% 0 repeat;
		color: #fff;
		}
		
		.jobs .envelope,
		.articles .envelope { width: 761px; }
	
		.jobs-cats {
			margin: auto;
			width: 360px;
			}
			
			.jobs-cats li {
				margin: 0;
				font-size: 28px;
				line-height: 90px;
				list-style: none;
				}
				
				.jobs-cats li a {
					display: block;
					border: 0;
					}
					
					.jobs-cats-ttl {
						width: 70px;
						height: 70px;
						float: left;
						margin-right: 15px;
						}
	
	.jobs-list {
		margin: 0 -9px;
		line-height: 0;
		letter-spacing: -1px;
		text-align: center;
		font-size: 0;
		}
		
		.jobs-vacancy {
			background: #FFF;
			border-radius: 5px;
			width: 312px;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			padding: 0 0 193px;
			margin: 0 9px 18px;
			position: relative;
			font-size: 12px;
			line-height: 18px;
			letter-spacing: normal;
			text-align: left;
			border: 1px solid rgb(202, 160, 42);
			}
			
			.jobs-vacancy-link {
				border: 0;
				position: absolute;
				z-index: 10;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				color: #444;
				}
			
			.jobs-vacancy-wrap {
				position: absolute;
				top: 22px;
				left: 22px;
				right: 22px;
				bottom: 22px;
				overflow: hidden;
				}
				
				.jobs-vacancy-head {
					margin: 0;
					position: absolute;
					left: 0;
					right: 0;
					}
					
					.jobs-vacancy-head li {
						margin: 0;
						list-style: none;
						float: left;
						}
						
						.jobs-vacancy-date {
							float: right !important;
							color: #AAA;
							}
							
							.jobs-vacancy:hover .jobs-vacancy-date { color: #444; }
				
				.jobs-vacancy-body {
					overflow: hidden;
					display: table-cell;
					vertical-align: middle;
					padding: 20px 0;
					}
					
					.jobs-vacancy-body h3 {
						padding-top: 0;
						padding-bottom: .5em;
						font-size: 18px;
						}
						
						.jobs-vacancy-body h3 span {
							border-bottom: 1px solid #444;
							border-bottom-color: rgba(68, 68, 68, .3);
							}
						
						.jobs-vacancy:hover .jobs-vacancy-body h3 span {
							color: #BE9E00;
							border-bottom-color: #BE9E00;
							border-bottom-color: rgba(190, 158, 0, .3);
							}
				
				.jobs-vacancy-foot {
					position: absolute;
					bottom: 0;
					right: 0;
					left: 0;
					white-space: nowrap;
					padding-top: 5px;
					background: #FFF;
					}
					
					.jobs-vacancy-foot:before {
						position: absolute;
						content: "";
						top: 0;
						right: 0;
						bottom: 0;
						width: 10px;
						background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
						background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
						background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
						background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
						background: linear-gradient(left, rgba(255, 255, 255, 0), #fff);
						}
					
					.jobs-vacancy-foot:after {
						position: absolute;
						content: "";
						top: -10px;
						right: 0;
						left: 0;
						height: 10px;
						background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
						background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
						background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
						background: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
						background: linear-gradient(top, rgba(255, 255, 255, 0), #fff);
						}
	
	.vacancy-head {
		background: #464442 url(../img/bg-dark.jpg) 50% 0 repeat;
		color: #fff;
		margin: -18px -57px 17px;
		padding: 18px 57px 9px;
		font-size: 12px;
		}
		
		.vacancy-head-left {
			padding: 5px 0 0;
			width: 426px;
			float: left;
			}
			
			.vacancy-head h1 {
				padding-top: 12px;
				padding-bottom: 15px;
				}
		
		.vacancy-head-right {
			width: 184px;
			padding: 28px 0 20px;
			float: right;
			margin: 0;
			}
			
			.vacancy-head-right li {
				list-style: none;
				margin-bottom: 3px;
				white-space: nowrap;
				}
			
			.vacancy-contact-name { font-size: 14px; }
			
			.vacancy-contact-send .btn {
				font-size: 14px;
				margin-left: -15px;
				margin-top: 20px;
				}
	
	.vacancy-body ul { margin: 0; }
		
		.vacancy-body li {
			list-style: none;
			position: relative;
			}
			
			.vacancy-body li:before {
				position: absolute;
				content: "—";
				margin-left: -19px;
				color: #BDBDBD;
				}
	
	.accent-item {
		font-size: 18px;
		line-height: 21px;
		color: #BE9A3B;
		padding: 6px 0 6px 36px;
		font-style: italic;
		}
	
	.opt-item {
		color: #aaa;
		font-size: 12px;
		}
		
		.opt-item:before,
		.accent-item:before { display: none; }
	
	.marker {
		background: url(../img/marker.png) 0 0 no-repeat;
		-webkit-background-size: 100% 21px;
		-moz-background-size: 100% 21px;
		-o-background-size: 100% 21px;
		background-size: 100% 21px;
		position: relative;
		padding: 3px 4px;
		margin: 0 -4px;
		position: relative;
		}
	
	.about-content-big {
		font-size: 22px;
		font-style: italic;
		line-height: 27px;
		color: #BE9A3B;
		padding: 3px 92px 15px;
		}
	
	.quote {
		margin: 53px -57px 22px;
		background: #464442 url(../img/bg-dark.jpg) 50% 0 fixed;
		/*background-image: linear-gradient(rgba(76, 255, 255, .5) 1px, transparent 1px, transparent 9px, rgba(204, 255, 255, .5) 9px, rgba(204, 255, 255, .5) 10px, transparent 10px);
		background-size: 1px 18px;*/
		}
		
		.quote .envelope { width: 761px !important; }
		
		.quote-wrap {
			width: 391px;
			margin: auto;
			padding: 51px 0 0;
			}
			
			.quote-text {
				position: relative;
				font-size: 22px;
				line-height: 27px;
				color: #CFAE47;
				padding-bottom: 17px;
				}
				
				.quote-text:before {
					position: absolute;
					content: "«";
					font: 120px/0 'times new roman';
					color: #555;
					top: 0;
					left: -70px;
					}
				
				.quote-text span:after {
					position: absolute;
					content: "»";
					font: 40px/0 'times new roman';
					color: #555;
					margin: 10px 0 0 5px;
					}
			
			.quote-text-sign {
				color: #A3A3A3;
				float: right;
				padding-bottom: 40px;
				font-size: 12px;
				padding-left: 50%;
				}
	
	.honors-list {
		text-align: center;
		margin-top: 34px;
		}
		
		.honors-list h2 {
			color: #fff;
			padding: 44px 0 30px;
			}
		
		.honors-list a {
			line-height: 0;
			display: inline-block;
			vertical-align: middle;
			border: 0;
			padding: 0 3% 45px;
			}
	
	.about-right {
		width: 184px;
		padding: 0;
		float: right;
		margin-top: 46px;
		}
		
		.about-facts {
			/*background: #DCBD5C;
			background: -webkit-linear-gradient(top, #ba9638, #fee581);
			background: -moz-linear-gradient(top, #ba9638, #fee581);
			background: -ms-linear-gradient(top, #ba9638, #fee581);
			background: -o-linear-gradient(top, #ba9638, #fee581);
			background: linear-gradient(top, #ba9638, #fee581);
			border-radius: 10px;*/
			padding: 4px 10px 38px;
			margin-bottom: 39px;
			/*color: #3a1600;*/
			text-align: center;
			position: relative;
			height: 258px;
			}
			
			.about-facts:before {
				position: absolute;
				content: "";
				background: url(../img/frame.png) 0 0 no-repeat;
				width: 215px;
				height: 356px;
				top: -39px;
				left: -21px;
				}
			
			.about-facts-list {
				margin: 0;
				padding: 0 0 6px;
				}
				
				.about-facts-list li {
					display: none;
					margin: 0;
					list-style: none;
					height: 198px;
					vertical-align: middle;
					}
					
					.about-facts-list .active { display: table-cell; }
			
			.about-facts-more {
				position: absolute;
				text-transform: uppercase;
				left: 50%;
				bottom: 0;
				margin-left: -57px;
				z-index: 2;
				}
		
		.about-principles {
			margin-left: -60px;
			height: 130px;
			padding: 0 0 0 105px;
			background: url(../img/principles.png) 20px 25px no-repeat;
			}
			
			.about-principles h3 {
				margin-left: -25px;
				padding-top: 0;
				}
	
	.about-benefits {
		margin-left: 92px;
		width: 334px;
		float: left;
		}
		
		.about-benefits li {
			list-style: none;
			margin: 18px 0 36px;
			position: relative;
			}
			
			.about-benefits li:before {
				position: absolute;
				content: "";
				left: -97px;
				width: 88px;
				height: 90px;
				top: 50%;
				margin-top: -45px;
				background: url(../img/benefits.png) 0 0 no-repeat;
				}
				
				.about-benefits .about-benefits-cup:before {
					background-position: 0 -90px;
					height: 89px;
					}
				
				.about-benefits .about-benefits-book:before {
					background-position: 0 -179px;
					height: 89px;
					}
				
				.about-benefits .about-benefits-globe:before {
					background-position: 0 -268px;
					height: 88px;
					}
	
	.history {
		position: relative;
		margin: 0 0 18px;
		padding: 0;
		}
		
		.history:before {
			position: absolute;
			content: "";
			width: 1px;
			top: 0;
			bottom: 0;
			margin-left: -1px;
			left: 50%;
			background: #dab942;
			border: 1px solid #efefef;
			}
		
		.history:after {
			position: absolute;
			content: "";
			width: 3px;
			bottom: 0;
			margin-left: -1px;
			left: 50%;
			height: 36px;
			background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
			background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
			background: -ms-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
			background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
			background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
			}
		
		.history li {
			margin: 0;
			padding: 18px 0 9px;
			list-style: none;
			position: relative;
			}
			
			.history li:before {
				position: absolute;
				content: "";
				background: url(../img/icon-sprite.png) -66px -49px no-repeat;
				width: 8px;
				height: 9px;
				top: 50%;
				left: 50%;
				margin-top: -4px;
				display: block;
				}
				
				.history li.right:before {
					background-position: -58px -49px;
					margin-left: -7px;
					}
			
			.history-year {
				text-align: right;
				width: 47.86%;
				margin: 0 1.07%;
				font-size: 28px;
				line-height: 45px;
				float: left;
				height: 45px;
				position: relative;
				}
				
				.history li:first-child .history-year:after {
					position: absolute;
					content: "";
					width: 100px;
					top: -19px;
					right: -50px;
					height: 36px;
					background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
					background: -moz-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
					background: -ms-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
					background: -o-linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
					background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
					}
				
				.right .history-year {
					text-align: left;
					float: right;
					}
				
				.history-year-content {
					padding: 0 9.02%;
					position: absolute;
					top: 50%;
					left: 0;
					right: 0;
					margin-top: -23px;
					}
					
					.history-year a {
						color: #7f7f7f;
						border-bottom-color: #7f7f7f;
						border-bottom-color: rgba(127, 127, 127, .3);
						}
			
			.history-text {
				margin: 0 0 -9px;
				width: 47.86%;
				padding: 0 1.07%;
				float: right;
				position: relative;
				}
				
				.right .history-text { float: left; }
				
				.history-text li {
					padding: 0 9.02%;
					margin: 0 0 9px;
					list-style: none;
					}
					
					.history-text li:before { display: none; }
	
	.crewman-img {
		margin: -18px -57px 28px;
		height: 471px;
		position: relative;
		background: #464442 url(../img/bg-dark.jpg) 50% 0;
		}
		
		.crewman-img .envelope { width: 761px !important; }
		
		.crewman-ttl {
			position: absolute;
			top: 0;
			left: 0;
			padding: 18px 0 0 57px;
			color: #fff;
			}
	
	.about-team {
		margin: 0 -9px;
		line-height: 0;
		letter-spacing: -1px;
		text-align: center;
		font-size: 0;
		}
		
		.about-team li {
			background-color: #32363b;
			border-radius: 5px;
			display: inline-block;
			margin: 0 9px 18px;
			position: relative;
			list-style: none;
			width: 312px;
			padding: 0 0 193px;
			font-size: 12px;
			line-height: 18px;
			letter-spacing: normal;
			text-align: left;
			color: #fff;
			border: 1px solid #CAA02A;
			overflow: hidden;
			}
			
			.about-team-link,
			.about-team-link:hover {
				display: block;
				position: absolute;
				color: #fff !important;
				background: rgba(255, 255, 255, 0);
				z-index: 10;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				border: 0;
				}
			
			.about-team-img {
				display: block;
				position: absolute;
				z-index: 1;
				top: -1px;
				left: -1px;
				right: -1px;
				bottom: -1px;
				border-radius: 5px;
				overflow: hidden;
				}
				
				.about-team-img img {
					display: block;
					border-radius: 5px;
					}
			
			.about-team-wrap {
				position: absolute;
				z-index: 1;
				top: 35px;
				left: 35px;
				right: 35px;
				bottom: 35px;
				}
				
				.about-team-f { font-size: 18px; }
				
				.about-team-n { font-size: 14px; }
	
	.articles .wrap { padding-left: 0; }
		
		.articles h1 { margin: 0 0 0 242px; }
			
			.articles-list {
				margin: 0 0 0 242px;
				padding-bottom: 14px;
				}
				
				.articles-list li {
					margin: 0 0 14px;
					list-style: none;
					position: relative;
					}
					
					.articles-list a {
						border: 0;
						display: block;
						font-size: 11px;
						line-height: 24px;
						}
						
						.articles-img {
							position: absolute;
							left: -190px;
							top: 4px;
							display: block;
							width: 175px;
							height: 50px;
							background-position: 0;
							}
							
							.articles-img:before {
								position: absolute;
								content: "";
								top: 0;
								bottom: 0;
								right: -20px;
								width: 20px;
								}
							
							.articles-list a:hover .articles-img { background-position: -175px 0; }
						
						.articles-list span {
							font-size: 18px;
							line-height: 34px;
							}
						
						.articles-list i { color: #AAA !important; }
	
	.article-about {
		font-size: 12px;
		padding: 1px 0 17px 185px;
		color: #BDBDBD;
		font-style: italic;
		}
		
		.article-about p { padding: 0; }
	
	.maproad {
		background: #FFF;
		height: 301px;
		margin: 5px -57px 18px;
		}
		
		.driveway-metro,
		.driveway-car {
			display: block;
			position: absolute;
			margin: 4px 0 0 -25px;
			background: url(../img/map-icons.png) 4px 0 no-repeat;
			width: 19px;
			height: 17px;
			}
			
			.map .driveway-car { background-position: -19px 0; }
		
		.driveway-q {
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: top;
			margin-top: 4px;
			margin-right: 2px;
			margin-left: -12px;
			width: 10px;
			height: 10px;
			border-radius: 50%;
			}
			
			.okt { background: #903e2e; }
			
			.pkk { background: #e83030; }
	
	.copy {
		margin: 0;
		position: absolute;
		left: 242px;
		bottom: 0;
		width: 761px;
		}
		
		.copy li {
			float: left;
			width: 266px;
			margin: 0 0 9px;
			list-style: none;
			font-size: 12px;
			padding: 0 57px;
			}
			
			.copy-copy { margin-left: -12px !important; }
			
			.copy a { border: 0; }
				
				.copy img { margin: 0 0 0 1px; }
			
			.dev {
				margin-top: -36px !important;
				text-align: right;
				}
	
	.browser {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #464442 url(../img/bg-dark.jpg) 50% 0 fixed;
		z-index: 200;
		}
		
		.browser-message {
			background: url(../img/bg-header.png) 50% 0 repeat;
			width: 500px;
			height: 500px;
			margin: auto;
			text-align: center;
			display: block;
			border: 1px solid #CAA02A;
			}
			
			.browser-message-logo { padding-top: 90px; }
				
				.browser-message-logo img { width: 144px; }
			
			.browser-message-text {
				color: #fff;
				padding: 40px 30px;
				}
				
				.browser-message-link {
					margin: 0;
					padding: 20px 30px 0;
					}
					
					.browser-message-link li {
						margin: 0;
						padding: 0;
						list-style: none;
						float: left;
						width: 33.33%;
						text-align: center;
						padding-top: 55px;
						position: relative;
						}
						
						.browser-message-link a { padding-top: 10px; }
							
							.browser-message-link img {
								position: absolute;
								top: 0;
								left: 50%;
								margin-left: -25px;
								}

/* ==========================================================================
   Other
   ========================================================================== */

.cf {
	*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
	*zoom: 1;
	}
	
	.cf:before,
	.cf:after {
		content: "";
		display: table;
		}
	
	.cf:after { clear: both; }