/* CSS Document */

/* Reset */
/* reset*/
html, body {
	border: 0;
	margin: 0;
	padding: 0;
}

div, span, applet, 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, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

select:focus, input:focus, textarea:focus {outline: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {font-size: 16px;}
a img, img {
	border: none;
	font-size: 16px;
}
/* Reset */
html {height: 100%;}
body {
	position: relative;
	font: normal 14px/1.2 Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
	min-height: 100%;
}
a {
	color: #ff3300;
	text-decoration: underline;
}
a:hover {
	color: #fe6a00;
}
@font-face {
    font-family: 'HeliosCondRegular';
    src: url('../font/helioscond-webfont.eot');
    src: url('../font/helioscond-webfont.eot?iefix') format('eot'),
         url('../font/helioscond-webfont.woff') format('woff'),
         url('../font/helioscond-webfont.ttf') format('truetype'),
         url('../font/helioscond-webfont.svg#webfonth5vYffoH') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* General class */
.clearfix:after, #header .main:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*.clearfix, .slide {
	zoom: 1;
}*/
.spec_field {display: none;}
.skype_status {vertical-align: middle;}
/* //General class */


/* Main elements */
#wrapper {
	min-height: 100%;
	overflow: hidden;
}
#header, #footer, #main .inner, ul.sub_menu {
	width: 980px;
	margin: auto;
}
#main .inner {margin-bottom: 60px;}
#header {padding-bottom: 20px;}
#logo {
	padding-top: 49px;
	float: left;
	text-align: center;
}
	#logo h1 {
		width: 120px;
		height: 59px;
		margin-bottom: 25px;
	}
#lang {
	min-height: 11px;
	padding-left: 20px;
	color: #666;
	background: url(../img/flag_us.png) 0 .1em no-repeat;
	font-family: 'HeliosCondRegular',Arial,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
	#lang:hover {color: #f30;}
#main {
	overflow: hidden;
	margin-bottom: 140px;
}

#main .inner {position: relative;}
#footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -490px;
	text-align: center;
}
.content {
	margin-bottom: 60px;
	padding: 0 100px;
}
.reset_padding {padding-right: 0px;}
.content p, .content ul {
	line-height: 20px;
	margin-bottom: 20px;
}
	.content p a, .content ul a {
		color: #ff3300;
		text-decoration: underline;
	}
	.content p a:hover, .content ul a:hover {
		color: #FE6A00;
		text-decoration: underline;
	}
	.content ul.bullets li {
		margin-bottom: 20px;
		list-style: none;
		color: #f30;
	}
	.content ul.bullets li:before, .content ul.bullets li .before {
		content: "—";
		float: left;
	}
		.content ul.bullets li div {
			margin-left: 1.5em;
			color: #333;
		}
	.content ul.no-bullets li {list-style: none;}
