@charset "utf-8";
@import "anythingslider.css";
@import "selectik.css";

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

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

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

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

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

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

	/*base*/

	html{
		font-size: 100%;
		overflow-y: scroll;	

	}

	html, body{
		margin: 0;
		padding: 0;
		height: 100%;
	}

	body{
		font: 0.8125em/1.5 'pfsquaresanspro-regular', Arial, sans-serif;
		color: #fff;
		background: #0382d9 url(../img/bg/bg-body.jpg) 50% -2500px no-repeat fixed;
		cursor: url(../img/cursor.png), auto;
	}

	/*html5*/

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{
		display: block;
	}

	/*border*/

	a:focus{
		outline: thin dotted;
	}

	a:active, a:hover{
		outline: 0;
	}

	img{
		border: 0 none;
	}

	/*typography*/
	
	a:link{
		color: #fff;
	}

	a:visited{
		color: #fff;
	}

	a:hover{
		color: #fff;
	}

	h1, h2, h3, h4, h5, h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6{
		font-family: 'pfsquaresanspro-xblack', arial, sans-serif;
		font-weight: normal;
		text-shadow: 0 0.03em 0.08em rgba(0, 0, 0, 0.5);
	}
	
	h1, .heading-1{
		margin: 0;
		font-size: 8.4em;
	}
	
	h2, .heading-2{
		margin: 0 0 0.02em 0;
		font-size: 8.1em;
		letter-spacing: -0.02em;
	}
	
	h3, .heading-3{
		margin: 0 0 0.15em 0;
		font-size: 6em;
		letter-spacing: -0.02em;
	}
	
	h4, .heading-4{
		margin: 0;
		font-size: 3.1em;
	}
	
	h5, .heading-5{
		margin: 0 0 1.67em 0;
		font-size: 0.83em;
	}
	
	h6, .heading-6{
		margin: 0 0 0.6em 0;
		font-size: 1.05em;
		text-transform: uppercase;
	}
		
	b, strong{
		font-weight: bold;
	}

	blockquote{
		margin: 1em 40px;
	}

	p{
		margin: 0 0 1em;
	}

	i, em{
		font-family: 'pfsquaresanspro-meditalic', arial, sans-serif;
		font-style: normal;
		letter-spacing: normal;
	}

	address{ 
		font-style: normal;
	}

	small{
		font-size: 75%;
	}

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

	sup{
		top: -0.5em;
	}

	sub{
		bottom: -0.25em;
	}

	dl, ol, ul{
		margin: 1em 0;
		padding: 0;
	}

	ul{
		list-style: none;
	}

	dd{
		margin: 0 0 0 40px;
	}

	/*forms*/

	form{
		margin: 0;
		padding: 0;
	}

	input, select, textarea, button{
		font: 11px Arial, Helvetica, sans-serif;
		vertical-align: baseline;
	}

	button, input{
		line-height: normal;
	}

	label, button, input[type="submit"], input[type="button"]{
		cursor: pointer;
	}

	input[type="checkbox"], input[type="radio"]{
		padding: 0;
	}

	input, textarea{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	textarea{
		overflow: auto;
		vertical-align: top;
	}

	/*tables*/

	table{
		border-collapse: collapse;
		border-spacing: 0;
	}

	/*centering*/

	.centering{
		position: relative;
		width: 1000px;
		margin: auto;
	}

	/*assistant*/
	
	.active{
		cursor: default;
	}

	.clear{ 
		clear: both;
	}
	
	.clearLeft{ 
		clear: left;
	}
	
	.clearRight{ 
		clear: right;
	}

	.clearAft:after, .clearBef:before{ 
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		zoom: 1;
	}
	
	.hidden{
		display: none;
	}
	
	/*placeholder*/
	
	.placeholder{
		color: #B1AFAF;
	}
	
	:-moz-placeholder{
		color: #B1AFAF;
	}
	
	::-webkit-placeholder{
		color: #B1AFAF;
	}

/*-----------Styles-------------*/

/*main*/

.main-wrap{
	overflow: hidden;
}

	.main{
		position: relative;
		top: -20px;
		max-width: 1270px;
		min-width: 980px;
		margin: auto;
		padding: 0 10px 200px;
	}	

		.main:before, .main:after{
			content: "";
			position: absolute;
			top: 50%;
			width: 10px;
			height: 2500px;
			margin: -1125px 0 0;
		}

		.main:before{
			left: 0;
			background: url(../img/bg/bg-shl.png) 0 0 no-repeat;
		}

		.main:after{
			right: 0;
			background: url(../img/bg/bg-shr.png) 0 0 no-repeat;
		}

	/*header_b*/
	
		.header_b{
			position: fixed;
			z-index: 1000;
			width: 100%;
			height: 63px;
			background: url(../img/bg/bg-box1.jpg) 50% 0 no-repeat;
			-webkit-box-shadow:  0 0 5px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1);
			-moz-box-shadow:  0 0 5px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1);
			cursor: default;
		}

			.header_b .centering{
				height: 100%;
			}

				/*selectLang_b*/

				.selectLang_b{
					position: absolute;
					top: 15px;
					right: 0;
				}

					.selectLang_b-select{
						
					}

						.selectLang_b-select option{
							position: relative;
						}

							.selectLang_b-select option:after{
								content: "---";
								color: #fff;
							}

				/*logo*/

				.logo{
					display: inline-block;
					width: 165px;
					height: 125px;
					background: url(../img/logo.png) 0 0 no-repeat;
					text-indent: -9999px;
				}

				.header_b .logo{
					position: absolute;
					top: 0;
					left: 30px;
				}
			
				/*navGlobal_b*/

				.navGlobal_b{
					height: 100%;
					text-align: center;
				}
				
					.navGlobal_b ul{
						height: 100%;
						margin:0;
					}
					
						.navGlobal_b li{
							position: relative;			
							display: inline-block;
							height: 100%;
							margin: 0 15px;
						}

							.navGlobal_b li.active:after{
								position: absolute;
								top: 100%;
								left: 50%;
								content: "";
								width: 20px;
								height: 10px;
								margin: 0 0 0 -10px;
								background: url(../img/arrows1.png) 0 0 no-repeat;
							}

								.navGlobal_b li.active a{
									cursor: default;
								}
							
							.navGlobal_b li a{
								display: block;
								padding: 25px 0 0;
								color: #fff;
								font-family: 'pfsquaresanspro-bold', arial, sans-serif;
								font-size: 18px;
								line-height: 1;
								text-decoration: none;
								border-bottom: 1px solid transparent;
								-moz-transition: border linear 0.2s;
								-webkit-transition: border linear 0.2s; 
								-o-transition: border linear 0.2s; 
								transition: border linear 0.2s;
							}

							.navGlobal_b li a:hover, .navGlobal_b li.active a{
								border-bottom: 1px solid;
							}

							.navGlobal_b li a:focus{
								outline: none;
							}
						
		/*content_b*/

		.content_b{
			
		}
		
			.aboutTotal_b{
				height: 640px;
				background: url(../img/bg/bg-box2.jpg) 0 0 no-repeat;	
			}

			.aboutTotal_b:before{
				content: "";
				position: absolute;
				bottom: 0;
				right: 0;
				width: 765px;
				height: 525px;
				background: url(../img/bg/bg-box4.png) 0 0 repeat;
			}

				.aboutTotal_b-in{
					position: absolute;	
					top: 0;
					width: 100%;
					height: 100%;
				}

					.aboutTotal_b-in .centering{
						z-index: 100;
						padding: 200px 0 70px;
						text-align: center;
					}

					.aboutTotal_b .heading-2{
						text-align: center;
					}

					.aboutTotal_b-item_b{
						margin: 0 0 45px;
					}

						.aboutTotal_b-item{
							display: inline-block;
							vertical-align: top;
							width: 320px;
							margin: 0 50px 20px 20px; 
							font-size: 15px;
							line-height: 1.6;
							text-align: left;
							letter-spacing: 0.05em;
						}

			/*aboutFeature_b*/

			.aboutFeature_b{
				height: 670px;
				margin: -150px 0 0;	
				background: url(../img/bg/bg-box4.jpg) 50% 50% no-repeat;
			}

				.aboutFeature_b:before{
					content: "";
					position: absolute;
					bottom: -105px;
					left: 0;
					width: 840px;
					height: 550px;
					background: url(../img/bg/bg-box6.png) 0 0 repeat;
				}

				.aboutFeature_b-in{
					position: absolute;	
					top: 0;
					height: 100%;
					width: 100%;
				}

					.aboutFeature_b-in .centering{
						z-index: 100;
						padding: 190px 0 70px 0;
					}

						.aboutFeature_b-item_b{
							margin: 0 0 20px;
							padding: 30px 0 0 125px;
						}

							.aboutFeature_b-item{
								display: inline-block;
								vertical-align: top;
								width: 320px;
								margin: 0 115px -10px 0;
								text-align: left;
							}

							.aboutFeature_b-item:nth-child(odd){
								padding: 45px 0 0;
							}

								.aboutFeature_b-item p{
									font-size: 14px;
								}

			/*services_b*/

			.services_b{
				height: 890px;
				margin: -150px 0 0;
				background: url(../img/bg/bg-box2.jpg) 0 100% no-repeat;
			}

				.services_b-in{
					position: absolute;	
					top: 0;
					height: 100%;
					width: 100%;
				}

					.services_b-in .centering{
						z-index: 100;
						padding: 190px 0 70px 10px;
					}

					.services_b-in .heading-1{
						text-align: center;
					}

					.services_b-item_b{
						margin: 0 0 45px;
					}

						.services_b-item{
							display: inline-block;
							vertical-align: top;
							width: 170px;
							margin: 0 5px 45px;
							padding: 0 30px;
							border-right: 1px solid rgba(255, 255, 255, 0.2);
							font-family: 'pfsquaresanspro-italic', arial, sans-serif; 
							font-size: 12px;
							text-align: center;
							letter-spacing: 0.05em;
						}

						.services_b-item:nth-child(4n){
							border-right: 0 none;
						}

							.services_b-item p{
								margin: 0;
							}

			/*works_b*/

			.works_b{
				height: 640px;
				margin: -150px 0 0;
				background: url(../img/bg/bg-box7.jpg) 0 50% no-repeat;
			}

				.works_b:before, .works_b:after{
					content: "";
					position: absolute;
				}

				.works_b:before{
					bottom: 5px;
					left: 0;
					width: 205px;
					height: 295px;
					background: url(../img/bg/bg-box8.png) 0 0 repeat;
				}
				
				.works_b:after{
					top: 90px;
					right: 0;
					width: 365px;
					height: 290px;
					background: url(../img/bg/bg-box9.png) 0 0 repeat;
				}

				.works_b-in{
					position: absolute;	
					top: 0;
					width: 100%;
					height: 100%;
				}

					.works_b-in .centering{
						z-index: 100;
						padding: 220px 0 45px 0;
						text-align: center;
					}

					.works_b-in .heading-3{
						text-align: center;
					}

					.works_b-item_b{
						margin: 0 0 20px;
					}

						.works_b-item{
							display: inline-block;
							vertical-align: top;
							width: 280px;
							margin: 0 15px 30px 0;
							text-align: left;
							text-decoration: none;
							cursor: pointer;
						}

						.works_b-item:hover .works_b-item-name{
							text-decoration: underline;
						}

							.works_b-item-photo{
								display: table-cell;
								vertical-align: middle;
								width: 280px;
								height: 165px;
								border: 1px solid rgba(255, 255, 255, 0.3);
								text-align: center;
							}

							.works_b-item-name{
								display: inline-block;
								margin: 5px 0 0;
								font-family: 'pfsquaresanspro-xblack', arial, sans-serif;
								font-size: 15px;
							}

			/*contacts_b*/

			.contacts_b{
				height: 720px;
				margin: -150px 0 0;
				background: url(../img/bg/bg-box2.jpg) 0 100% no-repeat;	
			}

				.contacts_b:before{
					content: "";
					position: absolute;
					bottom: 0;
					right: 0;
					width: 765px;
					height: 525px;
					background: url(../img/bg/bg-box4.png) 0 0 repeat;
				}

				.contacts_b-in{
					position: absolute;	
					top: 0;
					width: 100%;
					height: 100%;
				}

					.contacts_b-in .centering{
						z-index: 100;
						padding: 200px 0 110px 0;
						text-align: center;
					}

						.contacts_b-address-wrap{
							padding: 50px 0 0;
						}

							.contacts_b-address{
								display: inline-block;
								width: 565px;
								color: #fff;
								font-family: 'pfsquaresanspro-bold', arial, sans-serif;
								font-size: 25px;
								line-height: 1.35;
								text-shadow: 0 0.03em 0.5em rgba(0, 0, 0, 0.3);
							}

								.contacts_b-address-mail{
									display: inline-block;
									border-bottom: 2px solid #77b2d6;
									font-size: 65px;
									line-height: 0.8;
									text-decoration: none;
									-moz-transition: all ease 0.2s;
									-webkit-transition: all ease 0.2s; 
									-o-transition: all ease 0.2s; 
									transition: all ease 0.2s;
								}

								.contacts_b-address-mail:hover{
									color: #28aadc;
									border-color: #fff;
								}

								.contacts_b-address-mail:focus{
									outline: none;
								}

								.contacts_b-address-phone{
									font-size: 65px;
									letter-spacing: -0.01em;
								}

								.contacts_b-address-adds{
									margin: 0;
									text-align: justify;			
								}

									.contacts_b-address-adds span{
										display: inline-block;
									}

								.contacts_b-address-adds:after{
									content: "";
									display: inline-block;
									width: 100%;
									height: 0;
								}
							
							.contacts_b-form_b{
								position: relative;
								overflow: hidden;
							}

								.contacts_b-form_b-l_b{
									float: left;
									width: 275px;
									margin: 0 15px 0 0;
								}

									.contacts_b-form_b-l_b textarea{
										width: 100%;
										height: 155px;
										padding: 10px;
										background-color: #fff;
										border: 0 none;
										resize: none;
									}

								.contacts_b-form_b-r_b{
									overflow: hidden;
								}

									.contacts_b-form_b-r_b .inputText{
										display: block;
										width: 100%;
										margin: 0 0 8px;
									}

									.contacts_b-form_b-r_b .inputSubmit{
										float: right;
										margin: 15px 0 0;
									}

									.contacts_b-form_b textarea:focus, .contacts_b-form_b .inputText:focus{
										outline: none;
									}

