﻿html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
header, nav, section, article, aside, footer {
	display: block
}
ul {
	list-style: none;
}
a {
	color: #00a8ff;
}
a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
*:focus {
	outline: none;
}
.center_block {
	width: 1040px;
	margin: 0 auto;
}
body {
	min-width: 1080px;
	font-family: 'Roboto', sans-serif;
	color: #333333;
	font-size: 14px;
}
* {
	font-family: 'Roboto', sans-serif;
}

/*Footer to bottom*/
html, body, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto; 
	min-height: 100%;
}
#main {
	padding-bottom: 140px;
}
#footer {
	position: relative;
	margin-top: -160px;
	height: 160px;
	clear:both;
}

#header {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 3, 1, 0.1);
	-moz-box-shadow:    0px 5px 5px 0px rgba(0, 3, 1, 0.1);
	box-shadow:         0px 5px 5px 0px rgba(0, 3, 1, 0.1);
	position: relative;
	z-index: 2;
}
	#header .top_line {
		height: 40px;
		background: #333333;
	}
		#header .top_line a {
			color: #FFF;
			font-weight: 300;
			font-size: 16px;
			text-decoration: none;
		}
		#header .top_line .header_menu {
			float: left;
			margin-left: -14px;
		}
			#header .top_line li {
				float: left;
			}
				#header .top_line li a {
					display: block;
					padding: 11px 15px 0 14px;
					height: 29px;
				}
				#header .top_line li.active a,
				#header .top_line li a:hover {
					background: #ff8e00;
					position: relative;
					z-index: 2;
					-webkit-box-shadow: 0px 5px 18px 0px rgba(50, 50, 50, 0.3);
					-moz-box-shadow:    0px 5px 18px 0px rgba(50, 50, 50, 0.3);
					box-shadow:         0px 5px 18px 0px rgba(50, 50, 50, 0.3);
				}
	#header .top_line .search_form {
		float: right;
		width: 180px;
		height: 40px;
		-webkit-box-shadow: inset 0px 0px 23px 0px rgba(11, 14, 19, 0.45);
		-moz-box-shadow:    inset 0px 0px 23px 0px rgba(11, 14, 19, 0.45);
		box-shadow:         inset 0px 0px 23px 0px rgba(11, 14, 19, 0.45);
		position: relative;
	}
		#header .top_line .search_form input[type="text"] {
			color: #999999;
			font-size: 16px;
			font-style: italic;
			font-weight: 300;
			border: 0;
			background: none;
			padding: 12px 0 0 0;
			margin-left: 16px;
			width: 125px;
			line-height: 14px;
		}
		#header .top_line .search_form input[type="submit"] {
			position: absolute;
			width: 18px;
			height: 18px;
			right: 15px;
			top: 11px;
			border: 0;
			padding: 0;
			text-indent: -999px;
			background: url(../images/magnifer.png);
		}
	#header .header_content {

	}
		#header .header_content .logo {
			float: left;
			margin: 0 0 11px -18px;
			width: 421px;
			height: 69px;
			background: url(../images/logo.png) no-repeat;
		}
		#header .header_content .phone {
			float: right;
		}
			#header .header_content .phone .orange_button {
				width: 174px;
				float: left;
				margin-top: 16px;
			}
			#header .header_content .phone span {
				float: left;
				text-align: right;
				font-size: 24px;
				font-weight: bold;
				color: #333;
				margin: 15px 30px 0 0;
			}
			#header .header_content .phone span .glmail{
				font-size: 18px;
				font-weight: 700;
				margin-top: 5px;
			}
			#header .header_content .phone span .glmail a {
				text-decoration: none;
				color: inherit;
			}			

#footer {
	height: 160px;
	background: #252525 url(../images/footer.png) repeat;
}
	#footer .footer_content {
		width: 1040px;
		margin: 0 auto;
	}
		#footer .footer_content .copyright {
			float: none;
			width: 100%;
			clear: both;
			text-align: right;
			color: #FFF;
			font-weight: 300;
			font-size: 13px;
			line-height: 30px;
			padding-top: 10px;
		}
			#footer .footer_content .copyright .creator {
				color: #FFF;
				padding-right: 72px;
				padding-left: 10px;
				text-decoration: none;
				display: inline-block;
				background: url(../images/matador.png) right 5px no-repeat;
			}
		#footer .footer_content .contacts {
			float: right;
			padding-top: 58px;
		}
			#footer .footer_content .contacts .phone {
				float: left;
				font-size: 20px;
				font-weight: normal;
				color: #FFF;
				margin: 0 153px 0 0;
			}
			#footer .footer_content .contacts a {
				font-size: 20px;
				color: #fff;
				text-decoration: none;				
			}
			#footer .footer_content .contacts a:hover{
				text-decoration: underline;
			}