h2 {
	font: normal 40px/60px 'HeliosCondRegular',Arial,sans-serif;
	color: #333;
}
	h2 a {color: #333;}
	h2 a:hover {color: #fd6b00;}
h3 {font: normal 22px/40px 'HeliosCondRegular',Arial,sans-serif;}
h4 {
	font-family: 'HeliosCondRegular',Arial,sans-serif;
	line-height: 20px;
}
/* Main elements */


/* Header elements */
#header #menu {
	float: right;
	margin-top: 19px;
}
/* Header elements */


/* Main menu */
ul.nav, ul.nav ul, ul.sub_menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.nav {
		float: right;
		font-size: 0;
		line-height: 0;
	}
		ul.nav li {
			display: inline-block;
			width: 160px;
			margin-left: 20px;
			padding: 20px 20px 0 0;
			vertical-align: top;
			font-size: 12px;
		}
			ul.nav li a {
				font: normal 22px/20px 'HeliosCondRegular',Arial,sans-serif;
				color: #ff3300;
				text-transform: uppercase;
				text-decoration: none;
			}
			ul.nav li a:hover {color: #fe6a00;}
			ul.nav ul li {
				width: auto;
				display: block;
				padding: 10px 0 0 0;
				margin-left: 0;
			}
				ul.nav ul li a {font: normal 14px/20px 'HeliosCondRegular',Arial,sans-serif;}
		ul.nav li.last {
			width: 208px;
			margin-left: -20px;
			padding: 18px 5px 19px;
			border: 1px solid #bfbfbf;
			text-align: center;
		}
		ul.nav li a.email {
			font: normal 14px/20px 'HeliosCondRegular',Arial,sans-serif;
			color: #111;
			vertical-align: middle;
			text-transform: uppercase;
		}
			ul.nav li a.email:hover {color: #f30;}
		ul.nav li .phone {
			font: normal 22px/30px 'HeliosCondRegular',Arial,sans-serif;
			color: #111;
			vertical-align: middle;
			white-space: nowrap;
		}
		ul.nav .js .phone {display: none;}
		ul.nav .js .phone-active {display: inline;}
		ul.nav li p {
			margin-bottom: 8px;
			color: #666;
			line-height: 20px;
		}
		ul.nav li .submit {margin-top: 12px;}
		ul.nav .js .city {
			border-bottom: 1px dotted #f30;
			color: #f30;
			cursor: pointer;
		}
		ul.nav .js .city-active {
			border-bottom: none;
			color: #666;
			cursor: inherit;
		}

li.menu_item_active a {color: #fe6a00;}
/* //Main menu */

/*Sub menu */
ul.sub_menu {
	width: 980px;
	margin: 0 auto 60px;
	padding: 6px 0;
}
ul.sub_menu li.left_item {
	width: 200px;
	float: left;
}
ul.sub_menu li.right_item {
	width: 200px;
	float: right;
	text-align: right;
}
ul.sub_menu li.active_item {
	width: 580px;
	float: left;
	text-align: center;
}
ul.sub_menu a, ul.sub_menu a {
	background: url(../img/menu_arrow.png) no-repeat;
	font: normal 22px/40px 'HeliosCondRegular',Arial,sans-serif;
	color: #b8b8b8;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
}
ul.sub_menu a:hover, ul.sub_menu a:hover {
	color: #fe6b00;
}
ul.sub_menu li.left_item a {
	background-position: 0 0;
	padding: 0 0 0 20px;
}
	ul.sub_menu li.left_item a:hover {
		background-position: 0 -86px;
	}
ul.sub_menu li.right_item a {
	background-position: 100% -43px;
	padding: 0 20px 0 0;
}
	ul.sub_menu li.right_item a:hover {
		background-position: 100% -129px;
	}
.sub_menu h1 {
	font-family: 'HeliosCondRegular', Arial, sans-serif;
	font-size: 60px;
	line-height: .78;
	letter-spacing: 0.002em;
	text-transform: uppercase;
	color: #333;
}
/* //Sub menu */

/* Footer */
#footer .copyright, #footer .info_lnk {display: inline-block;}

#footer .copyright {
	padding-top: 19px;
	border-top: solid 2px #666;
	font-size: 12px;
	line-height: 1.6;
	color: #656565;
}
	#footer .copyright a {color: #656565;}
		#footer .copyright a:hover {
			color: #fd6b00;
			text-decoration: underline;
		}
#footer .info_lnk {
	position: relative;
	padding: 21px 0;
}
	#footer .info_lnk a {
		display: inline-block;
		margin: 0 22px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
.twitter {
	background-image: url(../img/twit_ico.png);
	width: 23px;
	height: 17px;
}
	.twitter:hover {background-position: left bottom;	}
.qr {
	background-image: url(../img/qr.png);
	width: 17px;
	height: 17px;
}
	.qr:hover {background-position: left bottom;	}
.qr-large {
	display: none;
	position: absolute;
	bottom: 40px;
	left: -20px;
	width: 269px;
	height: 258px;
	background: url(../img/qr_background.png) no-repeat;
	z-index: 201;
}
	.qr-large img {
		display: block;
		padding: 16px;
		border: 13px solid #333;
		background: #fff;
	}
/* //Footer */

/* Main Index elements */
#index .inner {
	height: 560px;
	padding-top: 80px;
}
	#index .inner a {text-decoration: none;}
#index h1.title {
	padding-bottom: 21px;
}
	#index h1.title a {
		background: url(../img/a2_studio.png) left top no-repeat;
		display: block;
		width: 497px;
		height: 64px;
		text-indent: -99999px;
		outline: none;
	}
	#index h1.title a:hover {
		background-position: left bottom;
		text-decoration: none;
	}
