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

* { margin: 0; padding: 0; outline: none; resize: none; /*-webkit-backface-visibility: hidden;*/ }
header, nav, section, article, aside, footer {display:block;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#fff; opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color:#fff; opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color:#fff; opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color:#fff; opacity: 1;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color:#31394b; opacity: 1;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color:#31394b; opacity: 1;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color:#31394b; opacity: 1;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color:#31394b; opacity: 1;
}

html, body { height: 100%; }

body {
	font-size: 14px;
	font-family: Arial;
	line-height: 18px;
	background: #fff;
	/*transition: background 0.3s;*/
}

.overlay {
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
	background: #000;
	width: 100%; height: 100%;
	position: fixed;
	left: 0; top: 0;
	z-index: 8010;
}

img { border: none; }

header {
	background: url('../images/header.jpg') rgba(49,57,75,1) center 0 no-repeat;
	background-attachment: fixed;
	width: 100%; height: 790px;
	
	.logo {
		margin-top: 69px;
	}
	
	nav {
		float: right;
		margin-top: 86px;
		margin-right: 8px;
		
		ul {
			list-style: none;
			
			li {
				float: left;
				margin-left: 27px;
				
				a {
					color: #fff;
					font: 0.929em "RalewayBlack", Arial;
					text-transform: uppercase;
					text-decoration: none;

					span {
						padding-bottom: 2px;
						border-bottom: 2px transparent solid;
						transition: border 0.25s ease-in-out 0s;
					}
					
					&:hover span { border-bottom-color: #95c12b; }
					
				}
			
				&.dropdown {
					position: relative;
					padding-right: 42px;
					
					.button {
						margin: -2px -4px 0 14px;
						width: 20px; height: 20px;
						border-radius: 12px;
						border: solid 2px #747e9a;
						float: right;
						right: 6px; top: 0;
						cursor: pointer;
						position: absolute;
						
						i {
							background: url('../images/bottom-green-arrow.png') 0 0 no-repeat;
							width: 8px; height: 5px;
							position: absolute;
							left: 50%; top: 50%;
							margin: -2.5px 0 0 -4px;
						}
						
						&:hover {
							i {
								background-position: 0 -5px;
							}
						}
					}
					
					.hide {
						display: none;
						position: absolute;
						top: 46px; right: -87px;
						background: #fff;
						border: 1px #b9becc solid;
						width: 200px;
							-webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
							-moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
						box-shadow: 0 4px 16px rgba(0,0,0,.2);
						z-index: 10;
						
						&:before {
							content: "";
							width: 0; height: 0;
							border-left: 10px solid transparent;
							border-right: 10px solid transparent;
							border-bottom: 11px solid #fff;
							position: absolute; top: -11px; left: 50%;
							margin-left: -10px;
						}
						
						ul {

							li {
								float: none;
								margin: 0; padding: 0;
								white-space: nowrap;
								border-top: 1px #e2e9ed solid;
								
								&:first-child {
									border-top: 0;
								}
								
								&:hover {
									background: #f0f4f6;

									a {
										color: #3b4c7d;
									}
								}
								
								a {
									display: block;
									height: 39px;
									padding: 0 0 0 19px;
									color: #747e9a;
									/*font: 1em/39px Arial;*/
									font-family: Arial;
									line-height: 39px;
									text-transform: none;
								}
							}
						}
					}
				}
			}
		}
	}

	.languages {
		margin-top: 83px;
		position: relative;
		right: -12px;
		
		ul {
			list-style: none;

			li {
				float: left;
				border: 2px transparent solid;
				height: 20px; line-height: 20px;
				padding: 0 10px;
				border-radius: 12px;

				a {
					font: 0.929em "RalewayBlack", Arial;
					text-transform: uppercase;
					color: #747e9a;
					text-decoration: none;
					transition: color 0.25s ease-in-out 0s;
				}
				
				&.active {
					border-color: #747e9a;

					a {
						color: #fff;
					}
				}
				
				&:hover {
					a {
						color: #fff;
					}
				}
			}
		}
	}
	
	.top_slider {
		max-width: 1366px;
		height: 580px;
		overflow: hidden;
		margin: 0 auto 0 auto;
		padding-top: 72px;
		position: relative;

		.years {
			position: absolute;
			left: 683px;
			top: 36px;
		
			a {
				float: left;
				height: 24px; line-height: 24px;
				color: #747e9a;
				padding: 0 11px;
				text-decoration: none;
				font-size: 10px;
				border-radius: 12px;
				font-weight: bold;
				
				&.active {
					background: #747e9a;
					color: #fff;
				}
			}
		}
		
		.notebook {
			background: url('../images/notebook.png') no-repeat;
			width: 383px; height: 241px;
			margin-left: -119px;
			padding-left: 70px;
			padding-right: 66px;
			padding-bottom: 107px;
			overflow: hidden;
    		padding-top: 18px;
    		margin-top: 8px;
			position: relative;
			overflow: hidden;

			&:before {
				content: "";
				position: absolute;
				background: url('../images/hotspot.png') no-repeat;
				width: 207px; height: 267px;
				top: 0; right: 54px;
			}
			.image {
				width: 100%; height: 100%;
				overflow: hidden;

				img {
					max-width: 100%;
					height: auto;
				}
			}
		}

		.page_list {
			background: url('../images/page_list.png') 50px 0 no-repeat;
			width: 400px;/* height: 299px;*/
			margin-left: -119px;
			padding-left: 50px;
    		padding-top: 32px;
    		padding-right: 50px;
    		/*padding-bottom: 162px;*/
    		margin-top: 8px;
			position: relative;
			/*overflow: hidden;*/

			.image {
				width: 100%; height: 100%;
				overflow: hidden;

					-webkit-box-shadow: 0 80px 60px rgba(0,1,1,.4);
					-moz-box-shadow: 0 80px 60px rgba(0,1,1,.4);
				box-shadow: 0 80px 60px rgba(0,1,1,.4);

				img {
					height: auto;
					width: 100%;
					display: block;
				}
			}
		}

		.i1, .i2, .i3 {
			animation-duration: 1s;
			animation-delay: 0.3s;
			/*animation-iteration-count: infinite;*/
		}

		ul {
			list-style: none;
			width: 2000em;
			position: relative;
			
			li {
				float: left;
				width: 1366px;
				/*width: 100%;*/
			}
		}
		
		.slider_items {
			width: 100%;
		}
		
		.text {
			color: #fff;
			line-height: 22px;
			width: 460px;
			float: left;
			margin: 0 0 0 -100px;
			position: relative;
			
			.title {
				font: 20px/24px "RalewayBlack", Arial;
				margin-bottom: 32px;
				max-height: 70px;
				overflow: hidden;
			}
			
			.preview_text {
				max-height: 176px;
				overflow: hidden;
				margin-bottom: 45px;
			}
			
			.buttons {
				/*padding-top: 27px;*/
				/*position: absolute;
				top: 327px;*/
				
				.btn {
					line-height: 46px;

					em {
						font-style: normal;
						/*position: relative;
						top: -2px;*/
					}
				}
				
				.or {
					color: #727c99;
					position: relative;
					padding: 0 24px;
					top: 2px;
					
					&:before {
						content: "";
						border-top: 1px #727c99 dotted;
						position: absolute;
						left: 2px; top: 8px;
						width: 13px; height: 1px;
					}
					&:after {
						content: "";
						border-top: 1px #727c99 dotted;
						position: absolute;
						right: 2px; top: 8px;
						width: 13px; height: 1px;
					}
				}
			}
		}
		
		.images {
			width: 520px; height: 319px;
			position: relative;
			float: left;
			margin-left: 272px;
			/*margin-top: 20px;*/

			.i1 {
				background: url('/upload/slider/3s.png') no-repeat;
				width: 400px; height: 213px;
				position: absolute; left: 0; top: 0;
				z-index: 3;

				&:before {
					content: "";
					background: url('/upload/slider/shadow_1.png') no-repeat;
					width: 467px; height: 239px;
					position: absolute; left: -34px; top: 95px;
				}
			}
			
			.i2 {
				background: url('/upload/slider/2s.png') no-repeat;
				width: 400px; height: 213px;
				position: absolute; left: -120px; top: 33px;
				z-index: 2;

				&:before {
					content: "";
					background: url('/upload/slider/shadow_1.png') no-repeat;
					width: 467px; height: 239px;
					position: absolute; left: -34px; top: 95px;
				}
			}
			
			.i3 {
				background: url('/upload/slider/1s.png') no-repeat;
				width: 400px; height: 213px;
				position: absolute; left: -70px; top: 106px;
				
				&:before {
					content: "";
					background: url('/upload/slider/shadow_1.png') no-repeat;
					width: 467px; height: 239px;
					position: absolute; left: -33px; top: 95px;
				}
			}
		}
	}
	
	.slider-pagination {
		position: absolute;
		width: 12px;
		bottom: 437px; right: 71px;
		text-align: center;

		a {
			font-size: 0;
			width: 8px; height: 8px;
			border: 2px #747e9a solid;
			background: #31394b;
			display: block;
			border-radius: 50%;
			margin-bottom: 10px;
			
			&:hover {
				border-color: #fff;
			}
			
			&.active {
				background: #747e9a;
				border-color: #747e9a;
			}
		}
	}
	
	.slider-control-prev,
	.slider-control-next {
		position: absolute;
		width: 46px; height: 46px;
		border: 2px #747e9a solid;
		border-radius: 50%;
		left: 52px; top: 0;
		margin: 219px 0 0 0;
		background: #364364;
		z-index: 100;
		
		span {
			position: absolute;
			width: 74px; top: 23px;
			left: -93px; border-top: 1px #727c99 dotted;
		}
		
		i {
			position: absolute;
			background: url('../images/slider-arrow.png') 0 -16px no-repeat;
			width: 11px; height: 16px;
			left: 50%; top: 50%;
			margin: -8px 0 0 -6px;
		}
		
		&:hover i {
			background-position: 0 0;
		}
		&:active {
			border-color: #fff;
			i { background-position: 0 0; }
		}
	}
	.slider-control-next {
		left: auto; right: 52px;

		span {
			left: auto; right: -93px;
		}
		
		i {
			background-position: -11px -16px;
			margin-left: -5px;
		}

		&:hover i {
			background-position: -11px 0;
		}
		&:focus {
			border-color: #fff;
			i { background-position: -11px 0; }
		}
	}
	
	.all_projects {
		color: #fff;
		/*margin-left: -13px;
		margin-top: 8px;*/
		position: absolute;
		left: 672px; bottom: 99px;

		.typcn {
			font-size: 16px;
		}
		
		a {
			color: #fff;
			text-decoration: none;
			
			span {
				border-bottom: 1px #868ea1 solid;
			}
			
			&:hover span {
				border-bottom-color: transparent;
			}
		}
	}
}

.main { min-height: 100%; }
.pref { height: 370px; }

footer {
	margin-top: -370px;
	width: 100%; height: 370px;
	background: #eee;
	color: #696e7e;
	
	.copyright {
		margin-top: 122px;
		font-size: 1em;
		line-height: 18px;

		p {
			margin-bottom: 18px;
		}
		span {
			color: #31394b;
		}
	}
	
	.society {
		margin-top: 121px;
	
		a {
			display: inline-block;
			height: 24px; /*width: 51px;*/
			font-weight: bold;
			font-size: 10px;
			padding: 0 10px;
			line-height: 18px;
			color: #fff;
			text-align: center;
			border-radius: 12px;
			text-decoration: none;
			margin-bottom: 11px;
			white-space: nowrap;

			.typcn {
				top: 1px;
				position: relative;
				color: #fff;
				font-size: 16px;
				width: 13px;
				left: -3px;
			}
			span {
				
			}
		}

		.fb {
			background: #31649d;
		}
		.twitter {
			background: #2eb1e9;
		}
	}
	
	.nav {
		margin-top: 122px;
		margin-left: -8px;

		ul {
			list-style: none;

			li {
				line-height: 18px;
				margin-bottom: 17px;
				
				&:before {
					content: "\e01b";
					font-family: "typicons";
					font-style: normal;
					font-weight: normal;
					speak: none;
					display: inline-block;
					text-decoration: inherit;
					font-size: 1.143em;
					text-align: center;
					-webkit-font-smoothing: antialiased;
					font-smoothing: antialiased;
					text-rendering: optimizeLegibility;
					position: relative;
					left: -10px;
				}
				
				a {
					text-decoration: none;
					color: #696e7e;

					span {
						border-bottom: 1px #b9bbc1 solid;
					}

					&:hover span { border-bottom-color: transparent; }
				}
			}
		}
	}
	
	.dev {
		margin-left: 41px;
		margin-top: 115px;
		color: #696e7e;
		position: relative;
		padding-left: 39px;
		padding-top: 6px;
		line-height: 18px;
		
		.logo {
			background: url('../images/uniqum.png') no-repeat;
			width: 72px; height: 62px;
			position: absolute;
			left: -21px; top: 0;

			a {
				position: absolute;
				width: 30px; height: 30px;
				left: 21px; top: 0;
				z-index: 1;
			}
		}
		
		a {
			color: #95c12b;
			text-decoration: none;

			span {
				border-bottom: 1px #cadca0 solid;
			}

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

section {

	h1 {
		font: 2.857em/36px "RalewayBlack", Arial;

		span {
			border-bottom: 1px #727c99 dotted;
			padding-bottom: 11px;
		}
	}
}

#about {
	padding: 78px 0 61px 0;
	color: #696e7e;
	background: #fff;

	p {
		line-height: 22px;
		margin-bottom: 22px;
	}
	
	.cell_9 {
		margin-right: 40px;
		width: 670px;
	}
	
	h1 {
		color: #31394b;
		margin-bottom: 32px;

		span {
			padding-right: 22px;
		}
	}
	
	blockquote {
		margin-left: 2px;
		color: #95c12b;
		margin-top: 54px;
		font: italic 1.143em/22px 'Times New Roman', Arial;
	}
}

#license_certs {
	background: url('../images/license.jpg') #95c12b center 0 no-repeat;
	padding: 84px 0 61px 0;
	height: 595px;
	margin-bottom: 50px;
	
	h1 {
		color: #fff;
		margin-bottom: 8px;
		display: block;
		position: relative;
		
		.count {
			position: absolute;
			top: 12px; right: 0;
			float: right;
			font: bold 14px Arial;
		}

		span {
			padding-bottom: 17px;
			border-color: #f1f2f4;
			display: block;
		}
	}
	
	.events {
		color: #fff;
		line-height: 22px;
	}
	
	.slider {
		max-width: 1920px;
		width: 100%;
		margin: 44px auto 53px auto;
		overflow: hidden;
	}
	
	.lists {
		height: 300px;
		width: 2000em;
		position: relative;

		.item {
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
			position: relative;
			
			img { display: block; }
			
			a {
				position: relative;
				display: block;
				
				&:before {
					content: "";
					position: absolute;
					left: 0; top: 0;
					width: 100%; height: 100%;
					background: #95c12b;
					opacity: 0.5;
					transition: opacity 0.25s ease-in-out 0s;
				}
				
				&:hover {
					&:before {
						opacity: 0;
					}
				}
			}
			
			/*&:before {
				content: "";
				width: 100%; height: 100%;
				position: absolute;
				background: #95c12b;
				opacity: 0.5;
				left: 0; top: 0;
				transition: opacity 0.25s ease-in-out 0s;
			}
			
			&:hover {
				&:before {
					opacity: 0;
				}
			}*/
		}
	}

}

.globe_in {
	background: url('../images/globe.png') no-repeat;
	width: 642px; height: 1199px;
	position: absolute;
	right: 0; top: 330px;
	z-index: 1;
}
/*.p1 {
	background: url('../images/p1.png') no-repeat;
	width: 311px; height: 458px;
	position: absolute;
	left: -50px; top: 2360px;
	z-index: 1;
	display: none;
}
.p2 {
	background: url('../images/p2.png') 0 0 no-repeat;
	width: 355px; height: 547px;
	position: absolute;
	right: 0; top: 2530px;
	z-index: 1;
	display: none;
}*/

.p1 {
	background: url('../images/_p1.png') no-repeat;
	width: 106px; height: 172px;
	position: absolute;
	left: 0; top: 2445px;
	z-index: 2;
}
.p2 {
	background: url('../images/_p2.png') no-repeat;
	width: 311px; height: 458px;
	position: absolute;
	left: 0; top: 2360px;
	z-index: 2;
}
.p3 {
	background: url('../images/_p3.png') no-repeat;
	width: 160px; height: 411px;
	position: absolute;
	right: 0; top: 2530px;
	z-index: 2;
}
.p4 {
	background: url('../images/_p4.png') no-repeat;
	width: 297px; height: 357px;
	position: absolute;
	right: 58px; top: 2720px;
	z-index: 2;
}

#team {
	background: url('../images/dots_pattern.png') 0 8px #fff repeat;
	margin: 0 auto 0 auto;
	max-width: 1804px;
	/*height: 1052px;*/
	position: relative;

	.slide_content {
		max-width: 1076px;
		width: 100%;
		height: 450px;
		background: #fff;
		margin: 0 auto;
		/*margin-top: -250px;*/
		position: relative;
	}
	
	.photos {
		/*margin-top: -160px;*/
		height: 218px;
		max-width: 1221px;
		width: 100%;
		margin: -228px auto 0 auto;
		left: -72px;
		position: relative;
		background: #fff;
		/*position: absolute; bottom: 0;*/
		
		.grid_photo {
			max-width: 1111px;
			height: 400px;
			overflow: hidden;
			margin-left: 43px;
			position: absolute;
			top: -212px;
			width: 100%;
		}
		
		&:before {
			content: "";
			background: #fff;
			position: absolute;
			bottom: 0; right: -145px;
			width: 145px; height: 10px;
		}
		
		.slider {
			overflow: hidden;
			width: 2000em; height: 400px !important;
			position: relative;
			display: none;
			left: -160px;
			z-index: 3;

			.item {
				margin: 0 10px;
				float: left;
				overflow: hidden;
				transition: all 0.35s ease 0s;
				position: relative;
				width: 140px; height: 400px;
				cursor: pointer;

				.image {
					width: 100%; height: 150px;
					transition: all 0.35s ease 0s;
					position: absolute;
					left: 0; bottom: 0;
					overflow: hidden;
					margin-bottom: 10px;
					
					&:before {
						content: "";
						width: 100%; height: 10px;
						background: #fff;
						bottom: 0; left: 0;
						position: absolute;
						z-index: 1;
					}
				}
				
				img {
					height: auto;
					max-width: 100%;
					margin-top: -27px;
					transition: margin-top 0.35s ease 0s;
					vertical-align: middle;

					-webkit-filter: grayscale(100%);
					filter: grayscale(100%);
					filter: grayscale(1);
					filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
					filter: gray;
				}

				&:hover {
					img {
						-webkit-filter: grayscale(0);
						filter: none;
					}
				}
				
				&.active {
					width: 300px; height: 400px;
					
					.image {
						width: 300px; height: 400px;
						
						&:before {
							content: "";
							width: 100%; height: 10px;
							background: #95c12b;
							bottom: 0; left: 0;
							position: absolute;
							z-index: 1;
						}
					}

					span {
						width: 100%; height: 10px;
						background: #95c12b;
						left: 0; bottom: -10px;
						z-index: 10000;
						position: absolute;
					}

					img {
						margin-top: 0;
						-webkit-filter: grayscale(0);
						filter: none;
					}
				}
			}
		}
	}
	
	.desc {
		max-width: 1366px;
		margin: 0 auto 40px auto;
		background: #f0f4f6;
		color: #696e7e;
		padding-bottom: 42px;
		position: relative;
		
		.foot {
			background: #fff;
			position: absolute;
			width: 100%; height: 48px;
			margin: 0 -55px;
			bottom: -48px;
			left: 0;
			padding: 0 55px;
			
		}

		&:before {
			content: "";
			background: #fff;
			position: absolute;
			left: -55px; top: 0;
			width: 55px; height: 100%;
		}

		&:after {
			content: "";
			background: #fff;
			position: absolute;
			right: -55px; top: 0;
			width: 55px; height: 100%;
		}
		
		h1 {
			color: #31394b;
			display: block;
			margin-top: 54px;
			margin-bottom: 32px;

			span {
				border-color: #727c99;
				padding-right: 38px;
			}
		}
		
		.text {
			line-height: 22px;
		}
	}
	
	.information {
		padding-left: 20px;
		padding-top: 18px;
		overflow: hidden;
		/*width: 100%; */
		height: 180px;
		position: relative;
		z-index: 10;
		
		.item {
			display: none;
			margin-left: 60px;
			width: 600px;
		}

		.name {
			color: #31394b;
			font: 1.429em/20px "RalewayBlack", Arial;
		}
		
		.position {
			margin-top: 13px;
			color: #95c12b;
			font: 0.929em/18px "RalewayBlack", Arial;
			text-transform: uppercase;
		}
		
		.life {
			margin-top: 20px;
			font: italic 1.143em/22px "Times New Roman", Arial;
			color: #696e7e;
		}
	}
	
	.slider-control-prev,
	.slider-control-next {
		position: absolute;
		width: 46px; height: 46px;
		border: 2px #747e9a solid;
		border-radius: 50%;
		right: 148px; top: -212px;
		z-index: 100;

		i {
			position: absolute;
			background: url('../images/slider-arrow-green.png') 0 -16px no-repeat;
			width: 11px; height: 16px;
			left: 50%; top: 50%;
			margin: -8px 0 0 -6px;
		}
		
		&:hover i {
			background-position: 0 0;
		}
		
		&:active {
			border-color: #95c12b;
			 i {
				background-position: 0 0;
			}
		}
	}
	.slider-control-next {
		right: 78px;

		i {
			background-position: -11px -16px;
			margin-left: -5px;
		}
		
		&:hover i {
			background-position: -11px 0;
		}
		
		&:active {
			 i {
				background-position: -11px 0;
			}
		}
	}
}

#key_events {
	max-width: 1366px;
	margin: 0 auto 104px auto;
	background: #31394b;
	height: 306px;
	padding: 54px 0 0 0;
	position: relative;
	margin-top: 0;
	
	&:before {
		content: "";
		background: #fff;
		position: absolute;
		left: -55px; top: -2px;
		width: 55px; height: 100%;
	}

	&:after {
		content: "";
		background: #fff;
		position: absolute;
		right: -55px; top: -2px;
		width: 55px; height: 100%;
	}
	
	h1 {
		color: #fff;
		display: block;

		span {
			display: block;
			border-color: #727c99;
			padding-bottom: 23px;
		}
	}
	
	.slider-control-prev,
	.slider-control-next {
		position: absolute;
		width: 46px; height: 46px;
		border: 2px #747e9a solid;
		border-radius: 50%;
		left: 52px; top: 50%;
		margin: -27px 0 0 0;
		background: #364364;
		z-index: 3;

		i {
			position: absolute;
			background: url('../images/slider-arrow.png') 0 -16px no-repeat;
			width: 11px; height: 16px;
			left: 50%; top: 50%;
			margin: -8px 0 0 -6px;
		}
		
		&:hover i {
			background-position: 0 0;
		}
		
		&:active {
			border-color: #fff;
			i {
				background-position: 0 0;
			}
		}
	}
	.slider-control-next {
		left: auto; right: 52px;

		i {
			background-position: -11px -16px;
			margin-left: -5px;
		}
		
		&:hover i {
			background-position: -11px 0;
		}
		
		&:active {
			i {
				background-position: -11px 0;
			}
		}
	}
	
	.slider {
		width: 100%;
		overflow: hidden;
		margin-top: -1px;
		position: relative;
		
		&:before {
			content: "";
			background: #747e9a;
			width: 100%; height: 2px;
			position: absolute;
			left: 0; top: 76px;
		}
	
		ul {
			width: 2000em;
			list-style: none;
			position: relative;

			li {
				width: 220px; height: 238px;
				margin-right: 20px;
				/*background: #fff;*/
				float: left;
				text-align: center;
				position: relative;

				a {
					display: block;
					text-decoration: none;
				}
				
				.text {
					margin-top: 48px;
					color: #727c99;
					line-height: 22px;
					font-size: 0.857em;
					text-decoration: none;
					max-height: 70px;
					overflow: hidden;
					transition: all 0.25s ease-in-out 0s;
				}
				
				.round {
					position: absolute;
					top: 76px; left: 0;
					width: 100%; height: 2px;
					background: transparent;
					transition: all 0.25s ease-in-out 0s;
					
					&:before {
						transition: all 0.25s ease-in-out 0s;
						content: "";
						width: 8px; height: 8px;
						border: 2px #747e9a solid;
						border-radius: 50%;
						position: absolute;
						left: 50%; top: -5px;
						margin-left: -6px;
						background: #31394b;
					}
				}

				.date {
					margin-top: 28px;
					height: 20px; line-height: 20px;
					border-radius: 10px;
					border: 2px transparent solid;
					display: inline-block;
					padding: 0 10px;
					color: #747e9a;
					font-weight: bold;
					transition: all 0.25s ease-in-out 0s;
				}
				
				&.active, &:hover {
				
					.text {
						color: #fff;
					}
				
					.round {
						background: #fff;
						
						&:before {
							background: #fff;
							border-color: #fff;
						}
					}
				
					&:before {
						content: "";
						position: absolute;
						width: 100%;
						left: 0; top: 0;
						border-top: 1px #fff dotted;
						z-index: 1;
					}
				
					.date {
						border-color: #fff;
						color: #fff;
					}
				}
			}
		}
	}
	
	.slider-pagination {
		position: absolute;
		width: 100%;
		bottom: 46px; left: 0;
		text-align: center;

		a {
			font-size: 0;
			width: 8px; height: 8px;
			border: 2px #747e9a solid;
			background: #31394b;
			display: inline-block;
			border-radius: 50%;
			margin: 0 5px;
			
			&:hover {
				border-color: #fff;
			}
			
			&.active {
				background: #747e9a;
				border-color: #747e9a;
			}
		}
	}
	
	.all_events {
		position: absolute;
		left: 0; bottom: -39px;
	}
}