.orange_button {
	display: block;
	font-size: 14px;
	color: #ff8f00;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Roboto Condensed', sans-serif;
	height: 42px;
	border: 3px solid #ff8f00;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}
a.orange_button {
	line-height: 44px;
}
input[type="submit"].orange_button {
	background: none;
	height: 48px;
}
.orange_button:hover,
input[type="submit"].orange_button:hover {
	color: #FFF;
	background: #ff8f00;
}

#slider {
	margin-bottom: 68px;
	position: relative;
}
	#slider .top_insc {
		position: absolute;
		z-index: 100;
		width: 1040px;
		left: 50%;
		top: 71px;
		margin-left: -540px;
		text-align: center;
		font-size: 32px;
		line-height: 40px;
		display: block;
		color: #FFF;
		font-weight: 300;
		text-transform: uppercase;
		margin-bottom: 40px;
	}
	#slider li {
		height: 500px;
		background-position: center center;
		background-repeat: no-repeat;
		overflow: hidden;
		/*-o-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-khtml-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;*/
		-o-background-size: cover;
		-webkit-background-size: cover;
		-khtml-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
		#slider li .slide_content {
			width: 1040px;
			margin: 0 auto;
			position: relative;
			text-align: center;
			/*padding-top: 75px;*/
			padding-top: 71px;
		}
			#slider li .slide_content:before {
				content: "";
				width: 1902px;
				height: 500px;
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -951px;
				background: url(../images/shadow.png);
				z-index: 0;
			}
			#slider li .slide_content .insc1 {
				font-size: 40px;
				line-height: 50px;
				display: block;
				color: #FFF;
				font-weight: 300;
				position: relative;
				z-index: 2;
				text-transform: uppercase;
				margin-bottom: 40px;
			}
			#slider li .slide_content .item_name {
				font-size: 36px;
				line-height: 36px;
				display: block;
				color: #FFF;
				font-weight: normal;
				position: relative;
				z-index: 2;
				text-transform: uppercase;
				padding-top: 0px;
				margin-bottom: 24px;
			}
			#slider li .slide_content .item_name span {
				/*background: #006cb9;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				border-radius: 50px;
				-webkit-box-shadow: 0px 5px 0px 0px rgba(51, 51, 51, 1);
				-moz-box-shadow:    0px 5px 0px 0px rgba(51, 51, 51, 1);
				box-shadow:         0px 5px 0px 0px rgba(51, 51, 51, 1);
				padding: 10px 30px;*/
			} 
			#slider li .slide_content .readmore {
				display: block;
				width: 200px;
				height: 60px;
				line-height: 60px;
				margin: 0 auto;
				color: #FFF;
				font-family: 'Roboto Condensed', sans-serif;
				font-weight: bold;
				font-size: 18px;
				text-transform: uppercase;
				text-decoration: none;
				position: relative;
				z-index: 2;
				background: #006cb9;
				-webkit-border-radius: 27px;
				-moz-border-radius: 27px;
				border-radius: 27px;
				-webkit-box-shadow: 0px 5px 0px 0px rgba(51, 51, 51, 1);
				-moz-box-shadow:    0px 5px 0px 0px rgba(51, 51, 51, 1);
				box-shadow:         0px 5px 0px 0px rgba(51, 51, 51, 1);
			}
	#slider .bx-wrapper {
		position: relative;
		height: 500px;
		overflow: hidden;
	}
		#slider .bx-wrapper .bx-pager {
			position: absolute;
			bottom: 33px;
			width: 100%;
			height: 10px;
			text-align: center;
		}
			#slider .bx-wrapper .bx-pager .bx-pager-item {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 5px;
			}
				#slider .bx-wrapper .bx-pager .bx-pager-item a {
					display: block;
					width: 6px;
					height: 6px;
					border: 2px solid #FFF;
					overflow: hidden;
					text-indent: -999px;
					background: #FFF;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
				#slider .bx-wrapper .bx-pager .bx-pager-item a:hover,
				#slider .bx-wrapper .bx-pager .bx-pager-item a.active {
					background: #ff8f00;
				}
		#slider .bx-wrapper .bx-controls-direction a {
			width: 58px;
			height: 58px;
			overflow: hidden;
			text-indent: -999px;
			position: absolute;
			top: 210px;
			background: url(../images/nav.png);
			z-index: 10;			
		}
			#slider .bx-wrapper .bx-controls-direction a.bx-prev {
				left: 50%;
				margin-left: -544px;
				background-position: 0 0;
			}
			#slider .bx-wrapper .bx-controls-direction a.bx-next {
				right: 50%;
				margin-right: -544px;
				background-position: right 0;
			}
			#slider .bx-wrapper .bx-controls-direction a.bx-prev:hover {
				background-position: 0 bottom;
			}
			#slider .bx-wrapper .bx-controls-direction a.bx-next:hover {
				background-position: right bottom;
			}