/*rotate*/

.rotate_b-wrap{
	position: relative;
}

.rotate_b-out{
	-moz-transform: skewY(-6deg); 
	-webkit-transform: skewY(-6deg); 
	-o-transform: skewY(-6deg);
	transform: skewY(-6deg);
	-webkit-backface-visibility;
}

	.rotate_b-out:after{
		content: "";
		position: absolute;
		bottom: -14px;
		left: 50%;
		width: 850px;
		height: 15px;
		margin: 0 0 0 -425px;
		background: url(../img/bg/bg-shb.png) 0 0 no-repeat;
	}

	.rotate_b{
		position: relative;
		overflow: hidden;
		-webkit-border-radius: 0 0 140px 140px;
		-moz-border-radius: 0 0 140px 140px;
		border-radius: 0 0 140px 140px;
	}		

		.rotate_b-in{
			z-index: 100;
		}

/*elements*/

.btn-1{
	display: inline-block;
	padding: 0 30px 0 0;
	line-height: 47px;
	background: url(../img/button1.png) 100% 100% no-repeat;
	text-decoration: none;
	cursor: pointer;
}	

.btn-1:focus{
	outline: none;
}

	.btn-1 b{
		display: block;
		padding: 0 0 0 30px;
		background: url(../img/button1.png) 0 0 no-repeat;
		color: #fff;
		font-family: 'pfsquaresanspro-bold', arial, sans-serif;
		font-size: 20px;
		font-weight: normal;
	}

	/*forms*/

	.inputText{
		height: 30px;
		padding: 0 10px;
		background-color: #fff;
		border: 0 none;
	}	

	.inputSubmit{
		background: none;
		border: none;
		margin: 0;
		padding: 0;
		color: #fff;
		font-family: 'pfsquaresanspro-bold', arial, sans-serif;
		font-size: 25px;
	}