.circle100, .circle140, .circle160, .circle180, .circle200, .circle220, .circle240, .circle280{
	position: absolute;
	display: block;
}
.circle100{
	width: 100px;
	height: 100px;
}
.circle140{
	width: 140px;
	height: 140px;
}
.circle160{
	width: 160px;
	height: 160px;
}
.circle180{
	width: 180px;
	height: 180px;
}
.circle200{
	width: 200px;
	height: 200px;
}
.circle220{
	width: 220px;
	height: 220px;
}
.circle240{
	width: 240px;
	height: 240px;
}
.circle280{
	width: 280px;
	height: 280px;
}
#index .inner .first {
	left: -400px;
	top: 60px;
}
#index .inner .second {
	left: -370px;
	top: 170px;
}
#index .inner .third {
	left: -280px;
	top: 290px;
}
#index .inner .fourth {
	left: -120px;
	top: 400px;
}
#index .inner .fifth {
	left: 120px;
	top: 360px;
}
#index .inner .sixth {
	left: 350px;
	top: 200px;
}
#index .inner .seventh {
	right: 120px;
	top: 80px;
}
#index .inner .eighth {
	right: -120px;
	top: 60px;
}
#index .inner .ninth {
	right: -280px;
	top: 210px;
}
#index .inner .tenth {
	right: -370px;
	top: 370px;
}
#index .inner .eleventh {
	right: -400px;
	top: 520px;
}
#index .infoblock {
	width: 267px;
	position: absolute;
	right: 0;
	top: 400px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#index .infoblock li {margin-bottom: 22px;}
	#index .infoblock li a:hover {color: #fd6b00;}
#index .infoblock .item {
	padding: 21px 0px 21px 85px;
	display: block;
	width: 180px;
	line-height: 18px;
	font-size: 14px;
	background: 0 50% no-repeat;
}
#index .infoblock .bitrix {background-image: url(../img/logo_bitrix.png);}
#index .infoblock .canada {background-image: url(../img/logo_canada.png);}

/* //Main Index elements */

/* Portfolio page */
#portfolio #main {padding-bottom: 60px;}

.project-wrap {
	width: 100%;
	background: #fff repeat;
}
.project-bg {
	width: 100%;
	padding: 40px 0;
	background-position: 50% 0%;
	background-repeat: no-repeat;
}
	.project-bg .project {
		width: 980px;
		margin: auto;
		box-shadow: 0 0 10px #999; /*   */
		-moz-box-shadow: 0 0 10px #999; /*  Firefox */
		-webkit-box-shadow: 0 0 10px #999; /*  Safari  Chrome */
	}
.project .project-image {
	background: #fff url(../img/ajax_loader.gif) 50% 50% no-repeat;
	width: 980px;
	min-height: 200px;
	position: relative;
}
	.project .project-image img {display: block;}
.project .project-image .feedback_wrp {
	background: #333;
	width: 700px;
	height: 100%;
	/*padding: 130px 140px 85px;*/
	padding: 0px 140px 0px;
	position: absolute;
	left: 0;
	top: 0;
}
.project .project-image .feedback_text {
	background: #333 url(../img/quotes.png) -34px 76% no-repeat;
	display: block;
}
.project .project-image .feedback_text_inner {
	background: url(../img/quotes.png) 665px top no-repeat;
	padding: 12px 60px 0;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	display: block;
}
.project .project-image .feedback_text_inner p {margin-bottom: 20px;}
.project .project-image .autor{
	color: #656565;
	font-size: 12px;
	line-height: 1.8;
}

.project .project-info {overflow: hidden;}
.project-data {
	background: #fff;
	width: 240px;
	float: left;
	padding: 0 20px 320px;
	margin-bottom: -320px;
}
	.project-data p {line-height: 20px;	}
	.project-data .work, .project-data .link {
		color: #656565;
		padding-bottom: 20px;
	}
		.project-data .link a {
			color: #ff3300;
			font-size: 14px;
			text-decoration: underline;
			line-height: 1.4;
		}
			.project-data .link a:hover {text-decoration: none;}
	.project-data .location {padding-bottom: 20px;}
	.project-data h3.title {
		font: normal 40px/1 'HeliosCondRegular',Arial,sans-serif;
		color: #333;
		padding: 12px 0 7px;
	}
		.project-data h3.title a {text-decoration: none;}
.project-description {
	float: left;
	width: 660px;
	margin-bottom: -320px;
	padding: 20px 20px 320px 20px;
	background: #333;
	background-repeat: repeat;
}
	.project-description p {
		color: #fff;
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 20px;
	}
	.project-description .slider {
		list-style: none;
		padding: 0;
		margin: 0 60px 10px 0;
		font-size: 0;
	}
	.project-description .slider li {
		display: inline-block;
		margin: 0 10px 10px 0;
		vertical-align: top;
		cursor: pointer;
	}
		.project-description .slider li img {
			display: block;
			width: 100px;
			height: 60px;
		}
	.project-description .slider li:hover {
		padding: 3px;
		background: #f30;
	}
		.project-description .slider li:hover img {
			width: 94px;
			height: 54px;
		}
	.project-description .slider li.current {
		padding: 3px;
		background: #333;
		cursor: auto;
	}
		.project-description .slider li.current img {
			width: 94px;
			height: 54px;
		}
