@charset "utf-8";
@import url("widgets/ui-widgets.css");

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

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

	/*base*/

	html{
		overflow-y: scroll;
	}

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

	body{
		background: #f4f7fc;
		color: #000;
		font: 12px/1.6 Arial, Helvetica, sans-serif;
	}

	/*html5*/

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

	/*outline*/

	a:focus{
		outline: thin dotted;
	}
	a:active{
		outline: 0;
	}

	img{
		border: none;
	}

	/*typography*/
	
	a:link{
		color: #72b1c8;
	}
	a:visited{
		color: #72b1c8;
	}
	a:hover{
		color: #5b9bb2;
	}
	.underline{
		display: inline-block;
		line-height: 1.1;
		text-decoration: none !important;
		border-width: 0 0 1px;
		border-style: solid;
		border-color: #f8dc21;
		border-bottom-color: rgba(250, 220, 35, .3);
	}

	h1, h2, h3, h4, h5, h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6{
		color: #000;
		font-family: 'gothaprobol', Arial, Helvetica, sans-serif;
		font-weight: normal;
		line-height: 1.1;
	}
	
	h1, .heading-1{
		margin: 0 0 .4em;
		font-size: 40px;
	}
	
	h2, .heading-2{
		margin: 0 0 1em;
		font-size: 20px;
	}
	
	h3, .heading-3{
		margin: 0 0 .6em;
		font-size: 12px;
		text-transform: uppercase;
	}
	
	h4, .heading-4{
		margin: 0 0 .8em;
		font-size: 15px;
	}
	
	h5, .heading-5{
		margin: 0 0 .8em;
		font-size: 14px;
	}
	
	h6, .heading-6{
		margin: 0 0 .8em;
		font-size: 13px;
	}
		
	b, strong{
		font-weight: bold;
	}

	i, em{
		font-style: italic;
	}

	blockquote{
		margin: 1em 40px;
	}

	p{
		margin: 0 0 1.7em;
	}

	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;
	}

	nav{
		margin: 0;
	}

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

	ul{
		list-style-position: inside;
	}

	dd{
		margin: 0 0 0 40px;
	}

	/*forms*/

	fieldset{
		background: none;
		border: none;
	}

	form, fieldset, input, select, textarea, button{
		margin: 0;
		padding: 0;
	}

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

	button, input{
		line-height: normal;
	}

	button{
		vertical-align: top;
	}

	button::-moz-focus-inner{
		padding: 0;
		border: none;
	}

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

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

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

	/*iOS appearance input*/
	input, textarea, select {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	/**/

	/*tables*/

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

	/*centering*/

	.ctr{
		position: relative;
		width: 960px;
		margin: auto;
		padding: 0 20px;
	}

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

	.fll{
		float: left;
	}

	.flr{
		float: right;
	}
	
	.clearfix:after{ 
		content: "";
		display: table;
		clear: both;
	}
	
	.hidden{
		display: none;
	}

	.jsf{
		text-align: justify;
	}
		.jsf:after{
			content: "";
			display: inline-block;
			width: 100%;
			height: 0;
		}
	
	::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, .placeholder{
  	 	color: #727272;
  	 	opacity: 1;
	}

/*-----------PAGES STYLE-------------*/

/*main*/

.main{
	overflow: hidden;
	min-width: 1000px;
	min-height: 100%;
}	

	/*header_b*/
	
	.header_b{
		margin: 0 0 20px;
	}

		.header_b-top{
			position: relative;
			z-index: 2;
			padding: 20px 0;
		}

			.logo{
				display: inline-block;
			}
			a.logo:focus{
				outline: none;
			}

			.header_b .logo{
				position: absolute;
			}
	
			/*navGlobal_b*/

			.navGlobal_b{
				display: inline-block;
				margin: -20px 0 0;
				padding: 0 0 0 275px;
			}
			
				.navGlobal_l{
					margin: 0;
					list-style: none;
				}
				
					.navGlobal_l > li{
						position: relative;
						display: inline-block;
						margin: 0 30px 0 0;
						padding: 45px 0 0;
					}
						
						.navGlobal_l > li > .link{
							color: #000;
							font-family: 'gothaprobol', Arial, Helvetica, sans-serif;
							font-size: 13px;
							text-decoration: none;
							text-transform: uppercase;
							-webkit-transition: color ease .3s;
							-moz-transition: color ease .3s;
							-ms-transition: color ease .3s;
							-o-transition: color ease .3s;
							transition: color ease .3s;
						}
						.navGlobal_l > li > .link:hover, .navGlobal_l > li > .link.active{
							color: #72b1c8;
						}
							.navGlobal_l > li > .link.active:before{
								content: "";
								position: absolute;
								top: 0;
								width: 100%;
								height: 3px;
								background-color: #72b1c8;
							}

			/*selectlang_b*/
			
			.selectlang_b{
				position: relative;
				float: right;
				margin: 27px 0 0;
				padding: 0 25px 0 10px;
				border-left: 1px solid #e1e1e1;
				font-size: 11px;
			}		
				.selectlang_b:after{
					content: "";
					position: absolute;
					top: 7px;
					right: 10px;
					width: 7px;
					height: 4px;
					background: url(../img/arr-1.png) 0 0 no-repeat;
				}

				.selectlang_b .active{
					position: relative;
					z-index: 2;
				}

				.selectlang_b:hover .hidden{
					display: block;
				}	

				.selectlang_l{
					position: absolute;
					top: 0;
					right: 0;
					left: 0;
					margin: 0;
					padding: 20px 0 5px;
					background-color: #fff;
					list-style: none;
				}

					.selectlang_l li{
						margin: 0 0 3px;
						padding: 0 0 0 10px;
					}
					.selectlang_l li:last-child{
						margin-bottom: 0;
					}

						.selectlang_l li a{
							color: #000;
							text-decoration: none;
							-webkit-transition: color ease .3s;
							-moz-transition: color ease .3s;
							-ms-transition: color ease .3s;
							-o-transition: color ease .3s;
							transition: color ease .3s;
						}
						.selectlang_l li a:hover{
							color: #555;
						}

		.header_b-photo{
			overflow: hidden;
			position: relative;
			height: 240px;
			-webkit-transition: height ease .3s;
			-moz-transition: height ease .3s;
			-ms-transition: height ease .3s;
			-o-transition: height ease .3s;
			transition: height ease .3s;
		}

			.header_b-photo .pic, .header_b-photo .map_b{
				position: absolute;
				left: 50%;
				width: 1400px;
				margin: 0 0 0 -700px;
			}	

			.header_b-photo .pic{
				height: 240px;
			}	

			.header_b-photo .map_b, .header_b-photo.open{
				height: 400px;
			}	
					
	/*mainCol_b*/

	.mainCol_b{
		padding: 0 0 500px;
	}

	.mainCol_b-main{
		margin: -20px 0 0;
		padding-top: 55px;
		background-color: #fff;
	}
	
		/*aside_b*/
		
		.aside_b{
			position: relative;
			z-index: 2;
			float: left;
			width: 210px;
		}
		
			/*navSide_b*/

			.navSide_b{
				margin: -75px 0 0;
				
			}

				.navSide_l{
					margin: 0;
					padding: 8px 8px 120px;
					background-color: #fff;
					border-bottom: 1px solid #f4f7fc;
					list-style: none;
				}

					.navSide_l li{
						padding: 8px 15px;
						border-bottom: 1px solid #c9e1ea;
					}

					.navSide_l .head{
						background-color: #72b1c8;
						border: none;
						color: #fff;
						font-size: 14px;
						font-weight: bold;
					}

						.navSide_l .link{
							display: block;
							color: #000;
							font-size: 12px;
							text-decoration: none;
						}
						.navSide_l a.link:hover{
							color: #555;
						}
						.navSide_l .link.active{
							font-weight: bold;
						}

		/*content_b*/
		
		.content_b{
			float: right;
			width: 690px;
		}

			/*speedbar_b*/

			.speedbar_b{
				position: absolute;
				top: -5px;
				right: 20px;
				color: #6c6c6c;
				font-size: 11px;
			}

				.speedbar_b a{
					margin: 0 10px 0 0;
					padding: 0 20px 0 0;
					background: url(../img/arr-5.png) 100% 50% no-repeat;
					color: #6c6c6c;
					text-decoration: none;
				}
				.speedbar_b a:hover{
					text-decoration: underline;
				}

				.speedbar_b span{
					font-weight: bold;
				}

			/*presentProd_b*/

			.presentProd_b{
				
			}

				.presentProd_b-head{
					position: relative;
					z-index: 1;
					margin: 0 0 25px;
				}

					.presentProd_b .heading-1{
						margin-bottom: .2em;
						font-size: 52px;
						line-height: 1;
					}

						.presentProd_b .heading-1 .light{
							font-family: 'gothaprolig', Arial, Helvetica, sans-serif;
							font-size: 39px;
						}

					.presentProd_b .location{
						margin: 0 0 0 10px;
						color: #888;
						font-size: 11px;
					}

			.presentProd_l{
				display: inline-block;
				margin: 0;
				list-style: none;
			}		

				.presentProd_l li{
					display: inline-block;
					vertical-align: top;
				}

					.presentProd_l a{
						position: relative;
						display: block;
						height: 19px;
						padding: 2px 12px 0;
						border-width: 1px 0;
						border-style: solid;
						border-color: #dce5eb;
						color: #6991ae;
						font-family: 'gothaprobol', Arial, Helvetica, sans-serif;
						font-size: 11px;
						text-transform: uppercase;
						text-decoration: none;
					}	
					.presentProd_l .first a{
						border-left-width: 1px;
					}
					.presentProd_l .last a{
						border-right-width: 1px;
					}
						.presentProd_l a:after{
							content: "";
							position: absolute;
							top: -1px;
							right: -7px;
							width: 7px;
							height: 23px;
							background: url(../img/arr-3.png) 0 0 no-repeat;
						}
						.presentProd_l .last a:after{
							display: none;
						}

			.presentProd_b-photo{
				position: absolute;
				top: -335px;
				left: -20px;
			}

			.presentProd_b-next, .presentProd_b-prev{
				content: "";
				position: absolute;
				top: -215px;
				width: 34px;
				height: 111px;
				background-image: url(../img/arr-4.png);
				background-repeat: no-repeat;
				text-indent: -9999px;
				cursor: pointer;
			}		

			.presentProd_b-next{
				right: 90px;
				background-position: -34px 0;
			}

			.presentProd_b-prev{
				left: 90px;
				background-position: 0 0;
			}

			.content_b-cnt{
				padding: 20px 120px 15px 40px;
				background-color: #fff;
			}

				.content_b-cnt p.head{
					font-size: 14px;
				}

				.content_b-cnt p.small{
					line-height: 1.4;
				}

					.content_b-cnt p.small small{
						color: #878787;
						font-size: 11px;
					}

				.content_b-cnt ul{
					margin: 0 0 20px;
					list-style: none;
				}

					.content_b-cnt li{
						margin: 0 0 .3em;
						padding: 0 0 0 20px;
						background: url(../img/li-1.png) 0 .5em no-repeat;
					}	

				.content_b-cnt > footer{
					margin: 25px 0 0;
					padding: 15px 0 0;
					border-top: 1px dotted #c0c3c7;
				}	

				/*address_b*/

				.address_b{
					margin: 0 -120px 20px -40px;
					padding: 0 120px 25px 40px;
					border-bottom: 1px solid #f4f7fc;
					line-height: 1.8;
				}

					.address_b-head{
						font-weight: bold;
					}

					.address_b-item{
						display: inline-block;
						vertical-align: top;
						margin: 0 40px 0 0;
					}

				/*feedback_f*/
				
				.feedback_f{

				}

					.feedback_f fieldset{
						position: relative;
						margin: 0 0 8px;
						padding: 0 0 0 115px;
					}
					.feedback_f fieldset:last-child{
						margin-bottom: 0;
					}

						.feedback_f label{
							position: absolute;
							top: 5px;
							left: 0;
						}

						.feedback_f .inputText{
							width: 255px;
						}

						.feedback_f .textarea{
							width: 100%;
						}

						.feedback_f .inputButton{
							margin: 10px 0 0;
						}

						.feedback_f .btn-1{
							width: 90px;
							text-align: center;
						}	

			/*projects_b*/
			
			.projects_b{
				padding-top: 0;
				padding-bottom: 0;
			}		

				.projects_b-head{
					position: relative;
					padding-top: 15px;
					padding-bottom: 15px;
					cursor: pointer;
				}	

					.projects_b-head .heading-2{
						margin-bottom: 0;
					}

					.projects_b-head-info{
						position: absolute;
						top: 20px;
						right: 20px;
					}

						.projects_b-head-info .item{
							margin: 0 0 0 50px;
							color: #72b1c8;
							font-family: 'gothaprobol', Arial, Helvetica, sans-serif;
							font-size: 11px;
							text-transform: uppercase;
						}

				.projects_b-head, .projects_b .projects_l{
					margin: 0 -120px 0 -40px;
					padding-left: 40px;
					border-bottom: 1px solid #f4f7fc;
				}	

				.projects_b-head{
					padding-right: 250px;
				}

				.projects_l{
					padding: 0 70px 15px 0;
				}
		
/*footer*/

.footer_b{
	overflow: hidden;
	position: relative;
	min-width: 1000px;
	min-height: 180px;
	padding: 100px 0 165px;
	margin: -445px 0 0;
	background-color: #f4f7fc;
}	

	/*companyLogo_b*/

	.footer_b .companyLogo_b{
		position: absolute;
		width: 690px;
		margin: -70px 0 0;
	}

		.companyLogo_b img{
			margin: 0 25px 0 0;
			vertical-align: middle;
		}

		.companyLogo_b img.last{
			float: right;
			margin-right: 0;
		}

	/*shortSct_b*/

	.shortSct_b{
		font-size: 1px;
	}

		.shortSct_b-item{
			display: inline-block;
			vertical-align: top;
			width: 335px;
			padding: 0 0 8px;
			border-bottom: 1px dotted #c0c3c7;
			font-size: 12px;
		}

		.aside_b .shortSct_b-item{
			display: block;
			width: auto;
		}

			.shortSct_b-item .photo{
				display: block;
				height: 105px;
				line-height: 108px;
				margin: 0 0 8px;
				padding: 6px;
				background-color: #fff;
				text-align: center;
			}

				.shortSct_b-item .photo .banner{
					display: block;
					width: 100%;
					height: 100%;
				}

	.footer_b-foot{
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		height: 50px;
		padding: 20px 0 0;
		background-color: #fff;
		color: #3b3d4f;
		font-size: 11px;
	}
		.footer_b-foot:after{
			content: "";
			position: absolute;
			bottom: 0;
			right: 50%;
			width: 395px;
			height: 136px;
			margin: 0 -570px 0 0;
			background: url(../img/foot-decor.png) 0 0 no-repeat;
		}

/*__ELEMENTS__*/

	/*__ELEMENTS__buttons*/

	.btn-1{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.btn-1{
		display: inline-block;
		padding: 8px 20px;
		background-color: #72b1c8;
		color: #fff !important;
		font-size: 13px;
		font-family: 'gothaprobol', Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
		-webkit-transition: all ease .3s;
		-moz-transition: all ease .3s;
		-ms-transition: all ease .3s;
		-o-transition: all ease .3s;
		transition: all ease .3s;
	}
	.btn-1:hover, .inputButton:hover .btn-1{
		background-color: #589ab2;
	}

	/*__ELEMENTS__forms*/

	.inputText, .textarea{
		margin: 0;
		padding: 6px;
		background-color: #fafafd;
		border-width: 1px;
		border-color: #e0e0e3 #f3f3f6 #f3f3f6 #e0e0e3;
		border-style: solid;
	}

	.inputText:focus, .textarea:focus{
		outline: none;
	}

	.inputText{

	}

	.textarea{
		resize: vertical;
	}

	.inputButton{
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}

	/*__ELEMENTS__links*/

	.more-link{
		display: inline-block;
		padding: 0 0 0 15px;
		background: url(../img/arr-2.png) 0 5px no-repeat;
		color: #3b3d4f !important;
		font-size: 11px;
		text-decoration: none;
	}
	a.more-link:hover{
		text-decoration: underline;
	}

	.contact-link{
		padding: 3px 0 3px 25px;
		background: url(../img/icon-contact.png) 0 50% no-repeat;
		color: #72b1c8;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	.contact-link:hover{
		text-decoration: underline;
	}

	.pseudo-link{
		display: inline-block;
		white-space: nowrap;
		cursor: pointer;
	}

		.pseudo-link > span{
			display: inline-block;
			border-bottom: 1px dotted;
			line-height: .8;
		}