/*
	© Uniqum Creative Agency
*/

* { margin: 0; padding: 0; resize: none; outline: none; }

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

}

@font-face {
    font-family: 'rdinbold';
    src: url('../fonts/rdin-bold.eot');
    src: url('../fonts/rdin-bold.eot') format('embedded-opentype'),
         url('../fonts/rdin-bold.woff2') format('woff2'),
         url('../fonts/rdin-bold.woff') format('woff'),
         url('../fonts/rdin-bold.ttf') format('truetype'),
         url('../fonts/rdin-bold.svg#RDinBold') format('svg');
}

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

.transition {
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

html, body {
	height: 100%;
}

img { border: 0; }

body {
	background: url('../images/pattern.png') #2f3354 repeat;
	font-size: 14px;
	font-family: 'rdinnormal', Arial;

}

header {
	height: 123px;
	background: url('../images/header.jpg') repeat-x;
	position: fixed;
	width: 100%; top: 0; left: 0;
	z-index: 1000;
	border-bottom: 1px #2d3451 solid;
		-webkit-box-shadow: 0 1px 2px rgba(30,33,58,.85);
			-moz-box-shadow: 0 1px 2px rgba(30,33,58,.85);
				box-shadow: 0 1px 2px rgba(30,33,58,.85);

	.container_12, .grid_10, .grid_2 { position: relative; }
	.grid_10, .grid_2 { z-index: 1; }

	.logo {
		width: 138px; height: 202px;
		margin-top: -2px;
		margin-left: -4px;
	}

	.phones {
		color: #7f7f84;
		/*opacity: 0.3;*/
		/*font-size: 0.857em;*/
		margin-top: 26px;
		margin-left: 5px;
		a {
			color: #7f7f84;
			text-decoration: none;
		}
	}

	.outside {
		background: url('../images/header_outside.jpg') no-repeat;
		width: 100%; height: 123px;
		position: absolute; left: 0; top: 0; z-index: 0;
	}

	.top_nav {
		position: absolute;
		top: 20px; right: -9px;
		.btn { margin-right: 9px; }
	}

	nav {
		margin-left: 5px;
		margin-top: 30px;

		ul {
			list-style: none;

			li {
				float: left;
				padding: 0 16px;
				position: relative;
				line-height: 12px;
				padding-top: 3px;
				height: 40px;

				&:before {
					content: "";
					background: #484b5b;
					width: 1px; height: 33px;
					position: absolute;
					left: 0; top: 0;
				}

				&:first-child {
					padding-left: 0;
					&:before {
						display:none;
					}
				}

				&:last-child { padding-right: 0 !important; }

				/*&:hover {*/
					a:hover {
						&:before {
							width: 100%;
						}
					}
				/*}*/

				a {
					color: #e8ebed;
					text-decoration: none;
					text-transform: uppercase;
					font-size: 13px;
					font-family: 'rdinmedium', Arial;
					position: relative;
					display: block;
					height: 100%;
					line-height: 13px;

					&:before {
						content: "";
						width: 0;
						height: 4px;
						background-color: #d41751;
						position: absolute;
						top: 43px; left: 0;
							-webkit-transition: all 0.20s ease-in-out;
						    -moz-transition: all 0.20s ease-in-out;
						    -o-transition: all 0.20s ease-in-out;
						transition: all 0.20s ease-in-out;
					}
				}
			}
		}

	}
}

.btn {

	height: 24px; line-height: 24px;
	padding: 0 15px;
	text-decoration: none;
	font-size: 0.929em;
	display: inline-block;
	*zoom: 1; *display: inline;
	.transition;

	&.btn-bordered {
		color: #7f7f84;
		border: 1px #6a6a78 solid;

		&:hover {
			color: #e8ebed;
			border-color: #fff;;
		}
	}

}

#parallax {
	margin-top: 110px;
	position: relative;
	height: 687px;

	.grid_12 {
		position: relative;
		.man {
			width: 821px; height: 793px;
			position: absolute;
			left: 37px; top: 29px;
			background: url('../images/man.png') no-repeat;

			&:before {
				content: "";
				position: absolute;
				width: 30px; height: 4px;
				background-color: #e8ebed;
				left: -33px; top: 574px;
			}
		}
		.text {
			color: #e8ebed;
			font-size: 16px;
			position: absolute;
			top: 554px;
			left: 563px;
			line-height: 18px;
			i {
				position: absolute;
				left: -16px; top: 1px;
				font-size: 22px;
				font-style: normal;
			}
		}
	}

	.one {
		background: url('../images/sky.jpg') no-repeat;
		/*background-attachment: fixed;*/
		width: 100%; height: 256px;
		position: absolute;
		/*left: 0; top: 126px;*/
		top: 12px;
	}
	.two {
		background: url('../images/st1.png') no-repeat;
		width: 100%; height: 612px;
		position: absolute;
		top: 130px;
		/*background-attachment: fixed;*/
		/*left: 0; top: 126px;*/
	}
	.three {
		top: 162px;
		background: url('../images/st2.png') no-repeat;
		width: 100%; height: 685px;
		position: absolute;
		/*background-attachment: fixed;*/
		/*left: 0; top: 126px;*/
	}

}