#main {
	width: 1040px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
	#main h1 {
		text-transform: uppercase;
		font-size: 56px;
		line-height: 70px;
		font-weight: 300;
		color: #333333;
		margin-bottom: 42px;
	}
	#main h2 {
		text-transform: uppercase;
		font-size: 56px;
		line-height: 70px;
		font-weight: 300;
		color: #333333;
	}
	#mailform h2 {
		text-transform: uppercase;
		font-size: 36px;
		line-height: 40px;
		font-weight: 300;
		color: #333333;
	}
	#main h3 {
		text-transform: uppercase;
		font-size: 30px;
		line-height: 35px;
		font-weight: 300;
		color: #333333;
		margin-bottom: 17px;
	}
	#main p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	#main .full_width {
		margin: 0 -9000px;
		padding: 0 9000px;
	}
#wrap {
	overflow: hidden;
}

#main .benefits {
	width: 1040px;
	margin: 0 auto 66px auto;
}
	#main .benefits h2, #main .benefits h1 {
		text-align: center;
		margin-bottom: 52px;
	}
#main .benefits_menu {
	margin-left: -70px;
}
	#main .benefits_menu li {
		margin-left: 90px;
		float: left;
		text-align: center;
		width: 180px;
	}
		#main .benefits_menu a {
			text-decoration: none;
		}
		#main .benefits_menu li .image_wrapper {
			display: block;
			width: 180px;
			height: 180px;
			position: relative;
			margin-bottom: 24px;
		}
			#main .benefits_menu li .image_wrapper img {
				width: 180px;
				height: 180px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				position: absolute;
				left: 0;
				top: 0;
			}
			#main .benefits_menu li a:hover .image_wrapper img,
			#main .benefits_menu li.active a .image_wrapper img  {
				border: 5px solid #ffffff;
				left: -10px;
				top: -10px;
				width: 190px;
				height: 190px;
				-webkit-box-shadow: 0px 0px 18px 0px rgba(51, 51, 51, 0.77);
				-moz-box-shadow:    0px 0px 18px 0px rgba(51, 51, 51, 0.77);
				box-shadow:         0px 0px 18px 0px rgba(51, 51, 51, 0.77);
				-webkit-transition: all 200ms ease;
				-moz-transition: all 200ms ease;
				-ms-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				transition: all 200ms ease;
			}
		#main .benefits_menu li .item_name {
			display: block;
			font-size: 18px;
			line-height: 20px;
			font-weight: bold;
			color: #333333;
			text-decoration: none;
		}
			#main .benefits_menu li a:hover .item_name,
			#main .benefits_menu li.active a .item_name  {
				text-decoration: underline;
				color: #ff8f00;
			}

#main .solutions {
	background: #f1f1f1;
	padding: 72px 0 50px 0;
	margin-bottom: 68px;
}
	#main .solutions h3 {
		font-size: 56px;
		line-height: 50px;
		margin-bottom: 33px;
	}
	#main .solutions .solutions_list {
		margin-left: -20px;
		overflow: hidden;
	}
		#main .solutions .solutions_list li {
			float: left;
			margin: 0 0 10px 10px;
			width: 255px;
			height: 100px;
			background: #86aecc;
		}
			#main .solutions .solutions_list li .wrapper {
				color: #FFF;
				line-height: 20px;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
				padding: 0 100px 0 20px;
				display: block;
				height: 100px;
			}
				#main .solutions .solutions_list li .wrapper span {
					display: table-cell;
					height: 100px;
					vertical-align: middle;
				}
				#main .solutions .solutions_list li.s1 .wrapper {
					background: url(../images/solutions/1.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s2 .wrapper {
					background: url(../images/solutions/2.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s3 .wrapper {
					background: url(../images/solutions/3.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s4 .wrapper {
					background: url(../images/solutions/4.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s5 .wrapper {
					background: url(../images/solutions/5.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s6 .wrapper {
					background: url(../images/solutions/6.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s7 .wrapper {
					background: url(../images/solutions/7.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s8 .wrapper {
					background: url(../images/solutions/8.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s9 .wrapper {
					background: url(../images/solutions/9.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s10 .wrapper {
					background: url(../images/solutions/10.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s11 .wrapper {
					background: url(../images/solutions/11.png) right bottom no-repeat;
				}
				#main .solutions .solutions_list li.s12 .wrapper {
					background: url(../images/solutions/12.png) right bottom no-repeat;
				}

#main .about {
	width: 1040px;
	margin: 0 auto 70px auto;
	overflow: hidden;
}
	#main .about .about_left {
		float: left;
		width: 490px;
		padding-left: 0px;
	}
		#main .about .about_left h2 {
			margin-bottom: 28px;
		}
		#main .about .about_left .orange_button {
			width: 124px;
			margin-top: 27px;
		}
	#main .about .about_right {
		float: right;
		width: 490px;
		padding-right: 0px;
	}
		#main .about .about_right .orange_button {
			width: 124px;
			margin-top: 27px;
		}
	#main .about .completed_projects {
		/*float: left;
		width: 900px;*/
		padding-right: 20px;
		padding-top: 4px;
	}

	#main .about .completed_projects .bx-viewport ul li {
		margin-right: 10px;
		width: 480px !important;
	}

		#main .about .completed_projects .bx-wrapper {
			position: relative;
			max-width: 900px !important;
		}
			#main .about .completed_projects .bx-wrapper .bx-controls-direction a {
				width: 15px;
				height: 28px;
				position: absolute;
				overflow: hidden;
				text-indent: -999px;
				background: url(../images/nav2.png);
				top: 181px;
			}
			#main .about .completed_projects .bx-wrapper .bx-controls-direction a.bx-prev {
				left: 0;
				background-position: 0 0;
			}
			#main .about .completed_projects .bx-wrapper .bx-controls-direction a.bx-next {
				right: 0;
				background-position: right 0;
			}
			#main .about .completed_projects .bx-wrapper .bx-controls-direction a.bx-prev:hover {
				background-position: 0 bottom;
			}
			#main .about .completed_projects .bx-wrapper .bx-controls-direction a.bx-next:hover {
				background-position: right bottom;
			}
		#main .about .completed_projects h3 {
			margin-bottom: 33px;
		}
		#main .about .completed_projects .image_wrapper {
			display: block;
			margin-bottom: 16px;
			height: 160px;
			overflow: hidden;
		}
			#main .about .completed_projects .image_wrapper img {
				display: block;
			}
		#main .about .completed_projects .item_name {
			display: block;
			padding: 0 40px 0 40px;
			font-weight: bold;
			font-size: 14px;
			line-height: 20px;
		}
		#main .about .completed_projects .item_info {
			display: block;
			padding: 0 40px 0 40px;
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 15px;
		}
		#main .about .completed_projects .orange_button {
			width: 124px;
		}

