﻿html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html {
	height: 100%;
	font-size: 14px;
	color: #424144;
	font-family: 'adobe';

}

@font-face {
	font-family: bpg_banner;
	src: url(../Fonts/bpg_banner_extrasquare_caps.ttf);
}


@font-face {
	font-family: PoynterText;
	src: url(../Fonts/PoynterText-RomanTwo.ttf);
}

@font-face {
	font-family: adobe;
	src: url(../Fonts/AdobeFangsongStd-Regular.ttf);
}

@font-face {
	font-family: arial;
	src: url(../Fonts/arial.ttf);
}

@font-face {
	font-family: rioni_vera;
	src: url(../Fonts/BPG_Rioni_Vera_Contrast.otf);
}

html,
button,
input,
select,
textarea {
	font-family: 'adobe';
}

/* links */
a {
	color: #A8AFB6;
	text-decoration: none;
}

a:focus {
	outline: none;
	text-decoration: none;
}

a:hover,
a.active {
	color: #447EAC;
	outline: 0;
}

menu,
ol,
ul {
	padding: 0 0 0 0;
}

nav ul,
nav ol, ul {
	list-style: none;
	list-style-image: none;

}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

section {
	display: block;
}

.left {
	float: left;
	padding-right: 20px;
}

.right {
	float: right;
}

.project-left {
	float: left;
  width: 420px;
  padding-right: 20px;
}
.project-right {
	padding-top:25px;
	width:238px;
	float:right;
}
.clear {
	clear: both;
}
.more_btn {
	display: block;
	text-align: right;
	font-weight:bold;
}
.back-btn
{
	padding:5px;
	margin-bottom: 10px;
	display: inline-block;
	border: 1px solid #A8AFB6;
}
.back-btn:hover
{
	padding:5px;
	border: 1px solid #447EAC;
}


body {
	-webkit-font-smoothing: antialiased;
	background-color: white;
	font-size: 14px;
	height: 100%;
	min-width: 768px;
	margin: 0 auto;
	padding: 0;
	background-attachment: fixed;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #ebecec;
}

#header {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	height: 72px;
	background-color: #deddda;
}

.lang {
	font-size: 15px;
	font-family: 'PoynterText';
	padding-top: 14px;
	padding-right: 54px;
	text-align: right;
	color: white;
}

.lang a {
	font-size: 15px;
	font-family: 'PoynterText';
	color: #c2c2c2;
}
.lang a:hover, .lang a.active {
	font-size: 15px;
	font-family: 'PoynterText';
	color: #ffffff;
}

.logo {
	height: 72px;
	width: 486px;
	text-align: left;
	float: left;
}

.search {
	float: right;
	padding-right: 36px;
	padding-top: 29px;
}

.search input[type="search"] {
	float: left;
	font-family: 'arial';
	color: #adb4ba;
	height: 19px;
	width: 137px;
	border: none;
	padding-left: 6px;
}

.search input[type="submit"] {
	position: relative;
	border: none;
	width: 21px;
	height: 19px;
	background-image: url(../Images/search.png);
}

#banner_home {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	background-image: url(../Images/home_banner.jpg);
	background-repeat: no-repeat;
	height: 384px;
}

#banner_about {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	background-image: url(../Images/about_banner.jpg);
	background-repeat: no-repeat;
	height: 384px;
}

#banner_project {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	background-image: url(../Images/project_banner.jpg);
	background-repeat: no-repeat;
	height: 384px;
}

#banner_contact {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;

	background-image: url(../Images/contact_banner.jpg);
	background-repeat: no-repeat;
	height: 384px;
}

#banner_team {
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	background-image: url(../Images/team_banner.jpg);
	background-repeat: no-repeat;
	height: 384px;
}


.banner_text {
	padding-top: 52px;
	padding-left: 60px;
	width: 200px;
	color: white;
	font-size: 30px;
	font-family: 'adobe';
	height: 100px;
}