#about {
	/*padding-top: 46px;*/
	border-top: 5px #49558a solid;
	background: url('../images/warrior_shadow.png') 180px 0 no-repeat;
	overflow: hidden;

	.container_12 {
		position: relative;
		z-index: 1;
	}

	.content_layout {
		background: url('../images/about_section.jpg') 0 bottom no-repeat;
		width: 100%;
		height: 471px;
		position: relative;
		z-index: 3;
		.item {
			width: 300px; height: 220px;
			border-top: 5px #e8ebed solid;
			position: relative;
			top: -75px;
			-webkit-box-shadow: 0px 9px 16px -3px rgba(14, 19, 43, 0.70);
				-moz-box-shadow: 0px 9px 16px -3px rgba(14, 19, 43, 0.70);
					box-shadow: 0px 9px 16px -3px rgba(14, 19, 43, 0.70);
			position: relative;
			

			a { display: block; }

			.pattern_top {
				position: absolute;
				width: 57px; height: 27px;
				left: 50%; top: 0;
				margin-left: -28px;
				background: url('../images/pattern_top_image.png') no-repeat;
				z-index: 1;
			}

			.text {
				color: #e8ebed;
				margin-top: 48px;
				padding-left: 80px;
				padding-right: 20px;
				position: relative;
				line-height: 19px;
				font-size: 16px;

				/*&:before {
					content: "";
					width: 43px; height: 43px;
					border: 2px #fff solid;
					border-radius: 50%;
					position: absolute;
					left: 0; top: 4px;
				}*/
			}
			.image {
				position: relative;
				overflow: hidden;
				width: 300px; height: 220px;

				.shadow {
					position: absolute;
					width: 0; height: 0;
					border-bottom: 220px solid #1d243a;
					border-left: 300px solid transparent;
					top: 0; left: 0;
					opacity: 0.5;
					-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
							-o-transition: all 0.3s ease-in-out;
								transition: all 0.3s ease-in-out;
				}

				&:hover {

					.shadow {
						border-left-width: 600px;
						border-bottom-width: 440px;
					}
				}
			}
		}
	}

	.pattern {
		background: url('../images/about_pattern.png') no-repeat;
		width: 942px; height: 472px;
		margin-left: -471px;
		position: absolute;
		left: 50%; top: 0;
	}

	.top_layout {
		/*background: url('../images/pattern.png') repeat;*/
		width:100%; height: 408px;
	}

	h1 {
		font: 34px 'rdinbold', Arial;
		margin-top: 260px;
		color: #e8ebed;
		text-transform: uppercase;
		position: relative;
		margin-left: 159px;

		&:before {
			content: "";
			width: 80px; height: 2px;
			position: absolute;
			left: -19px; top: -13px;
			background: #fff;
		}
		&:after {
			content: "";
			width: 60px; height: 2px;
			position: absolute;
			left: 1px; top: -11px;
			background: #fff;
		}

		span {
			font-family: 'rdinnormal', Arial;
		}
	}

	.icons_complex {
		background: url('../images/icons_complex.png') no-repeat;
		position: absolute;

		&.sword {
			width: 74px; height: 70px;
			left: -7px; top: -4px;

			&:before {
				content: "";
				width: 28px; height: 2px;
				background-color: #e8ebed;
				position: absolute;
				bottom: -23px; left: 23px;
			}
		}
		&.head {
			width: 72px; height: 92px;
			background-position: 0 -70px;
			left: -10px; top: -17px;

			&:before {
				content: "";
				width: 28px; height: 2px;
				background-color: #e8ebed;
				position: absolute;
				bottom: -14px; left: 26px;
			}
		}
		&.shield {
			width: 74px; height: 79px;
			background-position: 0 -162px;
			left: -9px; top: -5px;

			&:before {
				content: "";
				width: 28px; height: 2px;
				background-color: #e8ebed;
				position: absolute;
				bottom: -15px; left: 25px;
			}
		}
	}
}