#main .banner {
	background: #353549;
	text-align: center;
	margin: 0 -9020px 28px -9020px;
	padding: 0 9000px;
}
	#main .banner img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
#main .breadcrumbs {
	font-size: 13px;
	color: #999999;
	font-weight: 300;
	margin-bottom: 45px;
	padding-left: 10px;
}
	#main .breadcrumbs a {
		color: #53a5dd;
	}
	#main .breadcrumbs .divider {
		margin: 0 3px;
	}
#main .years {
	overflow: hidden;
	margin: 0 0 31px -20px;
}
	#main .years .item {
		float: left;
		width: 240px;
		height: 210px;
		left: 5px;
		position: relative;
		margin-left: 10px;
	}
		#main .years .item .year {
			position: absolute;
			font-size: 30px;
			font-weight: bold;
			color: #ff8f00;
			bottom: 4px;
			right: 12px;
			text-shadow: 0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1),0px 0px 2px rgba(255, 255, 255, 1);
		}

#main .left_content {
	float: left;
	width: 500px;
}
#main .right_content {
	float: right;
	width: 520px;
}

#main .technology {
	background: #f1f1f1;
	padding: 62px 9000px 46px 9000px;
	margin: 49px -9000px 62px -9000px;
}
	#main .technology .technology_item {
		overflow: hidden;
		color: #b5282f;
		margin-bottom: 18px;
	}
	#main .technology .technology_item.tech1 {
		color: #0d4d40;
	}
		#main .technology .technology_item .technology_name {
			float: left;
			font-size: 40px;
			font-weight: 300;
			text-transform: uppercase;
		}
			#main .technology .technology_item .technology_name .year {
				color: #ff8f00;
			}
		#main .technology .technology_item .t_about {
			float: right;
			font-size: 24px;
			font-weight: bold;
			padding-top: 8px;
			color: #333333;
		}
		#main .technology .technology_item img {
			clear: both;
			border-top: 5px solid;
			border-bottom: 10px solid;
			margin-bottom: 10px;
		}
		#main .technology .technology_item .col {
			float: left;
			width: 240px;
			margin-left: 20px;
			font-size: 18px;
			color: #333;
		}
		#main .technology .technology_item .col.col1 {
			margin-left: 0;
		}

#main .circle_list {

}
	#main .circle_list li {
		padding-left: 30px;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
		background: url(../images/circle.png) 0 4px no-repeat;
	}
#main .lists {
	overflow: hidden;
	margin-bottom: 54px;
}

#main .service_list {
	margin-bottom: 70px;
}
	#main .service_list li {
		overflow: hidden;
		margin-bottom: 40px;
	}
		#main .service_list li .image_wrapper {
			float: left;
			width: 450px;
			margin-right: 90px;
		}
			#main .service_list li .image_wrapper img {
				display: block;
			}
		#main .service_list li .service_text {
			display: table-cell;
			height: 300px;
			width: 350px;
			vertical-align: middle;
		}
			#main .service_list li .service_text .service_name {
				display: block;
				font-size: 30px;
				line-height: 40px;
				font-weight: 300;
				text-transform: uppercase;
				margin-bottom: 16px;
				text-decoration: none;
				color: #333;
			}
				#main .service_list li .service_text a:hover {
					text-decoration: underline;
					color: black !important;
				}