.project-description a.feedback {
	display: block;
	float: right;
	padding: 0 0 0 20px;
	font: normal 12px/9px 'HeliosCondRegular',Arial,sans-serif;
	background: url(../img/arrow_white.png) no-repeat;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
a.down {background-position: left bottom;}
a.close {
	position: absolute;
	top: 10px;
	right: 10px;
}
/* //Portfolio page */

/* About page */
#main .text_about{
	margin-right: 380px;
	padding-right: 40px;
}
#slider_about{
	width: 380px;
	float: right;
}
#slider_about ul{
	width: 380px;
	height: 380px;
	overflow: hidden;
}
#slider_about ul li{
	display: inline-block;
}
#slider_about .pagination{
	padding: 15px 0;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
#slider_about .pagination a{
	background: url(../img/bulet.png) left top no-repeat;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
}
#slider_about .pagination a:hover, #slider_about .pagination a.act{
	background-position: left bottom;
}
#main #slider_about .img_desc{
	font-size: 12px;
	color: #656565;
	font-style: italic;
	text-align: center;
	line-height: 20px;
	padding: 0 45px;
	margin-bottom: 0px;
}
.about_studio {
	width: 300px;
	float: left;
}
	.about_studio h3, .about_studio dl dd {
		margin: 0 0 20px 100px;
	}
	.about_studio dt {
		float: left;
		width: 80px;
		margin-bottom: 20px;
		color: #ff3300;
		font: normal 40px/40px 'HeliosCondRegular',Arial,sans-serif;
		text-align: right;
	}
	.about_studio dd {
		line-height: 20px;
		font-size: 12px;
	}
.persons_preview {
	width: 440px;
	float: right;
	text-align: right;
}
	.persons_preview li {
		float: left;
		margin: 0 0 10px 10px;
		list-style: none;
	}
		.persons_preview li img, .persons_preview li a {
			display: block;
			text-decoration: none;
		}

/* //About page */

/* Vacancies page */
.benefits {
	height: 380px;
	position: relative;
	color: #fff;
	margin-bottom: 60px;
}
.benefits span {
	position: relative;
	top: 35%;
	line-height: 20px;
}
.benefits .benefits1, .benefits .benefits2, .benefits .benefits3,.benefits .benefits4, .benefits .benefits5 {
	text-align: center;
	font-size: 1.2em;
	background: no-repeat;
}
.benefits .benefits1 {
	background-image: url(../img/circle1.png);
	top: 220px;
	left: 0px;
}
.benefits .benefits2 {
	background-image: url(../img/circle2.png);
	top: 170px;
	left: 170px;
}
.benefits .benefits3 {
	background-image: url(../img/circle3.png);
	top: 60px;
	left: 370px;
}
.benefits .benefits4 {
	background-image: url(../img/circle4.png);
	top: -10px;
	left: 610px;
}
.benefits .benefits5 {
	background-image: url(../img/circle5.png);
	top: -20px;
	right: 0px;
}
.benefits .notice {
	background: url(../img/letter.png) no-repeat;
	color: #333;
	padding: 65px 0 0 5px;
	line-height: 20px;
	position: absolute;
	top: 254px;
	right: 55px;
}
.vacancy {
	margin-bottom: 40px;
	font-size: 12px;
}
	.vacancy img {
		float: left;
		margin-right: 28px;
	}
	.vacancy p {
		margin-left: 300px;
	}
/* //Vacancies page */


/* Testimonials page */
ul.testimonials {
	list-style: none;
}
ul.testimonials li {
	background-color: transparent;
	padding: 20px 50px;
}
ul.testimonials li:hover {
	background-color: #fef8e5;
}
ul.testimonials li:hover .quotes {
	background: url(../img/quotessel.png) 645px 7px no-repeat;
}
ul.testimonials li:hover .quotes div {
	background: url(../img/quotessel.png) -34px 94% no-repeat;
}
ul.testimonials .quotes {
	background: url(../img/quotes.png) 645px 7px no-repeat;
}
ul.testimonials .quotes div {
	background: url(../img/quotes.png) -34px 94% no-repeat;
	padding: 20px 50px 0;
	font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
}
ul.testimonials .mp3 {
	margin: 0 50px;
}
ul.testimonials .author {
	color: #444;
	font-size: 12px;
	font-weight: bold;
	padding: 0 50px;
}
/* //Testimonials page */