#price {
	background: url('../images/price_bg.jpg') no-repeat;
	height: 368px;
	border-bottom: 11px #2f3354 solid;
	padding-top: 100px;

	h1 {
		font: 34px 'rdinbold', Arial;
		margin-left: 159px;
		color: #e8ebed;
		text-transform: uppercase;
		position: relative;
		z-index: 1;

		&:before {
			content: "";
			width: 80px; height: 2px;
			position: absolute;
			left: -19px; top: -13px;
			background: #fff;
		}
		&:after {
			content: "";
			width: 60px; height: 2px;
			position: absolute;
			left: 1px; top: -11px;
			background: #fff;
		}
	}

	.item {
		width: 244px; min-height: 292px;
		margin: -33px auto 0 auto;
		border: 1px transparent solid;
		cursor: default;
		position: relative;

		&:before {
			content: "";
			width: 1px; height: 56px;
			background: #3d4774;
			background: rgba(61, 71, 116, 0.2);
			position: absolute;
			right: -39px; top: 119px;
		}

		&:hover .item_pattern {
			opacity: 1;
		}

		&.hide {
			.item_pattern {
				opacity: 0;
			}
		}
		&.second {
			&.hide {
				.item_pattern { opacity: 0; }
			}
			.item_pattern {
				opacity: 1;
			}
		}

		.item_pattern {
			.transition;
			/*display: none;*/
			opacity: 0;
			width: 244px; height: 292px;
			background: url('../images/price_item_pattern.png') no-repeat;
			position: absolute;
			z-index: 0;
		}

		.cost {
			background: url('../images/price_item_bg.png') no-repeat;
			width: 129px; height: 141px;
			margin: 76px auto 0 auto;
			position: relative;
			padding-top: 45px;
			color: #e8ebed;
			font-size: 42px;
			white-space: nowrap;
			.text {
				margin-left: -20px;
				span {
					font-size: 30px;
				}
			}
			.description {
				font-size: 16px;
				position: relative;
				top: 64px;
				width: 300px; text-align: center;
				margin-left: -84px;
			}
		}

		&.first {
			.cost:before {
				content: "";
				position: absolute;
				left: -88px; top: 39px;
				width: 220px; height: 3px;
				background: #3c4871;
				.transition;
			}
			.cost:after {
				content: "";
				position: absolute;
				left: 53px; top: 100px;
				width: 130px; height: 1px;
				background: #e8ebed;
				.transition;
			}
			&:hover {
				.cost:before {
					left: -37px;
				}
				.cost:after {
					left: -55px;
				}
			}
		}
		&.second {
			.cost:before {
				content: "";
				position: absolute;
				left: -56px; top: 41px;
				width: 242px; height: 1px;
				background: #e8ebed;
				.transition;
			}
			.cost:after {
				content: "";
				position: absolute;
				left: -7px; top: 100px;
				width: 143px; height: 3px;
				background: #3d4a73;
				.transition;
			}
			&:hover {
				.cost:before {
					left: -7px;
					width: 143px;
				}
				.cost:after {
					left: -56px;
					width: 242px;
				}
			}
		}
		&.last {
			&:before { display: none; }
			.cost:before {
				content: "";
				position: absolute;
				left: -5px; top: 39px;
				width: 220px; height: 3px;
				background: #3c4871;
				.transition;
			}
			.cost:after {
				content: "";
				position: absolute;
				left: -55px; top: 100px;
				width: 130px; height: 1px;
				background: #e8ebed;
				.transition;
			}
			&:hover {
				.cost:before {
					left: -55px;
				}
				.cost:after {
					left: 53px;
				}
			}
		}
	}
}