#main .designs {
	background: #f1f1f1;
	padding-top: 62px;
	padding-bottom: 40px;
	margin-bottom: 62px;
}
	#main .designs h3 {
		text-align: center;
		margin-bottom: 23px;
	}
	#main .designs .designs_list {
		overflow: hidden;
		margin-left: -40px;
	}
		#main .designs .designs_list li {
			margin: 0 0 30px 30px;
			float: left;
			width: 240px;
			height: 150px;
			overflow: hidden;
		}

#main .catalog_menu_wrapper {
	margin-bottom: 70px;
}
	#main .catalog_menu_wrapper h3 {
		text-align: center;
		margin-bottom: 43px;
	}
#main .catalog_menu {
	margin-left: -30px;
position: relative;
left: 20%;
	overflow: hidden;
}
	#main .catalog_menu li {
		float: left;
		width: 340px;
		margin-left: 5px;
		margin-top: 5px;
		position: relative;
		height: 210px;
		overflow: hidden;
		margin-right: 15px;
	}
		#main .catalog_menu li .open {
			width: 340px;
			height: 210px;
			position: absolute;
			left: 0;
			background: url(../images/black.png) repeat;
			text-align: center;
			color: #FFF;
			font-size: 30px;
			font-weight: bold;
			line-height: 210px;
			text-transform: uppercase;
			top: -210px;
			-webkit-transition: top 200ms ease;
			-moz-transition: top 200ms ease;
			-ms-transition: top 200ms ease;
			-o-transition: top 200ms ease;
			transition: top 200ms ease;
		}
		#main .catalog_menu li:hover .open {
			top: 0;
			-webkit-transition: top 200ms ease;
			-moz-transition: top 200ms ease;
			-ms-transition: top 200ms ease;
			-o-transition: top 200ms ease;
			transition: top 200ms ease;
		}
#main .projects_list {
	margin-left: -40px;
	overflow: hidden;
}
	#main .projects_list li {
		float: left;
		width: 500px;
		margin-left: 40px;
		height: 372px;
		padding-bottom: 16px;
	}
		#main .projects_list li a {
			color: #0085d9;
			text-decoration: none;
		}
		#main .projects_list li img {
			display: block;
			width: 520px;
			height: 290px;
			margin-bottom: 13px;
		}
		#main .projects_list li .item_name {
			display: block;
			color: #0085d9;
			font-size: 16px;
			font-weight: bold;
			text-decoration: underline;
			margin: 3px 0;
		}
		#main .projects_list li .item_org,  #main .projects_list li .item_year{
			display: block;
			text-decoration: none;
			color: #333;
		}
		#main .projects_list li .item_info {
			display: block;
		}
	#main .projects {
		padding-bottom: 61px;
	}
		#main .projects .orange_button {
			width: 174px;
			margin: 0 auto;
		}
#main .partners_list {
	margin: 0 0 50px -20px;
	overflow: hidden;
}
	#main .partners_list li {
		margin: 0 0 10px 10px;
		float: left;
		width: 200px;
		height: 200px;
	}
		#main .partners_list li a,
		#main .partners_list li span {
			border: 3px solid #ff8f00;
			width: 194px;
			height: 194px;
			display: block;
			text-align: center;
			line-height: 194px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
			#main .partners_list li a img,
			#main .partners_list li span img {
				vertical-align: middle;
			}
#project_slider {

}
	#project_slider li {
		height: 410px;
		line-height: 410px;
		text-align: center;
	}
		#project_slider li img {
			max-width: 100%;
			max-height: 100%;
			vertical-align: middle;
		}
	#project_slider .bx-wrapper {
		position: relative;
	}
	#project_slider .bx-wrapper .bx-controls-direction a {
		width: 50px;
		height: 50px;
		text-indent: -99999px;
		position: absolute;
		top: 180px;
		background: url(../images/nav4.png);
		z-index: 10;
	}
		#project_slider .bx-wrapper .bx-controls-direction a.bx-prev {
			left: 16px;
		}
		#project_slider .bx-wrapper .bx-controls-direction a.bx-next {
			right: 16px;
			background-position: right;
		}
	#project_slider .bx-wrapper .bx-controls-direction a:before {
		content: "";
		width: 15px;
		height: 28px;
		position: absolute;
		overflow: hidden;
		text-indent: -99999px;
		background: url(../images/nav2.png);
		top: 326px;
	}
	#project_slider .bx-wrapper .bx-controls-direction a.bx-prev:before {
		left: -16px;
		background-position: 0 0;
	}
	#project_slider .bx-wrapper .bx-controls-direction a.bx-next:before {
		right: -16px;
		background-position: right 0;
	}
	#project_slider .bx-wrapper .bx-controls-direction a.bx-prev:hover:before {
		background-position: 0 bottom;
	}
	#project_slider .bx-wrapper .bx-controls-direction a.bx-next:hover:before {
		background-position: right bottom;
	}