.hide_responsive { overflow: hidden; width: 100%; }

#clients_partners {
	max-width: 1100px;
	min-height: 656px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 1;
	
	h1 {
		color: #31394b;
		margin-bottom: 8px;
		white-space: nowrap;
		/*line-height: 29px !important;*/

		span {
			/*padding-right: 85px;*/
			border-color: #727c99;
			width: 220px;
			display: inline-block;
			padding-bottom: 23px;
		}
	}
	
	.text {
		color: #3b4c7d;
		line-height: 22px;
		padding-left: 2px;
	}

	.list {
		width: 980px;
		margin: 39px 0 20px 0;

		article {
			position: relative;
			width: 210px; height: 180px;
			float: left;
			margin: 0 20px 20px 0;
			/*background: #f6f6f6;*/
			text-align: center;
			padding: 0 5px;
			
			&:hover {
				.image {
					img {
						opacity: 1;
						-webkit-filter: grayscale(0);
						filter: none;
					}
				}
			}

			.title {
				color: #707070;
				font-size: 0.929em;
				top: 115px;
				left: 5px; right: 5px;
				position: absolute;
				cursor: default;
			}

			.image {
				width: 180px; height: 80px;
				margin: 20px auto 0 auto;

				img {
					-webkit-filter: grayscale(100%);
					opacity: 0.5;
					filter: grayscale(100%);
					filter: grayscale(1);
					filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
					filter: gray;
				}
			}
		}
	}
	.more {
		margin-bottom: 60px;
	}
}