#layout {
	background: url('../images/layout_bg.jpg') no-repeat;
	min-height: 618px;
	/*border-bottom: 11px #49558a solid;*/
	border-bottom: 11px #434e7f solid;
	position: relative;
	padding-top: 91px;

	.pattern {
		background: url('../images/pattern_layout.png') 900px 150px no-repeat;
		width: 657px; height: 706px;
		top: -90px; right: -120px;
		position: absolute;
		background-attachment: fixed;

		&:before {
			content: "";
			position: absolute;
			width: 20px; height: 4px;
			background-color: #e8ebed;
			right: 130px; top: 134px;
		}
	}

	.container_12 { position: relative; }

	.decor {
		background: url('../images/layout_decor.png') no-repeat;
		width: 59px; height: 25px;
		position: absolute;
		left: 50%; top: -25px;
		margin-left: -30px;

	}

	h1 {
		font: 34px 'rdinbold', Arial;
		margin-left: 159px;
		color: #e8ebed;
		text-transform: uppercase;
		position: relative;

		&:before {
			content: "";
			width: 80px; height: 2px;
			position: absolute;
			left: -19px; top: -13px;
			background: #fff;
		}
		&:after {
			content: "";
			width: 60px; height: 2px;
			position: absolute;
			left: 1px; top: -11px;
			background: #fff;
		}
	}

	.nav {
		margin-top: 145px;

		.title {
			color: #e8ebed;
			font-size: 30px;
			position: absolute;
			top: 28px;
			span { font-size: 16px; position: relative; top: 0px; }
			em { font-style: normal; top: -4px; position: relative; }
			.title_item  {
				position: absolute;
				white-space: nowrap;
				/*left: -600px;*/
				/*opacity: 0;*/
				-webkit-animation: animateTextRepeat .15s ease-in-out 0s both;
						animation: animateTextRepeat .15s ease-in-out 0s both;

				/*-webkit-transition: left 0.5s ease-in-out;
					-moz-transition: left 0.5s ease-in-out;
						-o-transition: left 0.5s ease-in-out;
							transition: left 0.5s ease-in-out;*/

				&.active {
					/*left: 0 !important;*/
						-webkit-animation: animateText .5s ease-in-out .3s both;
					animation: animateText .5s ease-in-out .3s both;
				}
			}
		}

		ul {
			list-style: none;

			li {
				width: 60px; height: 59px;
				border-top: 1px #16192a solid;
				position: relative;
				cursor: pointer;

				&:first-child {
					border-top: 1px transparent solid;
				}

				a {
					display: block;
					text-align: center;
					line-height: 60px;
					font-size: 17px;
					color: #fff;
					background-color: #1e2136;
					-webkit-box-shadow: 0 1px 1px rgba(47,51,84,.48), inset 0 1px rgba(47,51,84,.32);
						-moz-box-shadow: 0 1px 1px rgba(47,51,84,.48), inset 0 1px rgba(47,51,84,.32);
							box-shadow: 0 1px 1px rgba(47,51,84,.48), inset 0 1px rgba(47,51,84,.32);
					background-image: -webkit-linear-gradient(bottom, rgba(61,74,115,.27), rgba(61,74,115,0));
					background-image: -moz-linear-gradient(bottom, rgba(61,74,115,.27), rgba(61,74,115,0));
					background-image: -o-linear-gradient(bottom, rgba(61,74,115,.27), rgba(61,74,115,0));
					background-image: linear-gradient(to top, rgba(61,74,115,.27), rgba(61,74,115,0));
					text-decoration: none;
					position: relative;
					z-index: 11;
					span {
						position: relative;
						z-index: 0;
					}
					&:before {
						content: "";
						width: 0; height: 0;
						border-top: 0px solid #9e1a49;
    					border-right: 0px solid transparent;
    					position: absolute;
    					left: 0; top: -1px;
    					-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
							-o-transition: all 0.3s ease-in-out;
								transition: all 0.3s ease-in-out;
					}
				}

				&.active {
					a {
						&:before {
							border-top: 60px solid #9e1a49;
	    					border-right: 60px solid transparent;
						}
					}
				}

				.text {
					-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
							-o-transition: all 0.3s ease-in-out;
								transition: all 0.3s ease-in-out;
					opacity: 0;
					visibility: hidden;
					color: #e8ebed;
					height: 61px;
					line-height: 61px;
					white-space: nowrap;
					position: absolute;
					left: 0px; top: 0px;
					background-color: #1e2136;
					z-index: 10;

					span {
						display: block;
						padding: 0 25px;
					}
				}
				&:hover {
					&.active {
						.text { visibility: hidden !important; }
					}
					.text { min-width: 100%; width: auto; left: 60px; opacity: 1; visibility: visible; }
				}
			}
		}
	}

	.slider {
		width: 780px; height: 532px;
		position: relative;
		margin-top: 44px;

		ul {
			list-style: none;

			li {
				position: absolute;
				left: 1500px;
				top: 0;
				/*opacity: 0;*/
				/*left: 100%;*/
				/*-webkit-transition: all 0.5s ease-in 0s;
						-moz-transition: all 0.5s ease-in 0s;
							-o-transition: all 0.5s ease-in 0s;
								transition: all 0.5s ease-in 0s;*/

				&.active {
					display: block !important;
					/*left: 0 !important;*/
					/*opacity: 1 !important;*/
				}
			}
		}
	}
}