#project_pager {
	margin: 0 -9000px;
	padding: 70px 9000px;
	background: #f1f1f1;
}
	#project_pager .bx-viewport a {
		height: 80px;
		width: 157px;
		position: relative;
		overflow: hidden;
	}
		#project_pager a.active:after {
			content: "";
			border: 3px solid #ff8f00;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			box-sizing: border-box;
		}
		#project_pager a img {
			min-width: 157px;
			min-height: 80px;
			max-height: 120px;
		}


		#main #project_pager .bx-wrapper {
			position: relative;
			padding: 0 44px 0 44px;
		}
			#main #project_pager .bx-wrapper .bx-controls-direction a {
				width: 15px;
				height: 28px;
				position: absolute;
				overflow: hidden;
				text-indent: -99999px;
				background: url(../images/nav2.png);
				top: 26px;
				display: none;
			}
			#main #project_pager .bx-wrapper .bx-controls-direction a:after {
				display: none;
			}
			#main #project_pager .bx-wrapper .bx-controls-direction a.bx-prev {
				left: 0;
				background-position: 0 0;
			}
			#main #project_pager .bx-wrapper .bx-controls-direction a.bx-next {
				right: 0;
				background-position: right 0;
			}
			#main #project_pager .bx-wrapper .bx-controls-direction a.bx-prev:hover {
				background-position: 0 bottom;
			}
			#main #project_pager .bx-wrapper .bx-controls-direction a.bx-next:hover {
				background-position: right bottom;
			}
#main .nav_wrapper ul {
	margin-left: -70px;
}
	#main .nav_wrapper ul li {
		margin-left: 90px;
		float: left;
		text-align: center;
		width: 180px;
	}
		#main .nav_wrapper ul a {
			text-decoration: none;
		}
		#main .nav_wrapper ul li .image_wrapper {
			display: block;
			width: 180px;
			height: 180px;
			position: relative;
			margin-bottom: 24px;
		}
			#main .nav_wrapper ul li .image_wrapper img {
				width: 180px;
				height: 180px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				position: absolute;
				left: 0;
				top: 0;
			}
			#main .nav_wrapper ul li a:hover .image_wrapper img,
			#main .nav_wrapper ul li.ui-state-active a .image_wrapper img  {
				border: 5px solid #ffffff;
				left: -10px;
				top: -10px;
				width: 190px;
				height: 190px;
				-webkit-box-shadow: 0px 0px 18px 0px rgba(51, 51, 51, 0.77);
				-moz-box-shadow:    0px 0px 18px 0px rgba(51, 51, 51, 0.77);
				box-shadow:         0px 0px 18px 0px rgba(51, 51, 51, 0.77);
				-webkit-transition: all 200ms ease;
				-moz-transition: all 200ms ease;
				-ms-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				transition: all 200ms ease;
			}
		#main .nav_wrapper ul li .item_name {
			font-size: 18px;
			line-height: 20px;
			font-weight: bold;
			color: #333333;
			border-bottom: 1px dashed;
			text-decoration: none;
		}
			#main .nav_wrapper ul li a:hover .item_name,
			#main .nav_wrapper ul li.ui-state-active a .item_name  {
				border-bottom: 0;
				color: #ff8f00;
			}

#benefits .nav_wrapper {
	background: #f1f1f1;
	padding-top: 80px;
	padding-bottom: 66px;
	margin-bottom: 56px;
}
#benefits .benefits_content {
	padding-bottom: 70px;
}
	#benefits .benefits_content h2 {
		font-size: 40px;
		margin-bottom: 64px;
	}
		#benefits .benefits_content img {
			max-width: 100%;
		}
		#main .benefits_content .benefits_info {
			margin-bottom: 70px;
		}
			#main .benefits_content .benefits_info img {
				float: left;
				width: 640px;
				margin-right: 90px;
				display: block;
			}
			#main .benefits_content .benefits_info .info_text {
				display: table-cell;
				height: 300px;
				width: 350px;
				vertical-align: middle;
			}

#main .image_desc {
	list-style: none;
	overflow: hidden;
	margin-left: -40px;
	margin-top: 22px;
	counter-reset: item;
}
	#main .image_desc li {
		line-height: 20px;
		list-style: none;
		font-size: 14px;
		float: left;
		width: 200px;
		padding-left: 40px;
		margin-left: 30px;
		position: relative;
	}
	#main .image_desc li:before {
		position: absolute;
		width: 26px;
		height: 26px;
		color: #f39321;
		border: 2px solid;
		left: 0px;
		top: 4px;
		line-height: 26px;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		content: counter(item);
		counter-increment: item; 
	}