#services {
	min-height: 666px;
	margin: -110px 0 50px 0;
	
	.inside {
		padding: 194px 0 70px 0;
		background: url('../images/services.jpg') #618025 center bottom no-repeat;
		background-attachment: fixed;
		max-width: 1366px;
		margin: 0 auto;
	}
	
	h1 {
		color: #fff;
		margin-bottom: 32px;

		span {
			padding-right: 85px;
			border-color: #fff;
		}
	}
	
	.text {
		color: #fff;
		line-height: 22px;
		margin-bottom: 28px;
	}
	
	.title {
		color: #fff;
		font: 0.929em "RalewayBlack", Arial;
		text-transform: uppercase;
		border-bottom: 1px #f1f2f4 solid;
		padding-bottom: 10px;
	}
	
	.items {
		margin-top: 29px;

		.cell_3 {
			position: relative;
			padding-top: 46px;
		}
		
		.sub {
			color: #fff;
			height: 84px;
			border-bottom: 1px #f1f2f4 dotted;
			font-weight: bold;
			line-height: 20px;
		}
		
		.desc {
			color: #fff;
			font-size: 0.857em;
			line-height: 20px;
			margin-top: 9px;
		}
	}
	
	.icons {
		background: url('../images/services-icons.png') no-repeat;
		position: absolute;
		left: 0; top: 0;
		
		&.globe {
			width: 26px;
			height: 33px;
			background-position: center 0;
		}
		
		&.satellite {
			width: 30px;
			height: 30px;
			background-position: center -33px;
			top: 2px; left: -2px;
		}
		
		&.maps {
			width: 24px;
			height: 29px;
			background-position: center -63px;
			top: 2px;
		}
		
		&.projects {
			width: 28px;
			height: 26px;
			background-position: center -92px;
			top: 3px; left: -2px;
		}
	}
}