#passport {
	padding-top: 93px;
	height: 562px;
	background: url('../images/passport_bg.jpg') no-repeat;
	border-bottom: 5px #d41751 solid;

	h1 {
		font: 34px 'rdinbold', Arial;
		margin-left: 159px;
		color: #e8ebed;
		text-transform: uppercase;
		position: relative;

		&:before {
			content: "";
			width: 80px; height: 2px;
			position: absolute;
			left: -19px; top: -13px;
			background: #fff;
		}
		&:after {
			content: "";
			width: 60px; height: 2px;
			position: absolute;
			left: 1px; top: -11px;
			background: #fff;
		}
		span {
			font-family: 'rdinnormal', Arial;
		}
	}
	.content { margin-top: 40px; }
	.item {
		padding-bottom: 26px;
		position: relative;
		margin-bottom: 15px;
		height: 38px;
		cursor: default;

		&:hover {
			.text {
				color: #e8ebed;
			}
		}

		&.item_large {
			height: 85px;
		}

		.name {
			color: #e8ebed;
			font: 14px 'rdinbold', Arial;
			text-transform: uppercase;
		}

		.text {
			color: #888a9a;
			font-size: 16px;
			.transition;
		}

		&:before {
			content: "";
			width: 31px; height: 2px;
			background-color: #e8ebed;
			position: absolute; bottom: 0; left: 0;
		}

	}

}

#location {
	padding-top: 90px;
	padding-bottom: 40px;
	height: 690px;
	background: url('../images/layout_bg.jpg') repeat-y;

	h1 {
		font: 34px 'rdinbold', Arial;
		margin-left: 159px;
		color: #e8ebed;
		text-transform: uppercase;
		position: relative;

		&:before {
			content: "";
			width: 80px; height: 2px;
			position: absolute;
			left: -19px; top: -13px;
			background: #fff;
		}
		&:after {
			content: "";
			width: 60px; height: 2px;
			position: absolute;
			left: 1px; top: -11px;
			background: #fff;
		}
	}

}
#location .streets .item {
	background-color: rgba(38,43,69,0.65);
	height: 32px;
	line-height: 32px;
	color: #e8ebed;
	font-size: 13px;
	padding: 0 16px;
	position: absolute;
	display: none;
	font-size: 15px
}
#location .streets .item.s1 {
	position: absolute;
	top: 333px;
	left: 44px
}
#location .streets .item.s1:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid rgba(38,43,69,0.65);
	border-left: 6px solid transparent;
	right: 16px;
	bottom: -12px
}
#location .streets .item.s2 {
	position: absolute;
	top: 141px;
	left: 271px
}
#location .streets .item.s2:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid rgba(38,43,69,0.65);
	border-right: 6px solid transparent;
	left: 16px;
	bottom: -12px
}
#location .streets .item.s3 {
	position: absolute;
	top: 328px;
	left: 305px
}
#location .streets .item.s3:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 12px solid rgba(38,43,69,0.65);
	border-left: 6px solid transparent;
	right: 16px;
	top: -12px
}
#location .streets .item.s4 {
	position: absolute;
	top: 392px;
	left: 326px
}
#location .streets .item.s4:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid rgba(38,43,69,0.65);
	border-left: 6px solid transparent;
	right: 16px;
	bottom: -12px
}
#location .streets .item.s5 {
	position: absolute;
	top: 217px;
	left: 627px
}
#location .streets .item.s5:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid rgba(38,43,69,0.65);
	border-right: 6px solid transparent;
	left: 16px;
	bottom: -12px
}
#location .streets .item.s6 {
	position: absolute;
	top: 299px;
	left: 774px
}
#location .streets .item.s6:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 12px solid rgba(38,43,69,0.65);
	border-right: 6px solid transparent;
	left: 16px;
	bottom: -12px
}