.projects_banner_text {
	padding-top: 52px;
	padding-left: 60px;
	width: 400px;
	color: white;
	font-size: 24px;
	font-family: 'rioni_vera';
	height: 100px;
	line-height: 40px;
	font-weight:bold;
}
.projects_banner_text.en {
	padding-top: 52px;
	padding-left: 60px;
	width: 200px;
	color: white;
	font-size: 24px;
	line-height: 40px;
	font-family: 'adobe';
	height: 100px;
	font-weight:bold;
}

.about_banner_text {
	padding-top: 52px;
	padding-left: 60px;
	width: 250px;
	color: white;
	font-size: 30px;
	font-family: 'rioni_vera';
	height: 100px;
	line-height: 40px;
}

#menu_project {
	width: 900px;
	height: 50px;
	margin: 0 auto;
}

#menu_project .nav_menu {
	padding-top: 16px;
	margin: 0 110px 0 110px;
	width: 100%;
}

.ru .nav_menu li a {
	font-family: 'arial';
	font-size: 12px;
	color: white;
}
.nav_menu li a {
	font-family: 'bpg_banner';
	font-size: 12px;
	color: white;
}
.ru .nav_menu li a:hover, .ru #footer_nav_menu ul li a.nav_menu li a.active {
	font-family: 'arial';
	font-size: 12px;
	color: white;
	font-weight:bold;
}
.ru .nav_menu li a:hover, .ru .nav_menu li a.active {
	font-family: 'arial';
	font-size: 12px;
	color: white;
	font-weight:bold;
}


.nav_menu li {
	font-family: 'bpg_banner';
	font-size: 12px;
	color: white;
}

.nav_menu {
	padding-top: 16px;
	margin: 154px 110px 0 110px;
	width: 100%;
}

.nav_menu li {
	float: left;
	padding-right: 14px;
}

#content {
	padding-bottom: 70px;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	min-height: 100px;
	height: auto;
	background-color: white;
	display: table;
}

.inner {
	margin: 30px 110px 0 110px;
	width: 680px;
}

.article_line {
	border-bottom: 1px solid #c2c2c2;
	clear: both;
}

.article {
	height: 190px;
	margin: 0 110px 0 110px;
	width: 680px;
}
.article {
	height: 190px;
	margin: 0 110px 0 110px;
	width: 680px;
}

.article_small {
	float: left;
	padding: 0 40px 0 0;
	width: 200px;
	height: 190px;
	display: table;
}

.welcime p .article_small p, .article_small_r p, .article_long p, .welcome p {
	padding: 0;
	margin: 0;
}

.article_small h1, .article_small_r h1, .article_long h1, welcome h1 {
	font-size: 18px;
	color: #447eac;
	font-family: 'PoynterText';
	padding-bottom: 0;
	/*margin-bottom:0;*/
	height: 40px;
	font-weight: bold;
	width: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}


.article_small_r {
	float: left;
	padding: 0 0 0 0;
	width: 200px;
	height: 190px;
	display: table;
}

.article_long {
	float: left;
	padding: 0 40px 0 0;
	width: 300px;
	height: 190px;
	display: table;
}

.welcome {
	float: left;
	padding: 0 40px 0 0;
	/*width: 400px;*/
	height: auto;
	display: table;
}

a:hover h1 {
	font-size: 18px;
	color: #004B8B;
	font-family: 'PoynterText';
	font-weight: bold;
	width: 100%;
}

a:hover p {
	font-size: 14px;
	color: #8E8E90;
	font-family: 'adobe';
	line-height: 24px;
}

h1 {
	font-size: 18px;
	color: #447eac;
	font-family: 'PoynterText';
	padding-bottom: 0;
	/*margin-bottom:0;*/
	min-height: 40px;
	font-weight: bold;
	width: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

article_small a,
p {
	font-size: 14px;
	color: #424144;
	font-family: 'adobe';
	line-height: 24px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	text-align: justify;
}


.team_content {
	padding-bottom:20px;
	border-bottom:1px solid #f4f4f4;
	min-height:100px;
	height:auto;
	display:table;
	padding-top:10px;
}

.photo {
	width: 136px;
	height: 174px;
	background-color: #72839d;
	float:left;
	margin-right:20px;
	padding:9px 42px 9px 9px;
}

.tabs li {
	float: left;
	width: 200px;
}

.tabs li h1 {
	color: #C1C1C2;
}

.tabs li a.active h1, .tabs li a:hover h1 {
	float: left;
	color: #004B8B;
	width: 200px;
}


#footer {
	position: relative;
	clear: both;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	background-color: white;
	overflow: hidden;
	height: 115px;
	margin-bottom: 45px;
}