/* Contacts page */
#yandex-map-page {z-index: 1;}
	#yandex-map-page #wrapper {height: 100%;	}
	#yandex-map-page .strip-header,
	#yandex-map-page .strip-title,
	#yandex-map-page .inner,
	#yandex-map-page #footer .copyright,
	#yandex-map-page #footer .info_lnk {
		position: relative;
		z-index: 10;
	}

.strip-title {
	padding: 20px 0 30px;
	background: url(../img/opacity_white.png);
}
	.strip-title .sub_menu {margin-bottom: 0;	}

.strip-header {background: url(../img/opacity_white.png);}

#yandex-map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.contacts-page .inner {
	width: 400px;
	overflow: hidden;
	margin: 50px auto;
	padding-bottom: 0;
}

.contacts-page .strip-title {padding-bottom: 15px;}

body.contacts-moscow {background: #000;}
	body.contacts-moscow .contacts-moscow {
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	body.contacts-moscow #wrapper {
		position: relative;
		z-index: 2;
	}
	body.contacts-moscow .inner {
		padding-bottom: 10px;
		background: url(../img/map_card_shadow.png) 50% 100% no-repeat;
	}

.contacts-chooser {
	margin-top: 10px;
	font: 22px/40px 'HeliosCondRegular',Arial,sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #333;
}
	.contacts-chooser li {
		display: inline;
		padding: 0 13px;
		border-right: 1px solid;
	}
	.contacts-chooser li:last-child {border: none;}
	.contacts-chooser a {
		color: #f30;
		text-decoration: none;
		border-bottom: 1px dotted #f30;
	}
	.contacts-chooser a:hover {
		color: #fe6a00;
		border-color: #fe6a00;
	}

.contacts {
	width: 340px;
	margin: 70px auto 0;
	padding: 30px;
	background: #fff;
}
#yandex-map .contacts {margin: 0;}
	.contacts dl {
		width: 100%;
		overflow: hidden;
		margin: 0;
	}
	.contacts dt {
		float: left;
		width: 70px;
		margin-top: 25px;
		color: #b8b8b8;
		text-align: right;
	}
	.contacts dd {
		width: 250px;
		margin: 25px 0 0 80px;
	}
	.contacts dd + dd {margin-top: 0;}
	.contacts dt + dd {margin-top: 25px;} /* Special Chrome fix */

.contacts-form {
	position: absolute;
	top: 170px;
	right: 60px;
	width: 540px;
	padding: 15px 20px 25px;
	background: #333;
	z-index: 120;
	cursor: default;
}
	.contacts-form .close {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 11px;
		height: 11px;
		overflow: hidden;
		background: url(../img/close.png) no-repeat;
		cursor: pointer;
	}
	.contacts-form .arrow {
		position: absolute;
		top: -20px;
		right: 30px;
		width: 0px;
		height: 0px;
		border-width: 0 20px 20px 20px;
		border-color: transparent transparent #333 transparent;
		border-style: solid;
	}
	.contacts-form h3 {
		margin-bottom: 25px;
		color: #fff;
	}
	.contacts-form .flash {
		margin-bottom: 10px;
		font-size: 12px;
		color: #b8b8b8;
	}
	.contacts-form p {
		margin: 15px 0 5px;
		font-size: 12px;
		color: #fff;
	}
	.contacts-form .error {color: #f30;}
	.contacts-form .success {color: #fff;}
	.contacts-form .input {margin-bottom: 10px;}
		.contacts-form .input .error-message {
			margin-top: 5px;
			padding-right: 2px;
			color: #f30;
			font-size: 12px;
			text-align: right;
		}
		.contacts-form .input .form-error {
			border-color: #f30;
			border-bottom-width: 1px;
		}
		.contacts-form .input input, .contacts-form .input textarea {
			width: 520px;
			padding: 5px 8px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #111;
			border: 1px solid #bfbfbf;
			border-bottom-width: 0;
		}
		.contacts-form .input textarea {height: 110px;}
		/* Keep all 3 groups of placeholder selectors separate */
		.contacts-form .input input:-moz-placeholder,
		.contacts-form .input textarea:-moz-placeholder {
			color: #666;
		}
		.contacts-form .input input.placeholder,
		.contacts-form .input textarea.placeholder {
			color: #666;
		}
		.contacts-form .input input::-webkit-input-placeholder,
		.contacts-form .input textarea::-webkit-input-placeholder {
			color: #666;
		}
	.contacts-form .submit {margin-top: 15px;}
	.contacts-form .loader {
		background: url(../img/ajax_loader_invert.gif) 50% 50% no-repeat;
	}
		.contacts-form .loader form {visibility: hidden;}

#contacts-form-container.loader {min-height: 100px;}

#yandex-map-page.contacts-page .yandex-map-baloon .inner {margin: 0;}

#yandex-map #menu li.last {cursor: default;}
#yandex-map #menu li.last p {cursor: text;}

.yandex-map-baloon {
	position: relative;
	padding: 0 31px 19px 22px;
	background: url(../img/map_address_shadow.png) 100% 100% no-repeat;
	cursor: default;
}
	.yandex-map-baloon .close, .yandex-map-baloon .close-pair {
		position: absolute;
		top: 9px;
		z-index: 10;
		color: #b9b9b9;
		background-repeat: no-repeat;
		font-family: 'HeliosCondRegular',Arial,sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		cursor: pointer;
		line-height: .8;
	}
	.yandex-map-baloon .close {
		right: 40px;
		padding-left: 17px;
		background-image: url(../img/arrow_grey.png);
		background-position: 0 -9px;
	}
	.yandex-map-baloon .close-pair {
		right: 440px;
		padding-right: 13px;
		background-image: url(../img/close.png);
		background-position: 100% 50%;
	}
/* //Contacts page */

/* Clients page */
.YMaps-b-balloon {font: 14px/1.2 Arial,Helvetica,sans-serif;}
	.YMaps-b-balloon p {margin-bottom: .5em;}
	.YMaps-b-balloon .location {font-style: italic;}

#clients-yandex-map {
	width: 100%;
	height: 500px;
	margin-bottom: 30px;
}

.clients-map .strip-title {margin-top: -20px;}
/* //Clients page */

/* Services page */
.two-column-left {
	overflow: hidden;
	margin: 0 0 60px 100px;
	padding: 0;
}
	.two-column-left .first {
		float: left;
		width: 440px;
		padding-right: 20px;
	}
	.two-column-left .second {
		float: right;
		width: 280px;
		padding-right: 100px;
	}
		.two-column-left .second img {
			max-width: 280px;
		}
	.two-column-left .second.full {
		width: 380px;
		padding-right: 0;
	}
		.two-column-left .second.full img {
			max-width: 380px;
		}

.two-column-right {
	overflow: hidden;
	margin: 0 100px 60px 0;
	padding: 0;
}
	.two-column-right .first {
		float: left;
		width: 380px;
	}
		.two-column-right .first img {
			max-width: 380px;
		}
	.two-column-right .second {
		float: right;
		width: 440px;
		padding-left: 60px;
	}

.two-column-left .small, .two-column-right .small {
	font-size: 12px;
}
	.two-column-left .small h3, .two-column-right .small h3 {
		margin-top: .95em;
	}

.two-column-left p:last-child, .two-column-right p:last-child,
.two-column-left ul:last-child, .two-column-right ul:last-child {
	margin-bottom: 0;
}

.three-column {
	overflow: hidden;
	margin-bottom: 60px;
	padding: 0;
}
	.three-column .small, .three-column .large {
		float: left;
		margin-right: 20px;
	}
	.three-column .small:last-child, .three-column .large:last-child {
		margin-right: 0;
	}
	.three-column .small {
		width: 280px;
	}
	.three-column .large {
		width: 380px;
	}
		.three-column .large .short {
			padding: 0 50px;
		}

.notice {
	min-height: 53px;
	padding-left: 100px;
	background: url(../img/letter.png) no-repeat;
}
.two-column-left .second .notice {
	margin-right: -100px;
}

#services .three-column {
	position: relative;
}
#services .first {
	margin-top: 160px;
}
#services .second {
	margin-top: 40px;
}
#services .third {
	margin-right: 0;
}
#services h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
}
#services .image {
	display: block;
	margin-bottom: 28px;
}
#services .bitrix {
	padding: 20px 0px 20px 85px;
	line-height: 20px;
	font-size: 12px;
	background: url(../img/logo_bitrix.png) 0 50% no-repeat;
}
/* //Services page */

/* Common form elements */
.submit input {
	width: auto;
	padding: 5px 10px;
	font-family: 'HeliosCondRegular',Arial,sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}
/* //Common form elements */