#request {
	/*padding-top: 73px;*/
	margin-top: 93px;

	h1 {
		font: 34px 'rdinbold', Arial;
		margin-left: 159px;
		color: #e8ebed;
		text-transform: uppercase;
		position: relative;

		&:before {
			content: "";
			width: 80px; height: 2px;
			position: absolute;
			left: -19px; top: -13px;
			background: #fff;
		}
		&:after {
			content: "";
			width: 60px; height: 2px;
			position: absolute;
			left: 1px; top: -11px;
			background: #fff;
		}
	}

	span {
		font-family: 'rdinnormal', Arial;
	}

	.separate {
		background: url('../images/pattern_bottom_image.png') center 0 no-repeat;
		border-bottom: 1px #e8ebed solid;
		height: 19px;
		margin-top: 50px;
	}

}


.form {
	margin-top: 44px;

	.input {
		border-right: 4px #5665a5 solid;
		overflow: hidden;

		&.error {
			border-right-color: #d41751;
			input[type="text"] {
				border-color: #d41751;
			}
		}
	}

	input[type="text"] {
		background: #e8ebed;
		height: 42px;
		color: #6c7ba9;
		padding: 0 20px;
		width: 256px;
		border: 4px transparent solid;
		border-right: none;
		/*border-right: 4px #5665a5 solid;*/
		font: 16px 'rdinnormal', Arial;

		&:focus {
			border: 4px #5665a5 solid;
			border-right: none;
			height: 42px;
			/*width: 258px;*/
		}
	}

	.btn-submit {
		background: #d41751;
		height: 50px; line-height: 50px;
		color: #e8ebed;
		/*width: 100%;*/
		text-align: center;
		border: none;
		border-right: 4px #9e1b4a solid;
		margin-top: 20px;
		cursor: pointer;
		font: 16px 'rdinbold', Arial;
		text-transform: uppercase;
		position: relative;
		overflow: hidden;

		&:hover {
			border-right-color: #d41751;
			.text_out { top: -50px; }
			.text_over { top: 0; }
		}

		.text_out {
				-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			position: absolute;
			top: 0; left: 0;
			height: 50px; line-height: 50px;
			width: 100%;
		}
		.text_over {
				-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			position: absolute;
			top: 50px; left: 0;
			height: 50px; line-height: 50px;
			width: 100%;
			background: #e8ebed;
			color: #d41751;
		}

		.text_success {
				-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			position: absolute;
			top: 150px; left: 0;
			height: 50px; line-height: 50px;
			width: 100%;
			background: #3d4a73;
			color: #e8ebed;
			cursor: default;
		}

		&.active {
			border-right-color: #5665a5;

			.text_success {
				top: 0;
				z-index: 1000;
			}
		}
	}

	input[type="submit"] {
		opacity: 0;
		position: absolute;
		width: 100%; height: 100%;
		left: 0; top: 0;
		z-index: 1;
		cursor: pointer;
	}

	.checkbox_inside {
		margin-top: 20px;
		background: #3d4a73;
		height: 50px;
		padding: 0 0 0 20px;

		label {
			top: 12px;
			position: relative;
			font-size: 16px;
			color: #e8ebed;
			margin-right: 22px;
			cursor: pointer;
		}
		.jq-checkbox {
			.transition;
		}
	}
}