#benefits .additional {
	background: #f1f1f1;
	margin-bottom: 62px;
	padding-top: 62px;
	padding-bottom: 7px;
}
	#benefits .additional h3 {
		text-align: center;
		margin-bottom: 23px;
	}
	#benefits .additional ul {
		overflow: hidden;
		margin-left: -40px;
		margin-bottom: 32px;
	}
		#benefits .additional ul li {
			float: left;
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 4px;
			margin-bottom: 24px;
		}
			#benefits .additional ul li .item_name {
				display: block;
				color: #333;
				text-decoration: none;
				margin-right: -10px;
			}
			#benefits .additional ul li a.item_name:hover {
				text-decoration: underline;
			}
	#benefits .additional ul.col4 {
		margin-left: -25px;
	}
		#benefits .additional ul.col4 li {
			margin-left: 25px;
			width: 240px;
		}
	#benefits .additional ul.col3 {
		margin-left: -10px;
	}
		#benefits .additional ul.col3 li {
			margin-left: 10px;
			width: 340px;
		}
	#benefits .additional ul.col2 {
		margin-left: -10px;
	}
		#benefits .additional ul.col2 li {
			margin-left: 10px;
			width: 510px;
		}

	#benefits .additional ul img {
		display: block;
		width: 100%;
		margin-bottom: 16px;
	}
	#benefits .additional ul.bold li {
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
	}
		#benefits .additional ul.bold li .item_name {
			margin-right: 0;
		}

.pager {
	text-align: center;
	margin-bottom: 40px;
}
	.pager a {
		display: inline-block;
		width: 10px;
		height: 10px;
		background: #006cb9;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 0 5px;
		overflow: hidden;
		text-indent: -999px;
	}
	.pager a.active {
		background: #ff8f00;
	}
.flip_prev.disabled {
	opacity: 0.25;
	cursor: default;
}
.flip_next.disabled {
	opacity: 0.25;
	cursor: default;
}
.flipbook-viewport {
	position: relative;
}
	.flipbook-viewport .flip_prev {
		width: 50px;
		height: 50px;
		overflow: hidden;
		text-indent: -999px;
		position: absolute;
		top: 380px;
		background: url(../images/nav4.png);
		z-index: 10;
		left: 0;
	}
	.flipbook-viewport .flip_next {
		width: 50px;
		height: 50px;
		overflow: hidden;
		text-indent: -999px;
		position: absolute;
		top: 380px;
		background: url(../images/nav4.png) right;
		z-index: 10;
		right: 0;
	}
.flipbook-viewport{
	padding: 70px 70px 66px 70px;
}
	.flipbook-viewport .container{
		width: 940px;
		height: 670px;
		margin: 0 auto 30px auto;
	}
	.flipbook-viewport .flipbook{
		width: 940px;
		height: 670px;
	}
	.flipbook-viewport .page {
		width: 470px;
		height: 670px;
		background-color:white;
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
	.flipbook .page{
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 3, 1, 0.25);
		-moz-box-shadow:    0px 5px 10px 0px rgba(0, 3, 1, 0.25);
		box-shadow:         0px 5px 10px 0px rgba(0, 3, 1, 0.25);
	}
	.flipbook-viewport .page img{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin:0;
		width: 100%;
		height: 100%;
	}
	.flipbook-viewport .shadow{
		-webkit-transition: -webkit-box-shadow 0.5s;
		-moz-transition: -moz-box-shadow 0.5s;
		-o-transition: -webkit-box-shadow 0.5s;
		-ms-transition: -ms-box-shadow 0.5s;

		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 3, 1, 0.25);
		-moz-box-shadow:    0px 5px 10px 0px rgba(0, 3, 1, 0.25);
		box-shadow:         0px 5px 10px 0px rgba(0, 3, 1, 0.25);
	}
	.flipbook-viewport .double{
		width: 940px;
		height: 670px;
		background-size:100% 100%;
	}

#main .pdf_reader {
	background: #f1f1f1;
}
#main .catalog_menu {
	margin-left: -30px;
	overflow: hidden;
}
	#main .catalog_menu li.ui-state-active:after {
		content: "";
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
		border: 3px solid #ff8e00;
	}
		#main .catalog_menu li.ui-state-active .open {
			display: none;
		}

#main #catalogs .catalog_menu {
	margin-bottom: 70px;
}

#main .contacts_left {
	float: left;
	width: 280px;
	margin: 0 70px 64px 0;
	padding-left: 10px;
}
	#main .contacts_left h1 {
		margin-bottom: 25px;
		font-size: 40px;
		line-height: 44px;
		padding-left: 0px;
	}
	#main .contacts_left h4 {
		font-size: 18px;
		font-weight: bold;
	}
	#main .contacts_left .adress {
		margin: 1px 0 17px 0;
	}
	#main .contacts_left .phone {
		font-weight: 300;
		font-size: 30px;
		text-transform: uppercase;
		display: block;
		margin: -4px 0 15px 0;
	}
	#main .contacts_left .mail {
		font-size: 24px;
		font-weight: 300;
	}