.footerheader {
	background-image: url(../Images/footer_logo.png);
	background-repeat: no-repeat;
	text-align: left;
	height: 40px;
	left: 127px;
	width: 730px;
	margin: 0 127px 0 127px;
}

.footer_sep {
	height: 2px;
	width: 680px;
	background-color: #c2c2c2;
	text-align: left;
	margin: 0 110px 0 110px;
}

#footer_nav_menu ul li a {
	font-family: 'bpg_banner';
	font-size: 11px;
	color: #447eac;
}

#footer_nav_menu ul li {
	font-family: 'bpg_banner';
	font-size: 12px;
	color: #447eac;
}

.ru #footer_nav_menu ul li a {
	font-family: Arial;
	font-size: 11px;
	color: #447eac;
}

.ru #footer_nav_menu ul li {
	font-family: Arial;
	font-size: 12px;
	color: #447eac;
}

#footer_nav_menu ul {
	margin: 0 110px 0 110px;
	padding: 0;
	width: 100%;
}

#footer_nav_menu ul li {
	float: left;
	padding-right: 14px;
	padding-top: 18px;
}

/*****************projects****************/
.project-item {
	padding: 5px 0 0 0;
}

.project-item li {
	margin-bottom: 10px;
	border-bottom: 1px solid #c2c2c2;
}

.news {
	display: table;
	min-height: 100px;
	height: auto;
	padding-bottom: 20px;
	padding-top: 4px;
	border-bottom: 1px solid #D2D2D2;
}

.proj-more {
	display: table;
	min-height: 100px;
	height: auto;
	padding-bottom: 20px;
	padding-top: 4px;

}

.news-text, .proj-text {
	width: 400px;
	float: left;
	padding-right: 20px;
	font-size: 14px;
	color: #424144;
	font-family: 'adobe';
	line-height: 24px;
	text-align:justify;
}

.news-photo, .proj-photo  {
	width: 238px;
	height: 100px;
	float: right;
	margin-top: 10px;
	padding-bottom:10px;
	display:table;
}

.photo-item {
	padding-bottom:10px;
}

.info {
	float:right;
	width:472px;
}
.info .personalinfo {
	font-size: 18px;
	color: #447eac;
	font-family: 'adobe';
	line-height: 24px;
}

.info .title {
	font-size: 16px;
	color: #3d3d3d;
	font-family: 'adobe';
	line-height: 24px;
	padding-top:10px;
	text-transform: uppercase;
}


.about-team {
	padding-top:10px;
	font-size: 14px;
	color: #424144;
	font-family: 'adobe';
	line-height: 22px;
	text-align:justify;
}
.p-top {
	padding-top: 3px;
	font-size: 14px;
	color: #424144;
	font-family: 'adobe';
	line-height: 24px;
}


/* * * * * * * * * * * * * * * * * * */
/* project attachments */
/* * * * * * * * * * * * * * * * * * */
.project-link {
	display: block;
	/*padding-top:20px;*/
	margin-bottom: 10px;
}

/* file links-icons */
.file-link {
	display: block;
	color: #A8AFB6;
	margin-bottom: 10px;
  /*padding-top:22px;*/
	min-height: 27px;
	line-height: 22px;
}
.file-link:hover {
	color: #447EAC;
}
.file-link div {
	width: 23px;
	height: 27px;
	/*height: 22px;*/
	margin-right: 5px;
	float: left;
	background-position: 0 0;
	/*background-position: 0 -3px;*/
}
.file-link:hover div {
	background-position: 0 -29px;
	/*background-position: 0 -32px;*/
}