#contacts {
	margin-top: 97px;
	/*font-size: 0;*/

	.grid_12 { width: 980px; }

	h1 {
		font: 34px 'rdinbold', Arial;
		margin-left: 159px;
		color: #e8ebed;
		text-transform: uppercase;
		position: relative;

		&:before {
			content: "";
			width: 80px; height: 2px;
			position: absolute;
			left: -19px; top: -13px;
			background: #fff;
		}
		&:after {
			content: "";
			width: 60px; height: 2px;
			position: absolute;
			left: 1px; top: -11px;
			background: #fff;
		}
		span {
			font-family: 'rdinnormal', Arial;
		}
	}

	address {
		/*padding-left: 49px;*/
		/*margin-left: 4px;*/
		color: #e8ebed;
		font-style: normal;
		display: inline-block;
		*zoom: 1; *display: inline;
		margin-top: 41px;
		width: 476px;
		padding-top: 4px;

		&:first-child {
			margin: 0px 0 0 0; padding: 0;
		}

		.title {
			color: #d41751;
			font-size: 16px;
			padding-left: 34px;
			margin-bottom: 15px;
		}

		.phone {
			font: 23px/27px 'rdinbold', Arial;
			position: relative;
			padding-left: 33px;

			.icon {
				background: url('../images/icons.png') -1px -41px no-repeat;
				width: 19px; height: 24px;
				position: absolute;
				left: 0; top: 2px;
			}

			&.phone_mobile {
				padding-left: 28px;
				margin-left: 4px;
				.icon {
					background: url('../images/icons.png') -4px -14px no-repeat;
					width: 14px; height: 25px;
					position: absolute;
					left: 0; top: 7px;
				}
			}

			span {
				font: 23px 'rdinnormal', Arial;
			}
		}

		.location {
			position: relative;
			margin-left: -20px;
			font: 16px/45px 'rdinnormal', Arial;
			position: relative;
			margin-top: 11px;
			height: 45px;
			/*width: 475px;*/
			overflow: hidden;
			cursor: pointer;
			
			.text_over, .text_out {
				-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
						transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
				padding-left: 53px;
				width: 100%; height: 100%;
				position: absolute;
				top: 0; left: 0;
				width: 423px;
			}

			&:hover {
				.text_over { top: 0; } 
			}

			.text_out {
				background-color: #d41751;
			}

			.text_over {
				color: #d41751;
				background-color: #e8ebed;
				top: 45px;

				i {
					background-position: 0 -65px;
					left: 21px;
				}
			}

			&.last {
				.text_out, .text_over {
					left: 0;
					width: 447px;
					/*margin-right: -20px;*/
					position: absolute;
				}
			}

			.icon {
				background: url('../images/icons.png') -3px -87px no-repeat;
				width: 19px; height: 22px;
				position: absolute;
				left: 24px; top: 11px;
			}

		}
	}
	.email {
		width: 940px; height: 43px;
		text-transform: uppercase;
		font: 16px 'rdinnormal', Arial;
		position: relative;
		padding-left: 31px;
		background: url('../images/email_bg.png') no-repeat;

		a {
			color: #e8ebed;
			text-decoration: none;
		}

		.icon {
			background: url('../images/icons.png') 0 0 no-repeat;
			width: 22px; height: 16px;
			position: absolute;
			left: -34px; top: 2px;
		}
		.text {
			position: absolute;
			top: 31px; left: 416px;
		}
	}

	.map {
		max-width: 1394px;
		min-width: 972px;
		height: 420px;
		border: 4px #d41751 solid;
		margin: 42px auto 0 auto;
		position: relative;
		z-index: 1;
		background-color: #f7f1d9;
	}
}

footer {
	height: 108px;
	padding-top: 220px;
	background: url('../images/price_bg.jpg') repeat;
	position: relative;
	margin-top: -140px;
	color: #e8ebed;

	.copyright {

	}

	.nav {
		margin-left: -2px;

		ul {
			list-style: none;
			li {
				float: left;
				margin-right: 30px;
			}
		}
	}

	a {
		color: #e8ebed;
		text-decoration: none;

		span {
			border-bottom: 1px #ced1d5 solid;
			.transition;
		}

		&:hover {
			span { border-bottom-color: transparent; }
		}
	}

	.developer {
		background: url('../images/uniqum.png') no-repeat;
		padding: 8px 0 0 42px;
		margin: -4px 0 0 0;
		line-height: 14px;
	}
}