#contacts {
	background: url('../images/contacts.jpg') #2b3857 center 0 no-repeat;
	padding: 84px 0 0 0;
	height: 616px;
	
	h1 {
		color: #fff;
		margin-bottom: 32px;

		span {
			padding-right: 22px;
			border-color: #727c99;
		}
	}
	
	.text {
		color: #727c99;
		line-height: 22px;
		margin-bottom: 64px;
	}
	
	address {
		color: #fff;
		font-style: normal;
		padding-top: 14px;
		line-height: 22px;
		
		p {
			margin-bottom: 22px;
		}
		
		a {
			color: #95c12b;
			text-decoration: none;
			
			span {
				border-bottom: 1px #58724b solid;
				transition: border 0.25s ease-in-out 0s;
			}
			
			&:hover span {
				border-color: transparent;
			}
		}
	}
}

.form {
	font-size: 0;

	.input {
		position: relative;
		display: inline-block;
		margin-left: 20px;
		margin-bottom: 20px;
		
		&.first { margin-left: 0; }

		.typcn {
			color: #fff;
			font-size: 16px;
			position: absolute;
			left: 18px; top: 15px;
		}
		
		&.focus {
			.typcn {
				color: #95c12b;
			}
		}

		&.error {
			input, textarea {
				color: #e31c49;
				border-color: #e31c49;
			}
			.typcn {
				color: #e31c49;
			}
		}

		&.textarea {
			display: block;
			height: 160px;
			margin: 0 0 20px 0;
			
			textarea {
				width: 630px; height: 141px;
				padding-top: 15px;
			}
		}
	}
	
	.submit {
		float: right;
		
		input {
			transition: all 0.25s ease-in-out 0s;
		}
		.icon {
			transition: all 0.25s ease-in-out 0s;
		}
		
		&:hover {
			input {
				background: none;
				border-color: #95c12b;
				color: #fff;
			}

			.icon {
				background: #95c12b;
				color: #fff;
			}
		}

		&:focus, &:active {
			input {
				background: #fff;
				border-color: #fff;
				color: #95c12b;
			}

			.icon {
				background: #95c12b;
				color: #fff;
			}
		}

		&.on-dark {
			&:hover {
				background: none;
				border-color: #95c12b;
			}
			&:focus {
				background: #fff;
				border-color: #fff;
				color: #95c12b;
				span { color: #fff; }
			}
		}

		input {
			background: #95c12b;
			color: #fff;
			height: 50px;
			border: 2px #95c12b solid;
			font: 13px "RalewayBlack", Arial;
			text-transform: uppercase;
			cursor: pointer;
			width: 209px;

			&[disabled] {
				background: #a3a3a3;
				border-color: #a3a3a3;
				color: #fff;
			}
		}
		
		.icon {
			float: right;
			width: 50px; height: 50px;
			line-height: 48px;
			text-align: center;
			background: #c4d985;
			
			.typcn {
				color: #fff;
				font-size: 16px;
			}
		}
	}
	
	input[type="text"], textarea {
		background: none;
		width: 150px; height: 46px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		border-radius: 4px;
		border: solid 2px #fff;
		color: #fff;
		padding: 0 18px 0 48px; 
		font: 13px Arial;
		
		&:focus {
			background: #fff;
			color: #31394b;
		}
	}
	
	#feedback_result {
		float: left;
		display: none;
		line-height: 50px;

		.round {
			width: 50px; height: 50px;
			border-radius: 50%;
			color: #fff;
			font-size: 16px;
			text-align: center;
			float: left;
			margin-right: 9px;
		}

		&.error {
			display: block;
			color: #e31c49;

			.round { background-color: #e31c49; }
			span { font-size: 14px; }
		}
		&.success {
			display: block;
			color: #95c12b;

			.round { background-color: #95c12b; }
			span { font-size: 14px; }
		}
	}
}

.blue-color { color: #3b4c7d; }

.btn {
	height: 46px;
	padding: 0 0 0 20px;
	display: inline-block;
	text-decoration: none;
	border: 2px transparent solid;
	transition: all 0.25s ease-in-out 0s;
	
	span {
		float: right;
		width: 50px; height: 50px;
		margin: -2px -2px -2px 20px;
		text-align: center;
		font-size: 16px;
		position: relative;
		transition: all 0.25s ease-in-out 0s;
		
		.typcn {
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			
			&:before {
				line-height: 1;
			}
		}
	}
	
	&.btn-dark-blue {
		background: #3b4c7d;
		color: #fff;
		font: 0.929em/50px "RalewayBlack", Arial;
		text-transform: uppercase;

		span {
			background: #485a86;
			color: #fff;
		}

		&:hover {
			background: #fff;
			border-color: #3b4c7d;
			color: #3b4c7d;

			span {
				background: #3b4c7d;
				color: #fff;
			}
		}

		&:active {
			background: #485a86;
			border-color: #485a86;
			color: #fff;

			span {
				background: #3b4c7d;
				color: #fff;
			}
		}
	}
	
	&.btn-green {
		background: #95c12b;
		color: #fff;
		font: 0.929em/46px "RalewayBlack", Arial;
		text-transform: uppercase;
		
		span {
			background: #c4d985;
			font-size: 16px;
			color: #fff;
		}

		&:hover {
			background: #fff;
			border-color: #95c12b;
			color: #95c12b;

			span {
				background: #95c12b;
				color: #fff;
			}
		}

		&:active {
			background: #c4d985;
			border-color: #c4d985;
			color: #fff;

			span {
				background: #95c12b;
				color: #fff;
			}
		}

		&.on-dark {
			&:hover {
				background: none;
				border-color: #95c12b;
				color: #fff;
			}
			&:active {
				background: #fff;
				border-color: #fff;
				color: #95c12b;
				span { color: #fff; }
			}
		}
	}
	
	&.btn-default {
		height: 46px;
		position: relative;
		top: 2px;
		background: none;
		border: 2px #fff solid;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0 19px;
		font: 0.929em/46px "RalewayBlack", Arial;
		
		&:hover {
			background: #fff;
			color: #31394b;
		}

		&.on-dark {
			&:hover {
				background: none;
				border-color: #95c12b;
				color: #fff;
			}
			&:active {
				background: #fff;
				border-color: #fff;
				color: #95c12b;
				span { color: #fff; }
			}
		}
		
		&.on-white {
			border-color: #3b4c7d;
			color: #3b4c7d;
		
			&:hover {
				background: none;
				border-color: #95c12b;
			}
			&:active {
				background: #3b4c7d;
				border-color: #3b4c7d;
				color: #95c12b;
				span { color: #fff; }
			}
		}
	}
	
	&[disabled] {
		background: #a3a3a3;
		border-color: #a3a3a3;
		color: #fff;
		
		span {
			background: #c9c9c9;
		}
		
		&:hover, &:active {
			color: #fff;
			background: #a3a3a3;
			border-color: #a3a3a3;
			span {
				background: #c9c9c9;
			}
		}
	}
}

.layout {
	background: #000;
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 10000;
	opacity: 0;
		-webkit-transition: -webkit-transform 0.3s ease-in-out 0s;
		-moz-transition: -moz-transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
}



.popup {
	position: fixed;
	top: 80px;
	bottom: 80px;
	width: 582px;
	border: 20px #3b4c7d solid;
	left: 50%;
	background: #fff;
	z-index: 10001;
	padding: 56px 59px 0 59px;
	opacity: 0;
		-webkit-transform: translateX(-50%) translateY(20%);
		-moz-transform: translateX(-50%) translateY(20%);
		-ms-transform: translateX(-50%) translateY(20%);
	transform: translateX(-50%) translateY(20%);
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	
	&.show {
		opacity: 1;
			-webkit-transform: translateX(-50%) translateY(0);
			-moz-transform: translateX(-50%) translateY(0);
			-ms-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
		margin: 0;
			-webkit-transition: opacity 0s, -webkit-transform 0.3s;
			-moz-transition: opacity 0s, -moz-transform 0.3s;
		transition: opacity 0s, transform 0.3s;
	}
	
	

	.nav {
		width: 100%;
		position: absolute;
		top: 0; left: 0;

		.prev, .next {
			width: 46px; height: 46px;
			border: 2px #747e9a solid;
			color: #747e9a;
			position: absolute;
			top: -20px;
			background: rgba(59, 76, 125, 0.5);
			border-radius: 50%;
			cursor: pointer;
			position: absolute;
			top: 130px;

			&:before {
				content: "";
				width: 73px;
				border-top: 1px #727c99 dotted;
				position: absolute;
			}

			i {
				background: url('../images/slider-arrow.png') 0 -16px no-repeat;
				position: absolute;
				left: 50%; top: 50%;
				width: 11px; height: 16px;
				margin: -8px 0 0 -8px;
			}
		}

		.prev {
			left: -111px;

			&:before {
				left: -95px; top: 23px;
			}

			i {
				margin-left: -6px;
				background-position: 0 -16px;
			}

			&:hover i {
				background-position: 0 0;
			}
			
			&:active {
				border-color: #fff;

				i {
					background-position: 0 0;
				}
			}
		}
		.next {
			right: -111px;

			&:before {
				right: -95px; top: 22px;
			}

			i {
				background-position: -11px -16px;
				margin: -8px 0 0 -5px;
			}

			&:hover i {
				background-position: -11px 0;
			}
			
			&:active {
				border-color: #fff;
				i {
					background-position: -11px 0;
				}
			}
		}
	}

	.close {
		width: 46px; height: 46px;
		border: 2px #747e9a solid;
		color: #747e9a;
		position: absolute;
		top: -20px; right: -111px;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANNJREFUeNpiLKmbxQAFDWg0LoCijgWJU49FETbNKOpABlShCdbjMKQBi7pfTEBiLxB/RFNcj2YAumYGqJ69IBecBGJ3IN4JxPxYXMKAQzNIz0lYGBBjCIZmEIcJSQJmyEc8MYCiGd0AZEN+YtH8E10zNgNAgBGI/2MR/w+VY8BngAUQ7wBiDiwGcEDlLHAZANPMjycM+NENYSKguQFLgkIxhIWA5kYcyRtmiAfIBY5EaG7E4RJHZit73yNQAQccmmHgIBZ1LSxINjBgYaMDDHUAAQYAt3Q3tba0lmkAAAAASUVORK5CYII=') rgba(59, 76, 125, 0.5) center center no-repeat;
		border-radius: 50%;
		cursor: pointer;
		
		&:before {
			position:absolute;
			top: 50%;
			left: 50%;
			margin: -8px 0 0 -8px;
			content: "";
			width: 16px;
			height: 16px;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNqklDFywjAQRYXHBZ2Pg1oqcpHcgAYXkVRR5AacJBQcgNuEDmgU7Yw0kdZ/JTHszIKt3fcs2bJX+6+TimHZvxRF35idGNCE4KKPBDMbNILEgr7nEH4uIW+s2TABh1VkLjSDa8hdyHPICcxECTAx13QPeiQLmE6GrJAkt8oTKGAuyCUPAD84jAQUq5AejPtYUzWBDvkTcg0E61jTkiDBU+UeTFwyNGALNlQhGRuwE7Z3knzQDLYdsBNmsiXBEWxbB9bvQN9xzIoKHCNJcTx+u8/8+fdE2ee9p7T+P2wcQ7noo8HZL8M24BQzFTYhfxsSBBOzSQ01iQinJbQkIswFPZICRoIkuQP4zmHKt78H/Oq6YwlaWoJ+4SZqLpBgE1OUtOB0AVFCxUMDrkkOqGgqL9Oi7+3vwZ8AAwBsAyKMysXkNwAAAABJRU5ErkJggg==');
		}
		&:active:before {
			background-position: 0 -16px;
		}

		&:hover:before {
			background-position: 0 -16px;
		}

		&:active {
			border-color: #fff;
		}
	}

	h1 {
		color: #31394b;
		font: 1.429em/24px "RalewayBlack", Arial;
		margin-bottom: 13px;
	}

	time {
		color: #3b4c7d;
		font-weight: bold;
	}

	.inside {
		height: 100%;
		margin: 34px -40px 0 -20px;
		position: relative;
		overflow: hidden;
	}

	.content {
		overflow-y: auto;
		padding: 0 0 0 20px;
		bottom: 136px; top: 0;
		position: absolute;
		color: #696e7e;

		&:before, &:after {
				-webkit-transition: background 0.6s ease-in-out 0;
			transition: background 0.6s ease-in-out 0;
		}

		p {
			/*color: #696e7e;*/
			line-height: 22px;
			margin-bottom: 22px;

			span {
				color: #3b4c7d;
			}
		}

		ul {
			margin-top: -14px;
			list-style: none;
			margin-left: 20px;

			li {
				color: #696e7e;
				line-height: 22px;
				margin-bottom: 8px;
				text-indent: -.7em;

				&:before {
					content: "• ";
					color: #95c12b;
					font-size: 20px;
					line-height: 22px;
					position: relative;
					top: 3px;
				}
			}

			ul { margin-top: 0; }
		}
		ul + ul { margin-top: 0; }
	}
}

.locked {

	.layout {
		opacity: 1;
		visibility: visible;
	}

	.popup {
			-webkit-transform: translateX(-50%) translateY(0);
			-moz-transform: translateX(-50%) translateY(0);
			-ms-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
		margin: 0;
	}
	
	/*body {
		background: #222;
			-webkit-perspective: 600px;
			-moz-perspective: 600px;
		perspective: 600px;
	}*/

	/*.popup {
		visibility: visible;
	}*/
	
	/*.wrap, .layout {
		-webkit-transform: rotateX(-2deg);
		-moz-transform: rotateX(-2deg);
		-ms-transform: rotateX(-2deg);
		transform: rotateX(-2deg);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}*/
	
	.wrap {
		height: 100%;
		overflow: hidden;
			-webkit-transition: -webkit-transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
}


.top_gradient {
	position: relative;

	&:before {
		z-index: 2;
		content: "";
		position: absolute;
		width: 100%; height: 60px;
		top: 0; left: 0;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAYAAACn8dD6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJtJREFUeNo8zqGPwXEAxuHvftvNdptNsAnCBeGCoFxQFEVRFEVRlEuKf0KRFOWKoiiKoiiCIgiCIAg2wWazGTN+j3Dv9nnyG57xQtwDN1xxwRknHHHAHjtsscEaKyyxwBwzTDHBGCMM8YcB+uihG4UQ7v+8D3XQxi9aaKKBOmqoooIySijiBwXk8Y0cvpBFBmmkkMQnEvhA9BJgACHMyi+iV21UAAAAAElFTkSuQmCC') repeat-x;
	}
}
.bottom_gradient {
	position: relative;

	&:after {
		z-index: 2;
		content: "";
		position: absolute;
		width: 100%; height: 59px;
		bottom: 0; left: 0;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA7CAYAAAC69OBCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADRJREFUeNpi+P//PxMTAwMDM4hAsBAECyoLJ8GKyiKJYMPLxSlGBIHmNJwEmleZ0YIEIMAAPsUEbxR9HhwAAAAASUVORK5CYII=') repeat-x;
	}
}

.range_carousel {
	width: 304px; height: 24px;
	position: relative;
	/*margin: 53px auto 0 auto;*/
	margin: 96px auto 0 auto;

	&:before {
		content: "";
		background: #c4d985;
		height: 2px; width: 100%;
		position: absolute; top: 11px;
		left: 0;
	}
	
	.push {
		position: absolute;
		/*left: 129px; top: 0;*/
		left: 0; top: 0;
		width: 42px; height: 20px;
		margin: 0 0 0 0;
		background: #668248;
		border: 2px #c4d985 solid;
		border-radius: 12px;
		cursor: pointer;
			-moz-user-select: -moz-none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-o-user-select: none;
		user-select: none;
		
		.toleft, .toright {
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMZJREFUeNqUUUsKAjEMbZ2exZUL997DgnMTQRpBvYmCgrfQvYvZ6FlGaltfJIQqY+CRSfJePh17uW+NsAC//hIbp8iU8Ew4I7dKaKRoVCG3CR3QIkc8zSnyIuEkph7h9+CUCdYMN+tYiUkHNODOHt0b3EA2xlgq18eO98yrTSG4MXk2XpbGH4EQGS7qWD9rLsRfcbE8AQjxbX3CBOiRC8yrkb1o4rVIk+eCXBX9/R+4Cw1YieQNWqSPJubJZyXx3cFvdO0lwAAA2QFDdpMVywAAAABJRU5ErkJggg==') no-repeat;
			width: 6px; height: 8px;
			display: block;
			margin-top: 6px;
		}
		
		.toleft {
			float: left;
			margin-left: 7px;
		}
		.toright {
			float: right;
			margin-right: 7px;
			background-position: -6px 0;
		}
		
		&:hover, &:active {
			.toleft {
				background-position: 0 -8px;
			}
			.toright {
				background-position: -6px -8px;
			}
		}
		
		&:active {
			border-color: #fff;
		}
	}
}

.touchcarousel-wrapper {
	position: relative;
	z-index: 1;
	/*padding-bottom: 70px;*/
}


/* Animation loader */
.spinner {
  width: 60px;
  height: 60px;
  background-color: #3b4c7d;
  position: fixed;
  left: 50%; top: 50%;
  margin: -30px 0 0 -30px;
  z-index: 10001;

  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.other_page {
	.do_header { height: 130px; }
	header {
		height: 130px;
		position: fixed;
		top: 0; left: 0;
		z-index: 100;

		/*&:before {
			content: "";
			position: absolute;
			width: 100%; height: 10px;
			left: 0; bottom: -10px;
			background: #485a86;
			opacity: 0.5;
			z-index: 1;
		}*/
		
		.logo {
			margin-top: 39px;
		}
		
		nav {
			margin-top: 56px;
		}
		
		.languages {
			margin-top: 54px;
		}
	}
	
	.breadcrumbs {
		margin-bottom: 12px;
		margin-top: 50px;
		
		a {
			color: #3b4c7d;
			text-decoration: none;
			border-bottom: 1px rgba(59,76,125,0.5) solid;
			font-style: italic;
			font: italic 1.143em/22px 'Times new roman', Arial;

			&:hover {
				border-bottom-color: transparent;
			}
		}
	}
	
	h1 {
		color: #31394b;
		font: 2.857em/24px "RalewayBlack", Arial;
		position: relative;
		padding-bottom: 22px;
		margin-bottom: 16px;
		display: inline-block;
		
		span {
			width: 219px;
			border-bottom: 1px #727c99 dotted;
			position: absolute;
			left: 0; bottom: 0;
		}
	}
	
	.projects {
		margin-bottom: 60px;

		&.one {

			color: #696e7e;
			line-height: 22px;

			p {
				margin-bottom: 15px;
			}

			h1 {
				font-size: 20px;
			}

			h3 {
				color: #3b4c7d;
				font-size: 1em;
				margin-bottom: 6px;
			}

			img {
				max-width: 600px;
			}

			ol {
				margin-bottom: 6px;
				margin-left: 24px;

				li {
					margin-bottom: 10px;
				}

				ul {
					margin-top: 6px;
					margin-bottom: 0;
				}
			}

			ul {
				margin-left: 24px;
				list-style: none;

				li {
					color: #696e7e;
					margin-bottom: 10px;
					position: relative;

					&:before {
						content: "";
						background: #95c12b;
						width: 5px; height: 5px;
						border-radius: 50%;
						margin-right: 5px;
						position: absolute;
						left: -12px; top: 9px;
					}
				}
			}
		}
		
		.year {
			height: 24px; line-height: 24px;
			margin-bottom: 9px;
			color: #747e9a;
			padding: 0 11px;
			text-decoration: none;
			font-size: 10px;
			border-radius: 12px;
			font-weight: bold;
			background: #747e9a;
			color: #fff;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			margin-left: -8px;
		}

		.inside_items {
			/*padding-top: 48px;*/
			position: relative;

			&:before {
				content: "";
				position: absolute;
				width: 219px; height: 1px;
				border-top: 1px #727c99 dotted;
				bottom: 15px; left: 0;
			}

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

			article {
				line-height: 22px;
				padding-bottom: 45px;

				.or {
					display: inline-block;
					padding: 0 22px;
					position: relative;
					margin: 0 6px;
					
					&:before {
						content: "";
						width: 13px; height: 1px;
						border-top: 1px #727c99 dotted;
						position: absolute;
						left: 0; top: 50%;
					}

					&:after {
						content: "";
						width: 13px; height: 1px;
						border-top: 1px #727c99 dotted;
						position: absolute;
						right: 0; top: 50%;
					}
				}

				.title {
					color: #3b4c7d;
					font-weight: bold;
					margin-bottom: 6px;
				}
				.preview_text {
					color: #696e7e;

				}
			}

			.btn-default {
				top: auto;
				margin-top: 14px;
			}

		}
	}
	
	.years {
		float: right;
		
		a {
			float: left;
			height: 24px; line-height: 24px;
			color: #747e9a;
			padding: 0 11px;
			text-decoration: none;
			font-size: 10px;
			border-radius: 12px;
			font-weight: bold;
			
			&.active {
				background: #747e9a;
				color: #fff;
			}
		}
	}
}

.pagination {
	list-style: none;

	li {
		float: left;
		width: 26px; height: 24px;
		border-radius: 12px;
		text-align: center;
		line-height: 23px;
		font-size: 10px;

		a, span {
			color: #747e9a;
			text-decoration: none;
		}

		a {
			border-bottom: 1px rgba(116,126,154,0.5) solid;
			&:hover {
				border-bottom-color: transparent;
			}
		}

		&.active {
			background-color: #747e9a;

			span {
				color: #fff;
			}
		}
	}
}
.main_header {
	height: 130px;
}
.fixed {
	position: absolute;
	width: 100%;
	height: 130px;
	left: 0;
	z-index: 101;
	background: url("../images/header.jpg") no-repeat fixed center 0 #31394b;
	transition: top, margin-top 0.25s ease-in-out 0s;
	margin-top: -130px;

	&.move {
		position: fixed;
		top: 0;
		margin-top: 0;

		.logo {
			margin-top: 39px;
		}
		
		nav {
			margin-top: 56px;
		}
		
		.languages {
			margin-top: 54px;
		}

	}
}
.image_e {

	P {
		font: italic 1.143em/22px 'Times New Roman', Arial;
		margin-left: 30px;
		margin-top: -5px;

		* {
			font-weight: normal;
		}
	}
}

.no-opacity {
	.spinner {
		display: none;
	}
	#license_certs {
		overflow: hidden;
		position: relative;
	}
	.top_slider {
		z-index: 100;
	}
	.input, #key_events .slider ul li .date {
		*display: inline;
		*zoom: 1;
	}
	.input input {
		line-height: 46px;
	}
	#team .photos .slider, .lists.touchcarousel-container {
		display: block !important;
	}
}

#inside_globe {
	position: absolute;
	right: 0;
	top: 330px;
	width: 642px;
	height: 1200px;
	overflow: hidden;
}

#globe {
	position: absolute;
	right: 0;
	top: 0;
	width: 500px;
	height: 1000px;
	background:url('../images/klei.png') no-repeat;
	
	.cloud1 {
		background: url('../images/cloud_1.png') no-repeat;
		position: absolute;
		top: 0; right: 0;
		z-index: 1;
		width: 550px; height: 1000px;
	}
	
	.cloud2 {
		background: url('../images/cloud_2.png') no-repeat;
		position: absolute;
		top: 40px; right: 0;
		z-index: 1;
		width: 550px; height: 1000px;
	}
	
	&:after {
		content: "";
		background: url('../images/shadow.png') no-repeat;
		position: absolute;
		bottom: -215px; right: 0;
		z-index: 1;
		width: 642px; height: 430px;
	}
}