@charset "utf-8";

/* +  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, font, 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 {margin:0; padding:0; border:0; vertical-align:baseline; font-size:100%; font:inherit;}
body {position:relative; line-height:1; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content:none;}
a img {border:0}
input, select, textarea {font-family:inherit; font-size:inherit}
ins {text-decoration:none}
del {text-decoration:line-through}
sup {vertical-align:baseline; position:relative; top:-0.4em}
sub {vertical-align:baseline; position:relative; bottom:-0.4em}
table {border-collapse:collapse; border-spacing:0}
/* - Reset */


/* + Global parameters */
html, body {height:100%; background:#fff;}

.wrapper {
	display:block;
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	min-width:1000px;
	background:#fff;
}

.container {
	display:block;
	padding:0 0 137px;
	height:1%;
}

.footer {
	position:relative;
	margin:-137px 0 0;
	height:137px;
}

.inner {
	position:relative;
	margin:0 auto;
	width:940px;
}

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

@font-face {
    font-family: 'PFAgoraSansProBold';
    src: url('../fonts/pfagorasanspro-bold-webfont.eot');
    src: local('O'), url('../fonts/pfagorasanspro-bold-webfont.woff') format('woff'), url('../fonts/pfagorasanspro-bold-webfont.ttf') format('truetype'), url('../fonts/pfagorasanspro-bold-webfont.svg#PFAgoraSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFAgoraSansProRegular';
    src: url('../fonts/pfagorasanspro-reg-webfont.eot');
    src: url('../fonts/pfagorasanspro-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfagorasanspro-reg-webfont.woff') format('woff'),
         url('../fonts/pfagorasanspro-reg-webfont.ttf') format('truetype'),
         url('../fonts/pfagorasanspro-reg-webfont.svg#PFAgoraSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* - Global parameters */


/* + Common classes */
a {color:#dd6227; text-decoration:underline}
a:visited {}
a:hover {text-decoration:none}

.container h1 {margin:0 0 20px; font:normal normal normal 24px/32px Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.025em; color:;}
.container h2 {margin:0 0 15px; font:18px/20px Verdana, Arial, Helvetica, sans-serif;}
.container h3 {margin:0 0 10px; font:normal normal normal 12px 'PFAgoraSansProBold', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#dd6227;}
.container h4 {}
.container h5 {}
.container h6 {}

.container p {margin-bottom:15px}

.content ul {padding-left:20px; margin-bottom:15px;}
.content ol {padding-left:20px; margin-bottom:15px}
.content ul li, .content ol li {margin-bottom:3px; vertical-align:top;}

.navigation ul {overflow:hidden; padding:0; margin:0; list-style:none;}
.navigation ul li {display:inline; padding:0; margin:0; background:none; vertical-align:top; list-style:none;}

.container img {margin:auto; vertical-align:baseline}
.container img.left {float:left; margin:0 12px 5px 0}
.container img.right {float:right; margin:0 0 5px 12px}

.container i, .container em {font-style:italic}
body b, body strong {font-weight:bold}

.hr {clear:both; display:block; margin:10px 0; height:1px; font-size:0; border-bottom:1px solid #dbdbdb}
.hr hr {display:none}

.clearfix:after {content:''; clear:both; display:block; width:0; height:0; overflow:hidden; font-size:0}
.clearfix {display:inline-block}
html[xmlns] .clearfix {display:block}
* html .clearfix {height:1%}

.clear {clear:both; line-height:0; height:0; font-size:0; line-height:0}
.minclear {clear:both; height:0px; font-size: 1px; line-height: 0}
/* - Common classes */



/* + Layout */

	/* + Header */
	.header {
		position:relative;
		margin:0 0 40px;
		padding:30px 0 0;
		color:#625f60;
		font-size:11px;
		line-height:15px;
		}

		.header .logo {
			float:left;
			display:inline;
			padding:13px 0 0;
			}

		.header .lang-versions {
			float:right;
			display:inline;
			margin:0 0 15px;
			width:206px;
			}
			.header .lang-versions .lang-item {
				float:left;
				margin:0 22px 0 0;
				}
			.header .lang-versions a.lang-item {
				color:#dd6227;
				}

		.header .phone-block {
			float:right;
			clear:right;
			font:normal 25px/25px 'PFAgoraSansProLight', Arial, Helvetica, sans-serif;
			}
			.header .phone-block a {
				color:#625f60;
				border-bottom:1px dotted #625f60;
				text-decoration:none;
				}
			.header .phone-block a:hover {
				border:0;
				padding-bottom:1px;
				}
	/* - Header */



	/* + Slider-main */
	.slider-main {
		position:relative;
		margin:0 0 50px;
		overflow:hidden;
		}

		.slider-main .slider-container {
			position:relative;
			z-index:2;
			width:100%;
			height:439px;
			}
			.slider-main .slider-container ul {
				position:absolute;
				top:0;
				left:50%;
				overflow:hidden;
				margin:0 0 0 -2270px;
				padding:9px 0;
				width:4540px;
				}
				.slider-main .slider-container ul li {
					position:relative;
					float:left;
					display:inline;
					width:900px;
					height:430px;
					background: #fff;
					}
					.slider-main .slider-container ul li .slide-pics {
						width:100%;
						height:100%;
						overflow:hidden;
						opacity:0.6;
						}
						.slider-main .slider-container ul li .slide-pics img {
							display:block;
							width:100%;
							}

					.slider-main .slider-container ul li .slide-content {
						position:absolute;
						bottom:0;
						left:0;
						z-index:3;
						display:none;
						width:100%;
                        height: 120px;
						padding:15px 0 10px 0;
						background:url('../images/slide-content-bg.png') repeat 0 0;
						-moz-border-radius:0 0 10px 10px;
						-webkit-border-radius:0 0 10px 10px;
						border-radius:0 0 10px 10px;
						color:#fff;
						font-size:11px;
						font-weight:bold;
						line-height:15px;
						}
						.slider-main .slider-container ul li .slide-content .slide-heading {
							float:left;
							display:inline;
							padding-left:60px;
							width:340px;
							font-size:22px;
							line-height:30px;
                            text-shadow: 1px 1px 2px #000;
							}
						.slider-main .slider-container ul li .slide-content .slide-text {
							overflow:hidden;
							padding:5px 50px 0 0;
							}
						.slider-main .slider-container ul li .slide-content .slide-button {
							position:absolute;
							top:0;
							width:50px;
							height:100%;
							overflow:hidden;
							background:url(../images/slider-buttons.png) no-repeat 0 50%;
							cursor:pointer;
							}
							.slider-main .slider-container ul li .slide-content .slide-left {left:0; background-position:0 50%}
							.slider-main .slider-container ul li .slide-content .slide-left:hover {background-position:-100px 50%}
							.slider-main .slider-container ul li .slide-content .slide-right {right:0; background-position:-50px 50%}
							.slider-main .slider-container ul li .slide-content .slide-right:hover {background-position:-150px 50%}

					.slider-main .slider-container ul li .slider-mask, .back-pics .slider-mask {
						position:absolute;
						top:0;
						left:0;
						display:block;
						width:100%;
						height:100%;
						background:url('data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%08%00%00%00%08%01%03%00%00%00%FE%C1%2C%C8%00%00%00%06PLTE%FF%FB%ED%B7%B5%ABB%F5%22%A2%00%00%00%02tRNS%8F%8F%B7%8F%D7%0D%00%00%00%1BIDATx%5E%0D%C31%01%00%00%08%02%B0%C51%08%C9H%8E%C7T%1C%2F%CA%00%10%CC%01%DD%ADGEY%00%00%00%00IEND%AEB%60%82') repeat 0 0;
						}

				.slider-main .slider-container ul li.active {
					position:relative;
					top:-9px;
					z-index:10;
					width:940px;
					height:450px;
					background:#ccc;
					}
					.slider-main .slider-container ul li.active .slide-pics {
						opacity:1;
						}
						.slider-main .slider-container ul li.active .slide-frame {
							position:absolute;
							top:-1px;
							left:-9px;
							width:956px;
							height:462px;
							display:block;
							background:url(../images/slider-frame.png) no-repeat 0 0;
							}
					.slider-main .slider-container ul li.active:hover .slide-content {
						display:block;
						}
					.slider-main .slider-container ul li.active .slider-mask {
						display:none;
						}

		.slider-main .nav-slider {
			height:109px;
			background:#f8c411;
			color:#625f60;
			}
			.slider-main .nav-slider ul {
				margin:0 0 0 -30px;
				padding:27px 0 0;
				font-size:0;
				text-align:center;
				white-space:nowrap;
				}
				.slider-main .nav-slider ul li {
					position:relative;
					display:inline-block;
					margin:0 0 0 30px;
					padding:13px 19px;
					font-size:11px;
					line-height:15px;
					white-space:normal;
					}
					.slider-main .nav-slider ul li a {
						color:#161616;
						text-decoration:none;
						border-bottom:1px dotted #161616;
						}
					.slider-main .nav-slider ul li a:hover {
						border:none;
						}

				.slider-main .nav-slider ul li.active {
					background:#fff;
					-moz-border-radius:10px;
					-webkit-border-radius:10px;
					border-radius:10px;
					}
					.slider-main .nav-slider ul li.active a {
						color:#625f60;
						border:none;
						}

	.back-pics {
		position: absolute;
		z-index: 1;
		overflow: hidden;
		height: 430px;
		top: 9px;
                width: 50%;
	}

		.back-pics-first {
			left:-457px;
                        text-align: right;
		}

		.back-pics-last {
			right: 0;
			margin-right:-457px;
		}

	/* - Slider-main */



	/* + Container */
	.container .inner {
		padding:10px 0 0;
		color:#625f60;
		}

		.container .page-slogan {
			float:left;
			display:inline;
			padding:0 0 0 10px;
			width:280px;
			font-size:20px;
			line-height:28px;
			letter-spacing:-0.025em;
			}
	/* - Container */



	/* + Product-categories */
	.container .production-categories {
		overflow:hidden;
		padding:7px 0 0;
		font-size:11px;
		line-height:15px;
		}

		.production-categories table {
			width:100%;
			}
		.production-categories table td {
			padding:0 0 0 100px;
			width:220px;
			vertical-align:top;
			}
			/*.production-categories dl dt {
				margin:0 0 10px;
				font:normal normal normal 12px 'PFAgoraSansProBold', Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				color:#dd6227;
				}*/
			.production-categories ul {
				margin:0 0 20px;
				padding:0;
				}
			.production-categories ul li {
				display:block;
				margin:0 0 2px;
				padding:0 0 0 15px;
				line-height:13px;
				background:url('data:image/gif,GIF89a%05%00%05%00%91%00%00%DD%DC%DCkhi%9C%9B%9Bb_%60!%F9%04%00%00%00%00%00%2C%00%00%00%00%05%00%05%00%00%02%09%84%226%7B%3B%E8%D2I%05%00%3B') no-repeat 4px 6px;
				vertical-align:top;
				}
	/* - Product-categories */



	/* + Footer */
	.footer .inner {
		padding:27px 0 0;
		border-top:1px dotted #9f9f9f;
		font-size:11px;
		line-height:15px;
		color:#626061;
		}

		.footer .copyright-site {
			float:left;
			display:inline;
			margin:0 33px 0 0;
			}
		.footer .copyright-studio {
			float:right;
			display:inline;
			width:180px;
			text-align:right;
			}

		.footer .footer-links {
			float:left;
			display:inline;
			}
			.footer .footer-links .feedback-link {
				float:left;
				padding:0 0 0 25px;
				background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdlJREFUeNqcUs9LG0EU%2FmYzzSY1Kdls2mwkkkQQlOClWHrqpZeeCy0Ueiv04l8g%2FgG2t956EbwVCgpeVbx5EsVLCQpCTdh0s7HmB026ycrOTmc3lLq6iOmDgceb933vm28e4ZwjLFjX4O31ZT9Pv15BJDVJwvpIGMHv%2Fa%2B8t7cWqCWfvcPE0zfkVgLX7vPOxhIu699CVUXz81BefYQkJ8gNArt2xFtfFnGXUN9%2Bhlx4TEYEzOGdzWUMKtsYJ%2BLlF1BeroCYn55zYRj%2BJ4SxoHbSAJmwMPW%2BNhZYXy3AkQxIeukD3PvFsad7GA9L6sY5r1bPkNOymC4V7gT%2BflZDw2yiWCyBNJot%2FxtM04RzaaNcnkM8HgsFDgZDVCrHoFEZmqaNvlEXCv429Pt9mI0G5mZnkH30MABunv%2FE8ckptFwOiUTi3yJVdSOwiowx1Os6qETwZGHBrx0cHsJxOfL5KUQikQAxdRwWNMd1cY9G0ev9wtbOrl%2BTZRnJ5ANB7uL65lPGnCtvHKDTbiOlKFAzaqDRsiz8EMqUdFp4FL9KMFLQ7XRhD4cCmAGlFOyaMlkYp6oZtC4uYMViYkjKr0v5ySx0wcxchowwjoi3e3nY8e68Hi%2F3MB72jwADAHMr0VQbSLciAAAAAElFTkSuQmCC') no-repeat 0 0;
				text-decoration:none;
				}
				.footer .footer-links .feedback-link span {border-bottom:1px dotted #dd6227;}
				.footer .footer-links .feedback-link:hover span {border:none;}

		.footer .footer-text {
			position:relative;
			top:-4px;
			overflow:hidden;
			text-align:center;
			}
			.footer-text .development-message {
				position:relative;
				display:inline-block;
				padding:2px 15px 5px;
				background:#ebebeb;
				color:#626061;
				font-size:14px;
				-moz-border-radius:9px;
				-webkit-border-radius:9px;
				border-radius:9px;
				}
	/* - Footer */



	/* + Boxes */
	.popup {
		position:fixed;
		top:30%;
		left:30%;
		z-index:10000;
		display:none;
		}
		.popup .popup-in {
			padding:20px 15px;
			background:#fff;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			-opera-border-radius:10px;
			border-radius:10px;
			color:#3a3b3d;
			}
		.popup .window-heading {
			margin:0px 210px 26px 0;
			font:normal 36px/40px 'PFAgoraSansProRegular', Verdana, Arial, Helvetica, sans-serif;
			text-align:center;
			}
		.popup .window-content {
			font-size:14px;
			line-height:17px;
			}

		.popup .close-link {
			position:absolute;
			top:14px;
			right:14px;
			width:17px;
			height:17px;
			overflow:hidden;
			background:url('data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%11%00%00%00%11%04%03%00%00%00%C9CZ%C9%00%00%00%1BPLTE%00%00%00%A6%A6%A8%9B%9B%9Dnoq%BF%BF%C0%C8%C8%C9vwy%FF%FF%FF%A0%A1%A2%91S)b%00%00%00%01tRNS%00%40%E6%D8f%00%00%00VIDATx%5EE%CE1%15%80%40%0C%04%D1%ED%CE%01%12%D0%80%02%CE%01%18%80~%0B8%90Ov%1A%D2%24%EF%17%F3%A2%C7%AA%C9%1A%3DG%5B%AD%FB%08%5E%A7%D5%B6%1E%DA%A5%20%A4%20%04B%E0%5C%C4%BCK%88%D6%94%26-%9A%B4h%92%17H%0B%A4%05%8E%A2%A0%FF%FF%3E%9C!%1D%01%60BZp%00%00%00%00IEND%AEB%60%82') no-repeat 0 0;
			cursor:pointer;
			text-decoration:none;
			text-indent:-999px;
			}


	#boxes #feedback {
		width:510px;
		}

	#page-mask {
		position:absolute;
		top:0;
		left:0;
		z-index:9000;
		background:#161717;
		display:none;
		opacity:0.6;
		}
	/* - Boxes */



	/* + Feedback-form */
	.feedback-form .field {
		clear:left;
		margin:0 0 13px;
		padding:0 0 0 170px;
		font-family:Arial, Helvetica, sans-serif;
		}
		.feedback-form .field label {
			float:left;
			display:inline;
			margin:0 0 0 -170px;
			padding:3px 0 0;
			width:155px;
			text-align:right;
			}

		.feedback-form .field .wrap-input {
			display:inline-block;
			padding:0 10px 0 0;
			background:url(../images/input-bg.png) no-repeat 100% -30px;
			}
			.feedback-form .field .wrap-input span {
				display:block;
				height:27px;
				padding:0 0 0 10px;
				background:#fff url(../images/input-bg.png) no-repeat 0 0;
				}
			.feedback-form .field .wrap-input input {
				display:block;
				margin:0;
				padding:0;
				height:27px;
				max-width:270px;
				line-height:27px;
				background:none;
				border:none;
				outline:0;
				}
			.feedback-form .field-error .wrap-input {background-position:100% -90px}
			.feedback-form .field-error .wrap-input span {background-position:0 -60px}

		.feedback-form .field .wrap-textarea {
			position:relative;
			display:inline-block;
			padding:8px 0 0 10px;
			background:#fff url(../images/textarea-bg.png) no-repeat 0 0;
			}
			.feedback-form .field .wrap-textarea span {
				display:block;
				padding:0 10px 8px 0;
				background:url(../images/textarea-bg.png) no-repeat 100% 100%;
				}
			.feedback-form .field .wrap-textarea .corner {
				position:absolute;
				display:block;
				width:10px;
				height:10px;
				background:url(../images/textarea-bg.png) no-repeat 0 0;
				}
				.feedback-form .field .wrap-textarea .c-tr {top:0; right:0; background-position:-990px 0}
				.feedback-form .field .wrap-textarea .c-bl {bottom:0; left:0; background-position:0 -990px}
			.feedback-form .field .wrap-textarea textarea {
				margin:0;
				padding:0;
				border:none;
				background:#fff;
				resize:none;
				outline:0;
				overflow:auto;
				}
			.feedback-form .field-error .wrap-textarea,
			.feedback-form .field-error .wrap-textarea span,
			.feedback-form .field-error .wrap-textarea .corner {
				background-image:url(../images/textarea-bg-error.png);
				}

		.feedback-form .field .error-note {
			float:left;
			clear:left;
			display:inline;
			margin:0 0 10px -170px;
			padding:3px 0 0;
			width:155px;
			text-align:right;
			color:#dd6227;
			font-size:11px;
			line-height:12px;	
			}
            input.error{
                border: 1px solid red;
            }
		.feedback-form input.form-submit {
			padding:0;
			margin:0;
			width:112px;
			height:33px;
			border:none;
			background:url(../images/submit-button.png) no-repeat 0 0;
			text-align:center;
			font:12px/33px 'PFAgoraSansProBold', Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#fff;
			cursor:pointer;
			}
			.feedback-form input.form-submit[disabled] {
				background-position:0 -35px;
				cursor:default;
				}

		.feedback-form #username,
		.feedback-form #usermail,
		.feedback-form #usermessage {width:270px}
	/* - Feedback-form */



	/* + Map */
	#map {
		width:780px;
		}
		#map .window-heading {
			text-align:left;
			}
		#map .map-wrap {
			position:relative;
			}
			#map #map-block {
				width:100%;
				height:390px;
				}
			#map .contacts-info {
				position:absolute;
				top:40px;
				right:20px;
				padding:15px 15px 10px;
				width:205px;
				background:#fff;
				border:1px solid #c5c5c5;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
				-moz-box-shadow:4px 3px 3px #878787;
				-webkit-box-shadow:4px 3px 3px #878787;
				box-shadow:4px 3px 3px #878787;
				font-size:12px;
				line-height:18px;
				}
				#map .contacts-info p {
					margin:0 0 15px;
					padding:0;
					}
	/* - Map */

/* - Layout */