.show_image {
	/*transition: all 5s linear;*/
	/*.transition;*/
	/*width: 600px; height: 600px;*/
	/*width: 0px; height: 0px;*/
	/*width: 940px; height: 686px;*/
	margin: -225px 0 0 0;
	width: 940px; height: 560px;
	/*left: 50%; top: 50%;*/
	position: absolute;
	/*background: #fff;*/
	/*overflow: hidden;*/
	/*left: -320px; top: -236px;*/
	/*margin: 14px 0 0 -470px;*/
	-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
	transform: scale(1.3);
	border-top: 5px #e8ebed solid;
	/*display: none;*/
	-webkit-box-shadow: 0px 9px 16px -3px rgba(14, 19, 43, 0.70);
		-moz-box-shadow: 0px 9px 16px -3px rgba(14, 19, 43, 0.70);
			box-shadow: 0px 9px 16px -3px rgba(14, 19, 43, 0.70);

	/*img { width: 940px; height: 686px; }*/

	&.si2 { left: -320px; }
	&.si3 { margin: -225px 0 0 -640px; }

	&.active {
		/*display: block;*/
		/*margin: -120px 0 0 -470px;
		width: 940px; height: 560px;
		left: 50%; top: 50%;*/
		/*z-index: 100;*/
		visibility: visible;

		/*&.si1 {
			margin: -115px 0 0 -150px;
		}*/
		

		.control_nav, .close {
			opacity: 1;
		}
	}

	/*img { width: 100%; height: 100%; }*/

	.control_nav {
		opacity: 0;
		position: absolute;
		left: 0; top: 0;
		z-index: 10;
		width: 120px; height: 60px;
		.transition;

		.prev, .next {
			width: 60px; height: 60px;
			/*background-color: #4e5e91;*/
			float: left;
			position: relative;
			.transition;
			overflow: hidden;

			i {
				width: 11px; height: 20px;
				position: absolute;
				left: 50%; top: 50%;
				margin: -10px 0 0 -5.5px;
				background: url('../images/icon_nav.png') no-repeat;
			}
		}

		/*.next {
			i {
				background-position: 0 -20px;
			}
		}*/
		.btn_prev_out {
			width: 100%; height: 100%;
			position: absolute;
			left: 0; top: 0;
			background-color: #49558a;
			background-color: rgba(73,85,138,.78);
			-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
				-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
		}
		.btn_prev_over {
			background-color: #e8ebed;
			width: 100%; height: 100%;
			position: absolute;
			left: 0; top: 60px;
			-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
				-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;

			i {
				background-position: 0 -80px;
			}
		}
		.prev:hover {
			.btn_prev_over {
				top: 0;
			}
			.btn_prev_out {
				top: -60px;
			}
		}

		.btn_next_out {
			width: 100%; height: 100%;
			position: absolute;
			left: 0; top: 0;
			background-color: #3d4a73;
			background-color: rgba(61,74,115,.78);
			-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
				-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			i {
				background-position: 0 -20px;
			}
		}
		.btn_next_over {
			background-color: #e8ebed;
			width: 100%; height: 100%;
			position: absolute;
			left: 0; top: 60px;
			-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
				-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			i {
				background-position: 0 -100px;
			}
		}
		.next:hover {
			.btn_next_over {
				top: 0;
			}
			.btn_next_out {
				top: -60px;
			}
		}
	}

	.close {
		.transition;
		opacity: 0;
		position: absolute;
		right: 0; top: 0;
		width: 60px; height: 60px;
		cursor: pointer;
		overflow: hidden;

		.btn_close_out {
			background-color: #49558a;
			background-color: rgba(73, 85, 138, 0.78);
			width: 100%; height: 100%;
			position: absolute;
			left: 0; top: 0;
			-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
				-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
		}
		.btn_close_over {
			background-color: #e8ebed;
			width: 100%; height: 100%;
			position: absolute;
			left: 0; top: 60px;
			-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
				-moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
					transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;

			i {
				background-position: 0 -60px;
			}
		}

		&:hover {
			.btn_close_over {
				top: 0;
			}
			.btn_close_out {
				top: -60px;
			}
		}

		i {
			width: 20px; height: 20px;
			position: absolute;
			left: 50%; top: 50%;
			margin: -10px 0 0 -10px;
			background: url('../images/icon_nav.png') 0 -40px no-repeat;
		}
	}
}

.slider_image {
	/*position: relative;*/
	overflow: hidden;

	ul {
		width: 2000em;
		list-style: none;
		position: relative;

		li {
			float: left;
		}
	}
}

@keyframes animateTextRepeat {
	0% { opacity: 1; left: 0; }
	100% { opacity: 0; left: 0; }
	
}
@-webkit-keyframes animateTextRepeat {
	0% { opacity: 1; left: 0; }
	100% { opacity: 0; left: 0; }
}
@keyframes animateText {
	0% { opacity: 0; left: -100px; }
	80% { opacity: 0.5; }
	100% { opacity: 1; left: 0; }
}
@-webkit-keyframes animateText {
	0% { opacity: 0; left: -100px; }
	80% { opacity: 0.5; }
	100% { opacity: 1; left: 0; }
}