/*modal_b*/

.ui-front {
	z-index: 100;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 63px 0 0;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	display: none;
}

	.modal_b{
		display: none;
	}

		.ui-widget-content .modal_b-rotate{
			max-width: 1270px;
			min-width: 1000px;
			height: 915px;
			margin: -100px auto 0;
			background: url(../img/bg/bg-box2.jpg) 0 0 no-repeat;
			-webkit-border-radius: 0 0 140px 140px;
			-moz-border-radius: 0 0 140px 140px;
			border-radius: 0 0 140px 140px;
			-moz-transform: skewY(-6deg); 
			-webkit-transform: skewY(-6deg); 
			-o-transform: skewY(-6deg);
			transform: skewY(-6deg);
			-webkit-backface-visibility;
		}

		.ui-widget-content .modal_b-rotate-in{
			position: absolute;
			z-index: 100;
			top: 0;
			height: 100%;
			width: 100%;
		}

			.ui-widget-content .modal_b-content{
				overflow: hidden;
				position: relative;
				max-width: 1270px;
				min-width: 1000px;
				height: 100%;
				margin: 0 auto;
			}

				.ui-widget-content .modal_b-content .close-modal_b{
					position: absolute;
					z-index: 100;
					cursor: pointer;
					top: 650px;
					right: 150px;
					color: #fff;
					font-family: 'pfsquaresanspro-bold', arial, sans-serif;
					font-size: 14px;
				}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #001a2c;
	opacity: .75;
	filter: Alpha(Opacity=75);
}