#main .map {
	float: left;
	width: 680px;
	height: 330px;
	overflow: hidden;
}
#main .feedback {
	background: #f1f1f1;
}
	#main .feedback form {
		overflow: hidden;
		padding: 63px 0 72px 0;
	}
		#main .feedback form .form_left {
			width: 350px;
			float: left;
		}
		#main .feedback form .orange_button, #mailform  .feedback form .orange_button {
			float: right;
			width: 219px;
margin: 10px 0 0 0;
		}
	#main .feedback h2, #mailform h2 {
		margin-bottom: 32px;
	}

#main input[type="text"], #mailform  input[type="text"]{
	border: 1px solid #999999;
	background: #FFF;
	height: 39px;
	line-height: 39px\9;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 11px 0 19px;
	width: 308px;
	display: block;
	margin-bottom: 19px;
}
#main textarea, #mailform textarea {
	border: 1px solid #999999;
	background: #FFF;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 12px 11px 8px 19px;
	width: 308px;
	display: block;
	resize: none;
	width: 688px;
	height: 139px;
	margin-bottom: 21px;
	overflow: hidden;
}
#mailform form textarea {
	width: 308px;
	padding-left: 5px; 
}
.fancybox-wrap #mailform .captcha_code input {
	width: 180px;
	padding-left: 5px; 
}
.fancybox-wrap #mailform textarea {
	height: 100px;
}
.fancybox-wrap #mailform img {
	width: 120px;
	margin-left: 5px;
}
.fancybox-wrap #mailform  input {
	padding-left: 3px;
}
.fancybox-wrap #mailform .captcha_after {
	clear: both;
}
#main #mailform form textarea {
	width: 668px;
}
#main .pdf.orange_button {
	width: 174px;
	margin: 0 auto;
}

#main .last_news {
	background: #f1f1f1;
	padding-top: 63px;
	padding-bottom: 71px;
}
	#main .last_news h3 {
		font-size: 56px;
		text-align: center;
		padding-bottom: 20px;
	}
	#main .last_news ul {
		margin-left: -40px;
		overflow: hidden;
		padding: 0px;
		list-style: none;
	}
		#main .last_news ul li {
			float: left;
			width: 320px;
			line-height: 20px;
			margin: 0 0 45px 40px;
		}
			#main .last_news ul li .news_title {
				font-size: 18px;
				font-weight: bold;
				color: #006cb9;
			}
			#main .last_news ul li p {
				font-size: 14px;
				margin-bottom: 0;
				padding-top: 20px;
			}
	#main .last_news .orange_button {
		width: 134px;
		margin: 0 auto;
	}

#main .news_list {
	margin-left: -60px;
	overflow: hidden;
	font-size: 0;
}
	#main .news_list li {
		display: inline-block;
		vertical-align: top;
		width: 320px;
		margin: 0 0 24px 60px;
		font-size: 14px;
	}
		#main .news_list li a {
			color: #006cb9;
		}
		#main .news_list li .image_wrapper {
			display: block;
			width: 320px;
			height: 160px;
			overflow: hidden;
			margin-bottom: 23px;
		}
		#main .news_list li .news_title {
			display: block;
			font-size: 18px;
			font-weight: bold;
			margin-bottom: 21px;
		}
	#main .all_news {
		margin: 0 auto 70px auto;
		width: 174px;
	}

#main .left_img {
	float: left;
	margin: 0 50px 10px 0;
}
#main .right_img {
	float: right;
	margin: 0 0 10px 50px;
}
#main .article {
	padding-bottom: 50px;
}
#main .text ul {
	list-style: disc outside; 
	padding: 10px 0 10px 15px;
}
#footer .nav {
	float: left;
	padding-top: 58px;
}
#footer .nav li {
	float: left;
	margin-left: 20px;
}
#footer .nav li a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
#footer .nav li a:hover {
	text-decoration: underline;
}
#footer .feedback-btm {
}
#footer .footer_content .contacts .orange_button {
	float: right;
	margin-top: -12px;
	margin-left: 68px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ff8f00;
}
#footer .footer_content .contacts .orange_button:hover {
	color: #fff;
	text-decoration: none;
}
.text-content {
	padding: 0;
}
.news-detail ul, .news-detail ol {
	margin: 10px 0 10px 20px;
}
.news-detail ul{
	list-style: disc outside;
}
.news-detail ol {
	list-style: decimal outside;
}
.teaser {
	text-decoration: none;
	color: inherit;
	margin-top:30px;
	display: block;
}
.teaser img {
	float:left;
	margin: 0 25px 15px 0;
	width:200px;
}
.teaser p {
	text-align: justify;
}
.types-detail ul{
list-style: disc outside;
}
.types-detail ul li
{
padding: 5px 0;}
ol.polit_konf {
	list-style-position: inside;
}
ol.polit_konf li {
	margin-bottom:10px;
}
div.polit_konf {padding: 13px 0;}
.fancybox-inner form {
	max-width: 330px;
}
.footerpdf {
	width: 180px;
	margin:5px auto;
	
}
.load_more {
	line-height: 44px;
}