@font-face {
    font-family: Museo700;
    src: url(../fonts/MuseoSansCyrl-700.otf);
}
@font-face {
    font-family: Museo900;
    src: url(../fonts/MuseoSansCyrl-900.otf);
}
@font-face {
    font-family: TinosItalic;
    src: url(../fonts/Tinos-Italic.ttf);
}
@font-face {
	font-family: HelveticaNeueBold;
	font-weight: bold;
    src: url(../fonts/HelveticaNeueCyr-Bold.otf);
}
@font-face {
	font-family: HelveticaNeue;
	font-weight: bold;
    src: url(../fonts/HelveticaNeueCyr-Roman.otf);
}

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

/* NEW CSS */
body { font-family:Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:14px; overflow-x:hidden; background:#f5f5f5;}
td, th { font-family:Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:14px }

a { font-family:Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:14px; text-decoration:underline; }
a:hover { font-family:Arial, Helvetica, sans-serif; color:#1a1a1a; font-size:14px; text-decoration:none;}

.clear   { clear:both}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


#wrapper {  }
.wrapper { margin:auto; width:1130px; position:relative }

* {  
 margin: 0;  
 padding: 0;  
}  
html {height: 100%;}  
body {  
 height: auto !important;  
 height: 100%;  
 min-height: 100%;  
 position: relative;  
} 

a, img, input, button, textarea, select { outline: none; resize:none }
strong, b { font-weight:bold; }
em { font-style:italic}

.fl { float:left}
.fr { float:right}

a, .trans { 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#header {
	background-color: white;
	box-shadow: 0 2px 4px 0 #e5e5e5;
	transition: height 0.3s;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#header-top {
	border-bottom: 1px solid #e9e9e9; 
	height: 70px;
	position: relative;
	width: 100%;
	transition: height 0.3s;
	overflow:hidden;
}
#header-top .phone { font-size: 12px; padding-top:10px; display: block; float:left }

#header-top .social { float:right; padding-top:4px}
#header-top .social a { margin-left:4px}

#header-top .lang { text-align:right; padding:5px; display:block}
#header-top .lang a.ru { background:url(../images/lang-ru.png) no-repeat 0 50%; padding-left:34px; display:inline-block}
#header-top .lang a.en { background:url(../images/lang-en.png) no-repeat 0 50%; padding-left:34px; display:inline-block}

#header-bottom {
	height: 71px;
	margin: 0 auto;
	position: relative;
	width: 1130px;
}

#header .logo { float:left; margin-top:24px}
#header .slogan { float:left; margin-top:24px}

#header .menu { float:right; margin-top:28px}
#header .menu li { float:left; }
#header .menu li a { color:#1b2426; font-family:Museo700, helvetica, arial, sans-serif; font-size:14px; text-decoration:none; text-transform:uppercase; display:block; height: 43px; line-height: 38px; padding: 0 14px;}
#header .menu li a.active, #header .menu li a:hover { background:#336b98; color:#fff}


#center { padding-top:160px; padding-bottom:160px}
#footer { padding:40px 0; background:#f6f9fb; width: 100%; bottom: 0; position: absolute;}
#footer .copy { float:left; width:300px}
#footer .menu { float:left}
#footer .menu li { float:left; margin-right:25px}
#footer .menu li a { color:#1b2426; font-family:Museo700, helvetica, arial, sans-serif; font-size:14px; text-decoration:none; text-transform:uppercase;}

#footer .create { float:right; color:#f5f5f5}
#footer .create a { color:#f5f5f5}

#main-page #footer { background:#fff}

.block-content { margin:20px 0}
.block-title h3 { font-family: HelveticaNeue; font-size: 27px; margin:0 0 30px 0}

h1#content-title{ color:#383838; font-size:35px; margin:0 0 35px; }

.left-part { overflow:hidden; width:810px; float:left;}
.right-part { overflow:hidden; width:320px; float:right;}


/* NEWS */
.news-main { background:#fff; border-bottom: 8px solid #333333; margin:0 1px}
.news-main .news-item { width:282px; float:left; height:120px; color:#0b0b0b}
.news-main .news-item a { display:block; padding:20px 30px; height:80px; font-size:13px; text-decoration:none}
.news-main .news-item .date { color:#828282; padding-bottom:10px; font-size:11px}
.news-main .news-item a:hover { background:#336a97; color:#fff;}
.news-main .news-item a:hover .date { color:#fff;}
.news-main .all-news { background:url(../images/all-news-bg.jpg) no-repeat 50% 50%; height:120px; width:282px; float:right}
.news-main .all-news a { background-color:rgba(51, 106, 151, 0.5); color: white;
    font-family: HelveticaNeueBold;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.news-main .all-news a span { background:url(../images/projects-link.png) no-repeat right 44%; padding-right:20px} 

.news-list { width:1128px; margin-top:40px; margin-left:1px; background: #b6b6b6;}
.news-list .news-item { float:left; position:relative; width:376px; background:#d9d9d9; min-height: 190px; overflow: hidden;}
.news-list .news-item.big { float:left; width:752px; height:380px}
.news-list .date { font-size:12px; padding:8px 20px; color:#000; text-transform: uppercase; font-family: "HeliosCondRegular"; font-size:12px;}
.news-list .thumb { height:170px}
.news-list .thumb img { width:100%; background:#fff;}
.news-list .news-item .name { max-height:56px; overflow:hidden; color:#000; font-weight:bold; text-transform: uppercase; font-size:14px;  font-family: "HeliosCondRegular"; padding:0 20px 0 20px}
.news-list .anons { padding:8px 20px;  font-size:12px;}

.news-list .more { padding:10px 20px; }
.news-list .more a {  color:#547bb5; font-family: "HeliosCondRegular"; font-weight:bold; text-transform: uppercase; font-size:14px; text-decoration:none}

.news-list .news-item.grad-1 { background:#c9c9c9 url(../images/grad-1.png) no-repeat bottom left; }
.news-list .news-item.grad-2 { background:#d6d6d6 url(../images/grad-2.png) no-repeat bottom left; }

.news-list .news-item:hover .more a { text-decoration:underline}


.news-list .news-item .mask {  position:absolute; left:0; top:0; right:0; bottom:0;}
.news-list .news-item .mask a {  position:absolute; left:0; top:0; right:0; bottom:0;}


.news-list .news-item.big .thumb { height:380px}
.news-list .news-item.big .info { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,63,122,0.32)}
.news-list .news-item.big .info .name { max-height:220px !important; font-size:28px; word-wrap: break-word; color:#fff; text-transform: uppercase; width:260px; padding:20px}
.news-list .news-item.big .info .anons { color:#fff; width:400px;}
.news-list .news-item.big .info .more a {  color:#fff; }

.news-detail { background:#d8d8d8}
.news-detail .l-part { float:left; width:750px; position:relative}
.news-detail .r-part h1 { color:#000;  font-size:30px; text-transform: uppercase; font-family: "HeliosCondRegular"; }
.news-detail .l-part .mask {  z-index:-1; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,63,122,0.32)}
.news-detail .r-part { padding:30px 30px 30px 780px; position:relative;}
.news-detail .r-part .date { position:absolute; right:30px; top:340px}
.news-detail .info { padding:40px 30px; background:#e6e6e6}

/* PROJECT */
.project-main {}
.project-main .project-item { float:left; width:275px; height:195px; overflow:hidden; position:relative; margin-right: 10px; margin-bottom:10px}
.project-main .project-item a { text-decoration:none !important; font-size:13px; color:#fff;}
.project-main .project-item .info { position:absolute; width:235px; height:195px; background:rgba(0, 0, 0, 0.5); top:135px; left:0; z-index:5; padding:0 20px}
.project-main .project-item.big { width:845px;}
.project-main .project-item.big .info { width:805px; }

.project-main .project-item:hover .info { top:0; background:rgba(20, 108, 148, 0.85); font-size:13px; color:#fff;}
.project-main .project-item .info h3 { color:#fff; font-family:HelveticaNeueBold; font-size:15px; height:36px; line-height:1.2; text-transform:uppercase; overflow:hidden; padding:12px 0 0 0; margin-bottom:10px}

.project-main .all-project { width:275px; height:195px; float:left}
.project-main .all-project .text { padding:40px 0; height:55px;  color: #212121; font-size: 13px; text-align: center;}
.project-main .all-project a {
    background:#336a97 url(../images/projects-link.png) 203px 49% no-repeat;
    color: white;
    display: block;
    height: 60px;
    font-family: HelveticaNeueBold;
    font-size: 13px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    text-transform: uppercase;
}

.project-list { width:750px}
.project-list .project-item { min-height:215px; margin-bottom:10px}
.project-list .project-item .thumb { width:300px; float:left; opacity:1}
.project-list .project-item a:hover .thumb { opacity:0.8}
.project-list .project-item .info { font-size:13px; padding-left:345px; padding-top:10px}
.project-list .project-item .info .field { padding-top:14px}
.project-list .project-item .name { color:#383838; font-size:17px; font-weight:bold; text-transform:uppercase;}
.project-list .project-item a { display:block; height:215px; text-decoration:none}
.project-list .project-item a:hover { background:#336a97; color:#fff; text-decoration:none}
.project-list .project-item a:hover .name, .project-list .project-item a:hover .field { color:#fff !important}
.project-list .project-item .more { padding-top:14px; text-transform:uppercase; color:#336a97; font-family:HelveticaNeueBold; font-size:12px;}
.project-list .project-item a:hover .more { color:#fff}

.project-detail {}
.project-detail .left-part { background:#f6f9fb}
.project-detail .project-item .link-section { padding:20px 45px; border-bottom:2px solid #eeeeee; font-size:16px}
.project-detail .project-item .link-section a { font-size:16px; font-weight:bold}
.project-detail .project-item .link-section .web-link a { color:#367888; }

.project-detail .project-item .link-section .more-link a {
	background-color: white;
	border: 2px solid #d6e1e7;
	color: #3d494c;
	display: block;
	font-family: Museo900, helvetica, arial, sans-serif;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	padding: 0 25px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top:-8px;
}
.project-detail .project-item .link-section .more-link a:hover {
		border-color: #3d494c; 
	}

.project-detail .project-item .desc { padding:20px 45px; }
.project-detail .project-item .info { padding:20px 45px; border-bottom:2px solid #eeeeee; font-size:12px}
.project-detail .project-item .info .column { float:left; width:220px; margin-right:25px}
.project-detail .project-item .info .column.last { margin-right:0}
.project-detail .project-item .info .column .field { margin-top:10px}
.project-detail .project-item #map { height:400px}

.project-detail .media-list { padding:30px 45px;}
.project-detail .media-list h3 { color:#929292; font-size:17px; font-weight:bold; margin-bottom:20px}
.project-detail .media-list .media-item { float:left; margin:0 10px 10px 0}

.project-detail .file-list { padding:30px 45px;}
.project-detail .file-list h3 { color:#929292; font-size:17px; font-weight:bold; margin-bottom:20px}
.project-detail .file-list .file-item { padding:8px 8px 8px 28px; color:#367888}
.project-detail .file-list .file-item a { color:#367888}
.project-detail .file-list .icon-pdf { background:url(../images/icon-pdf.png) no-repeat 0 50%}
.project-detail .file-list .icon-jpg, .project-detail .file-list .icon-png, .project-detail .file-list .icon-gif  { background:url(../images/icon-image.png) no-repeat 0 50%}

.project-detail .project-item .desc h3 {font-size:17px; font-weight:bold; text-transform:uppercase; margin-bottom:20px}
.project-detail .right-part h3 { font-size:17px; font-weight:bold;}

.project-detail .news-project { background:#f0f3f4; padding:40px 30px 30px 30px}
.project-detail .news-project .news-item { padding-top:20px}
.project-detail .news-project .news-item .date { font-size:13px; color:#b2b1b1}
.project-detail .more-news { text-align:center; padding:20px 0 0 0}

.project-detail .more-news a {
	background-color: white;
	border: 2px solid #d6e1e7;
	color: #3d494c;
	display: inline-block;
	font-family: Museo900, helvetica, arial, sans-serif;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	padding: 0 25px;
	text-decoration: none;
	text-transform: uppercase;
}
.project-detail .more-news a:hover { border-color: #3d494c; }

.project-detail .author-project { background:#f0f3f4; font-size:13px;  border-bottom: 1px solid #fff;}
.project-detail .author-project .author-text {  padding: 10px 30px 0px 30px;}
.project-detail .author-project .author-name {     padding: 10px 30px 10px 30px;  font-weight: bold;}

.project-detail .video-project { background:#f0f3f4;}
.project-detail .video-project .video-item { font-size:13px;}
.project-detail .video-project .video-item a {color:#367888;}
.project-detail .video-project .video-item .author { padding:30px 30px 10px 30px; font-weight:bold}
.project-detail .video-project .video-item .info { padding:0 30px 20px 30px;}
.project-detail .video-project .video-item .more { padding:10px 30px 10px 30px;}

.project-detail .extra-menu { background:#f0f3f4}
.project-detail .extra-menu h3 { background:url(../images/extra-menu-more.png) no-repeat bottom; height:60px; padding:0 30px; line-height:72px}
.project-detail .extra-menu li { background:#dee5e9; border-bottom:1px solid #fff;}
.project-detail .extra-menu li a { padding:12px 30px; display:block; text-decoration:none}
.project-detail .extra-menu li a:hover { text-decoration: underline}

/* PAGE */
.page-list { margin-right:-10px}
.page-list .page-item { width:370px; height:430px; overflow:hidden; position:relative; float:left; margin:0 10px 10px 0; color:#000 !important; background:#fff;}
.page-list .page-item a { text-decoration:none !important}
.page-list .page-item:hover { color:#fff !important; }
.page-list .page-item.big { width:750px;}
.page-list .page-item a { display:block; height:430px; }
.page-list .page-item a:hover { display:block; background:#336a97; color:#fff;}
.page-list .page-item .thumb { width:100%; height:220px; opacity:1}
.page-list .page-item a:hover .thumb { opacity:0.8}
.page-list .page-item h3 { line-height:1.5; margin:25px 20px 15px 20px; font-weight:bold; font-size:17px; text-transform:uppercase;}
.page-list .page-item .info { padding:0 20px; font-size:12px; }




.video-header { height:220px; background:url(../images/blue-grad-header.png) repeat-y; padding:0 30px}
.video-header .title { color:#b9e0f3; font-family: "HeliosCondRegular"; font-size:26px; padding-top:50px}
.video-header .sub-title { color:#fff; font-family: "HeliosCondRegular"; font-size:36px; padding-top:10px}

.book-header { position:relative }
.book-header a { display:block; height:220px; width:160px; color:#fff; font-family:"HeliosCondRegular"; text-decoration:none; font-size:14px; line-height:1.2}
.book-header a span { display:block; padding:146px 20px 0 20px; word-wrap: break-word;}
.book-header .prev-page { background:url(../images/book-page-left.png) no-repeat; height:220px; width:160px; float:left}
.book-header .prev-page a {  background:url(../images/link-left.png) no-repeat 12px 50%; }
.book-header .next-page { background:url(../images/book-page-right.png) no-repeat; height:220px; width:160px; float:left; text-align:right; border-left:1px solid #454046; width:159px;}
.book-header .next-page a { background:url(../images/link-right.png) no-repeat 134px 50%;  }



.video-list { width:750px}
.video-list .video-item { min-height:215px; margin-bottom:10px}
.video-list .video-item .thumb { width:300px; float:left; opacity:1}
.video-list .video-item a:hover .thumb { opacity:0.8}
.video-list .video-item .info { padding-left:345px; padding-top:10px}
.video-list .video-item .info .anons { padding-top:14px}
.video-list .video-item .name { color:#383838; font-size:17px; font-weight:bold; text-transform:uppercase;}
.video-list .video-item a { display:block; height:215px; text-decoration:none}
.video-list .video-item a:hover { background:#336a97; color:#fff; text-decoration:none}
.video-list .video-item a:hover .name { color:#fff}
.video-list .video-item .more { padding-top:14px; text-transform:uppercase; color:#336a97; font-family:HelveticaNeueBold; font-size:12px;}
.video-list .video-item a:hover .more { color:#fff}

.video-detail .left-part { background:#f6f9fb; width:810px; float:left;}
.video-detail .right-part { background:#eff3f4; width:320px; float:right;}
.video-detail .desc { padding:20px 45px; font-size:14px; }



.related-project { min-height: 460px;}
.related-project .project-item .name {     color: #383838;  font-family: HelveticaNeueBold; font-size: 17px;  text-transform: uppercase;  text-decoration: none;}
.related-project .project-item .info { padding:30px 15px; color:#666666; font-size:13px; }


.service-detail .left-part { background:#f6f9fb;}
.service-detail .right-part { background:#eff3f4;}
.service-detail .desc { padding:60px 50px; font-size:14px; }
.service-detail .desc ul { padding-left:16px;}
.service-detail .desc ul li { list-style-type:disc}

.service-in-list .service-item { position:relative; border-top:1px solid #fff}
.service-in-list .info { padding:20px 55px;}
.service-in-list .name { color: #383838; font-family: HelveticaNeueBold; font-size: 17px; text-transform: uppercase;}
.service-in-list .text { margin-top: 10px; font-size:14px;}
.service-in-list .service-item .more { position:absolute; width:100%; height:100%; left:0; top:0}
.service-in-list .service-item .more a { display:block; width:100%; height:100%;}
.service-in-list .service-item:hover { background:#e6e7e9}


/* TEAM */
.team-list { padding-top:20px}
.team-list .team-item { margin-bottom:40px;  height:180px; font-size:14px; color:#191919; }
.team-list .team-item .name { color: #00457c; text-transform:uppercase; font-weight:bold;  font-size: 15px;  font-weight: bold;}
.team-list .team-item .post { font-size: 14px; font-style: italic; margin-top: 8px;}
.team-list .team-item .thumb { float:left; margin-right:20px;}

.team-list .team-item .thumb img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: gray;
	-webkit-filter: grayscale(0);
}
.team-list .team-item .thumb a:hover img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: gray;
	-webkit-filter: grayscale(1);
}

.team-list .more {  margin-top: 20px;}
.team-list .more a { background-color: #00457d;
    border: none;
    color: white;
    display: inline-block;
    font-family: Museo900, helvetica, arial, sans-serif;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 0 23px;
    text-decoration: none;
    text-transform: uppercase; }


.team-detail { padding-top:20px}
.team-detail .thumb { float:left;margin:0 20px 10px 0}
.team-detail .post { font-size: 18px; font-style:italic; margin-bottom: 16px;}


/* VACANCy */
.vacancy-list { }
.vacancy-list .vacancy-item { padding: 20px;}
.vacancy-list .vacancy-item .name { margin-bottom:10px; color:#1b1b1b; font-family:HelveticaNeueBold; font-size:14px; text-transform:uppercase; text-decoration:none;}
.vacancy-list .vacancy-item .desc { color:#666666; font-size:14px; line-height:1.4;}

/* PAGE HEADER */
.page-head .thumb { position:relative}
.page-head .title { color:white; font-size:42px; font-family:"HeliosCondRegular"; position:absolute; bottom:20px; left:30px; text-transform:uppercase; line-height: 1; }


/* NAV */
.nav { background:#454544; height:50px; padding:0 30px; line-height:50px; margin-bottom:1px}
.nav a { color:white; font-size:16px; font-weight:bold; font-family:"HeliosCondRegular"; display:inline-block; text-transform:uppercase; text-decoration:none}
.nav span.drop { background:url(../images/drop-right.png) no-repeat 50% 50%; width:13px; height:17px; display:inline-block; margin:15px 10px; }


.menu-right { padding-top:30px; padding-left: 20px;}
.menu-right li { border-bottom:1px solid #dadada; padding:14px 0 10px 0; }
.menu-right li a { color:#1b2426; font-family:Museo700, helvetica, arial, sans-serif; font-size:12px; line-height:12px; text-decoration:none; text-transform:uppercase;}


.contact-map-info { padding:40px 0; border-bottom:1px solid #e4e4e4}
.contact-map-info .address { float:left; margin-left:100px}
.contact-map-info .contact { float:left; margin-left:100px}
.contact-map-info .map { height:340px; margin-top:20px}

/* INFOGRAPH */
.infogfx-front {
	font-size: 0;
	padding: 60px 0 20px;
}
.infogfx-front > div {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	width: 25%;
	text-align: center;
	text-transform: uppercase;
}
.infogfx-front .number {
	color: #879eb1;
	font-family: HelveticaNeueBold;
	font-size: 42px;
	line-height: 1;
	vertical-align: top;
}
.infogfx-front .number span {
	font-size: 15px;
	vertical-align: top;
	position: relative;
	top: 5px;
}
.infogfx-front .text {
	color: #a6a6a6;
	font-family: HelveticaNeue;
	margin-top: 10px;
}



.slider-wrapper { position:relative; width:1130px; margin:auto; }
.slider-wrapper .prev, .slider-wrapper .next { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position:absolute; top:50%; margin-top:-30px; width:37px; height:60px; cursor:pointer; z-index:10;  overflow:hidden; opacity:0.7}
.slider-wrapper li { height:450px; width:1130px; position:relative}
.slider-wrapper li .text { position:absolute; z-index:10; left:80px; top:100px}
.slider-wrapper li .text h1 { font-size:32px; color:#fff; font-family: "Roboto"; font-weight:100; display:inline-block; background:rgba(0,0,0,0.5); text-transform: uppercase; padding:2px 10px; margin:0 0 8px 0}
.slider-wrapper li .text h3 { font-size:32px; color:#fff; font-family: "Roboto"; font-weight:500; display:inline-block; background:rgba(0,0,0,0.5); text-transform: uppercase; padding:2px 10px; margin:0 0 8px 0;}
.slider-wrapper li img  { width:100%}
.slider-wrapper .prev { left:0;}
.slider-wrapper .next { right:0; }
.slider-wrapper .next:hover, .slider-wrapper .prev:hover { opacity:1 }
.slider-wrapper .prev span { width:37px; height:60px; background:url(../images/slider-prev.png) no-repeat 50% 50%; display:block}
.slider-wrapper .next span { width:37px; height:60px; background:url(../images/slider-next.png) no-repeat 50% 50%; display:block; }

.slider-wrapper .preview { position:absolute; bottom:40px; width:100%; left:0; text-align:center; z-index: 10;}
.slider-wrapper .preview a {
	border: 1px solid white; margin:0 10px;
	width: 11px; height: 11px; display: inline-block;
	background: transparent; cursor: pointer; text-indent: -9999px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.slider-wrapper .preview a:hover { background: white; }
.slider-wrapper .preview a.active { background: white; cursor: default; }







.news-slider-wrapper { position:relative; width:750px; margin:0 20px 0px 0; float:left; }
.news-slider-wrapper .prev, .news-slider-wrapper .next { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position:absolute; top:50%; margin-top:-30px; width:37px; height:60px; cursor:pointer; z-index:10;  overflow:hidden; opacity:0.7}
.news-slider-wrapper li { height:380px; width:750px}
.news-slider-wrapper li img  { width:100%}
.news-slider-wrapper .prev { left:0;}
.news-slider-wrapper .next { right:0; }
.news-slider-wrapper .next:hover, .news-slider-wrapper .prev:hover { opacity:1 }
.news-slider-slider-wrapper .prev span { width:37px; height:60px; background:url(../images/slider-prev.png) no-repeat 50% 50%; display:block}
.news-slider-wrapper .next span { width:37px; height:60px; background:url(../images/slider-next.png) no-repeat 50% 50%; display:block; }


/* -------------------------------------------------- */
/* SAMPLE PAGE */
.sample-page {}
.sample-page .page-header { width:100%; position:relative; height:495px; color:#fff;}
.sample-page .page-header .title { font-size:84px; display:block; line-height: 1.2; font-family:"HeliosCondRegular"; text-transform:uppercase; background: rgba(27,27,27,0.45); padding:0 10px; position:absolute; left:40px; top:55px}
.sample-page .page-header .info { color:white; font-size:20px; line-height:1.3; top:220px; width:660px; font-family: "HeliosCondRegular";
    position:absolute; background: rgba(27,27,27,0.85); padding:10px; left:40px}
.sample-page .page-header .menu { background: rgba(27,27,27,0.85); padding:10px; position:absolute; bottom:40px; left:40px }
.sample-page .page-header .menu .column { display:inline-block; padding-right:70px}
.sample-page .page-header .menu .column.last { padding-right:0}
.sample-page .page-header .menu a { color:white; font-size: 24px; text-transform: uppercase; font-family:"HeliosCondRegular"; text-decoration:none; display:block}
.sample-page .page-header .menu a:hover { text-decoration:underline}

.page-center { margin-top:4px}
.page-center .page-item { float:left; width:374px; margin-right:4px; height:500px; font-size:14px; position:relative}
.page-center .page-item.last{ margin-right:0}
.page-center .page-item .image { height:248px;  }
.page-center .page-item .name, .page-center .page-item .info, .page-center .page-item .more { padding:0 35px;}

.page-center .page-item .name { color:black; font-size:17px; font-weight: bold; text-transform:uppercase; padding-top:33px; }
.page-center .page-item .info { color:#1b1b1b; padding-top:14px; line-height:1.2;}
.page-center .page-item .more { color:#336a97; font-family:HelveticaNeueBold; font-size:13px; text-transform:uppercase; padding-top:12px;}
.page-center .page-item .more a { color:#336a97; font-family:HelveticaNeueBold; font-size:13px; text-transform:uppercase; text-decoration:none }

.page-title { margin:4px 0; line-height:1; padding:10px 0 10px 35px; color:white; background:#29242a; font-size:30px; font-family:"HeliosCondRegular"; text-shadow:0 0 1px #ffffff; text-transform:uppercase;}

.page-item .overlink { position:absolute; width:100%; height:100%; top:0}
.page-item .overlink a { position:absolute; width:100%; height:100%; display:block; z-index: 5;}
.page-item:hover .image { opacity:0.6 !important}
.page-item:hover .more a { text-decoration:underline !important}

.page-bottom { }
.page-bottom .page-item { margin-bottom:4px;  font-size:14px; background:#fafafa; position:relative}
.page-bottom .page-item .image { width:630px}
.page-bottom .page-item .info { padding:30px; width:380px}
.page-bottom .page-item .more a { color:#336a97; font-family:HelveticaNeueBold; font-size:13px; text-transform:uppercase;  text-decoration:none}

.page-bottom .page-item .name { color:black; font-size:17px; font-weight: bold; text-transform:uppercase; padding-top:33px; }
.page-bottom .page-item .text { color:#1b1b1b; padding-top:14px; line-height:1.2;}
.page-bottom .page-item .more { color:#336a97; font-family:HelveticaNeueBold; font-size:13px; text-transform:uppercase; padding-top:12px;}


.about-header { background:url(../images/about-header.jpg) no-repeat}
.about-invest .image { background:url(../images/about-invest.jpg) no-repeat}
.about-team { background:#f0ebef}
.about-team .image { background:url(../images/about-team.jpg) no-repeat}
.about-numbers { background:#f7f7f7}
.about-numbers .image { background:url(../images/about-numbers.jpg) no-repeat}

.about-group .image { background:url(../images/about-group.jpg) no-repeat; height:245px;}
.about-build .image { background:url(../images/about-build.jpg) no-repeat; height:300px;}

.delaem-header { background:url(../images/delaem-header.jpg) no-repeat}
.work-header { background:url(../images/work-header.jpg) no-repeat}
.work-invest .image { background:url(../images/work-invest.jpg) no-repeat}
.work-build { background:#f7f7f7}
.work-build .image { background:url(../images/work-build.jpg) no-repeat}
.work-design { background:#f0ebef}
.work-design .image { background:url(../images/work-design.jpg) no-repeat}

.work-invest-build .image { background:url(../images/work-invest-build.jpg) no-repeat; height:275px;}
.work-devel .image { background:url(../images/work-devel.jpg) no-repeat; height:275px;}
.work-genpodryad .image { background:url(../images/work-genpodryad.jpg) no-repeat; height:275px;}


.sample-page .partner-header { width:100%; position:relative; height:450px; color:#fff; background:url(../images/parnter-header.jpg) no-repeat;}
.partner-page h2 { background:#f0f4f6;  font-size: 35px; color: #000;  text-align: center; padding:40px;}

.partner-list { padding:0 200px; text-align: center;}
.partner-item {display:inline-block; width:233px; text-align: center; }
.partner-item a {   width:233px;}

/* END SAMPLE PAGE */

/* PAGE ABOUT US */
.about-us-page  { }
.about-us-page h1 { font-size:200%}
.about-us-page img { width:100%}
.about-us-page .one-of-three { width:33%;float:left}
.about-us-page .two-of-three { width:67%;float:left}
.about-us-page .blue { background:#303c64; color:#fff !important}
.about-us-page .grey { background:#f2f2f1}
.about-us-page .clear		{ clear:both}
.about-us-page .text { padding:40px 35px}
/* END PAGE ABOUT US */



/*O NAS RIGHT*/
.o-nas .page-item { float:none; width:320px; height:auto; font-size:14px; position:relative; padding-bottom:30px; background:#dfdfe7; position:relative}
.o-nas .page-item .name, .o-nas .page-item .info, .o-nas .page-item .more { padding:0 35px;}
.o-nas .page-item .image img { width:100%}
.o-nas .page-item .name { color:black; font-size:17px; font-weight: bold; text-transform:uppercase; padding-top:33px; }
.o-nas .page-item .info { color:#1b1b1b; padding-top:14px; line-height:1.2;}
.o-nas .page-item .more { color:#336a97; font-family:HelveticaNeueBold; font-size:13px; text-transform:uppercase; padding-top:12px;}
.o-nas .page-item .more a { color:#336a97; font-family:HelveticaNeueBold; font-size:13px; text-transform:uppercase; text-decoration:none }

.onas-column { border-right:1px dotted #a2a2a2; width:200px; float:left; padding: 10px 20px 10px 0; margin-right:20px;}
.onas-column .name { padding-bottom:10px; font-size:16px; font-weight: bold; font-family: 'HeliosCondRegular';  text-transform: uppercase; }

/*END NAS RIGHT*/

/*IN FUTURE*/
.infuture-page { font-size:18px; font-family: "HeliosCondRegular"; width:1070px; margin:auto}
.infuture-page h1 { text-transform:uppercase; font-size:36px}

.infuture-page .rule-man { padding-left:33%; text-align: justify; padding-right:20px}

.infuture-page .column-title { border-bottom:2px solid #000}
.infuture-page .column { width:23%; margin:1%; float:left; font-size:14px}
.infuture-page .column-title .column { font-size:18px}

.sample-page .infuture-header { width:100%; position:relative; height:450px; color:#fff; background:url(../images/infuture-header.jpg) no-repeat;}
.sample-page .infuture-header  .title { font-weight:bold; top: 220px;}

/*END IN FUTURE*/

/* FORM */
.web-form h3 { font-weight:bold} 
.web-form .field { margin:10px 0}
.web-form input[type="text"],.web-form input[type="tel"],.web-form input[type="url"],
.web-form textarea,
.web-form select {
	background-color: white;
	border-radius: 0;
	-moz-border-radius: 0;
	border: 1px solid #bfbfbf;
	color: #666666;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	padding: 5px 18px;
	width: 346px;
}
.web-form input[type="text"],.web-form input[type="tel"],.web-form input[type="url"] {
	height: 21px;
	line-height: 21px;
}
.web-form textarea,
.web-form select {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	padding: 5px 18px;	
	width: 315px;	
}
.web-form textarea { height:100px}
.web-form .button { margin:10px 0}
.web-form .button input {
    background-color: #336b98;
    border: none;
    color: white;
    display: inline-block;
    font-family: Museo900, helvetica, arial, sans-serif;
    font-size: 12px;
    height: 34px;
	width:353px;
	text-align:center;
	margin:0;
    text-decoration: none;
    text-transform: uppercase;
	cursor:pointer;
}


.project-form-wrapper { display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:100}
.project-form-wrapper .fade { background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; right:0; bottom:0 }
.project-form-wrapper .web-form { background:#fff; padding:20px; position:absolute; z-index:10; left:50%; top:50%; margin:-200px 0 0 -195px}
.project-form-wrapper .web-form h3 { text-align:center;}
.project-form-wrapper .web-form .close { display:block; width:24px; height:24px; background:url(../images/popup-close.png) no-repeat 50% 50%; position:absolute; right: 10px; top:10px}
.project-form-wrapper .web-form .field input { width: 315px; }

/* Large desktop */
@media (max-width: 1200px) {

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

}