.ui-widget-overlay, .ui-dialog{
	cursor: default;	
}

/*parallax*/

.parallax_b{
	position: absolute;
	z-index: 9999;
	width: 100%;
	top: 0;
	left: 0;
}

	.parallaxElem{
		position: absolute;
	}

	.parallax_b-item_b-sectionL{
		position: absolute;
		top: 0;
		left: -30px;
		width: 250px;
		height: 100%;;
	}

		.parallax_b-item1{
			top: 250px;
			left: 0 !important;
			width: 75px;
			height: 80px;
			background: url(../img/parallax/tr1.png) 0 0 no-repeat;
		}

		.parallax_b-item2{
			top: 425px;
			left: 100px !important;
			width: 125px;
			height: 130px;
			background: url(../img/parallax/tr2.png) 0 0 no-repeat;
		}

		.parallax_b-item3{
			top: 625px;
			left: 60px !important;
			width: 55px;
			height: 60px;
			background: url(../img/parallax/tr3.png) 0 0 no-repeat;
		}

		.parallax_b-item4{
			top: 805px;
			left: -20px !important;
			width: 165px;
			height: 155px;
			background: url(../img/parallax/tr4.png) 0 0 no-repeat;
		}

		.parallax_b-item5{
			top: 1315px;
			left: 90px !important;
			width: 55px;
			height: 60px;
			background: url(../img/parallax/tr5.png) 0 0 no-repeat;
		}

		.parallax_b-item6{
			top: 1850px;
			left: -50px !important;
			width: 150px;
			height: 160px;
			background: url(../img/parallax/tr6.png) 0 0 no-repeat;
		}

		.parallax_b-item7{
			top: 2635px;
			left: 125px !important;
			width: 125px;
			height: 130px;
			background: url(../img/parallax/tr7.png) 0 0 no-repeat;
		}

	.parallax_b-item_b-sectionR{
		position: absolute;
		top: 0;
		right: 0;
		width: 250px;
		height: 100%;
	}

		.parallax_b-item8{
			top: 140px;
			left: 170px !important;
			width: 125px;
			height: 130px;
			background: url(../img/parallax/tr8.png) 0 0 no-repeat;
		}

		.parallax_b-item9{
			top: 410px;
			left: 100px !important;
			width: 235px;
			height: 275px;
			background: url(../img/parallax/tr9.png) 0 0 no-repeat;
		}

		.parallax_b-item10{
			top: 1170px;
			left: 160px !important;
			width: 135px;
			height: 135px;
			background: url(../img/parallax/tr10.png) 0 0 no-repeat;
		}

		.parallax_b-item11{
			top: 1555px;
			left: 170px !important;
			width: 105px;
			height: 120px;
			background: url(../img/parallax/tr11.png) 0 0 no-repeat;
		}

		.parallax_b-item12{
			top: 1940px;
			left: 80px !important;
			width: 55px;
			height: 60px;
			background: url(../img/parallax/tr12.png) 0 0 no-repeat;
		}